diff --git a/.reek.yml b/.reek.yml
index cd12f9cc576..bb725320a37 100644
--- a/.reek.yml
+++ b/.reek.yml
@@ -55,6 +55,7 @@ detectors:
     exclude:
       - Address
       - Api::V3::DecisionReviews::ContestableIssueFinder#initialize
+      - ExternalApi::WebexService::RecordingsListResponse::Recording#initialize
   DataClump:
     exclude:
       - ForeignKeyPolymorphicAssociationJob
@@ -135,6 +136,11 @@ detectors:
       - ExternalApi::PexipService#send_pexip_request
       - ControllerSchema#remove_unknown_keys
       - BusinessLineReporter#as_csv
+      - Hearings::DownloadTranscriptionFileJob#build_error_explanation
+      - Hearings::RefreshWebexAccessTokenJob#perform
+      - TranscriptionFile#update_status!
+      - ExternalApi::WebexService#create_conference
+      - TranscriptionTransformer
   InstanceVariableAssumption:
     exclude:
       - Appeal
@@ -143,6 +149,7 @@ detectors:
       - Api::V3::DecisionReviews::HigherLevelReviewIntakeProcessor
       - ETL::Syncer
       - User
+      - Hearings::DownloadTranscriptionFileJob
   IrresponsibleModule:
     enabled: false
   LongParameterList:
@@ -163,6 +170,8 @@ detectors:
       - LegacyDocket#distribute_priority_appeals
       - LegacyDocket#distribute_nonpriority_appeals
       - ExternalApi::MPIService#search_people_info
+      - Hearings::FetchWebexRecordingsDetailsJob#send_file
+      - ExternalApi::WebexService#initialize
   ManualDispatch:
     exclude:
       - Api::V3::DecisionReviews::IntakeError#potential_error_code
@@ -180,6 +189,7 @@ detectors:
     max_allowed_nesting: 2
     exclude:
       - AsyncableJobsReporter
+      - TranscriptionTransformer#create_transcription_pages
   NilCheck:
     enabled: false
   RepeatedConditional:
@@ -199,6 +209,8 @@ detectors:
       - Veteran
       - LegacyDocket
       - Test::UsersController
+      - Fakes::WebexService
+      - Hearings::DownloadTranscriptionFileJob
   TooManyConstants:
     exclude:
       - Fakes::BGSServicePOA
@@ -216,6 +228,8 @@ detectors:
       - Api::V3::DecisionReviews::IntakeError
       - ControllerSchema::Field
       - HearingEmailStatusMailer
+      - ExternalApi::WebexService
+      - TranscriptionFileIssuesMailer
   TooManyMethods:
     enabled: false
   TooManyStatements:
@@ -255,10 +269,14 @@ detectors:
       - UpdatePOAConcern
       - VBMSCaseflowLogger#log
       - LegacyDocket
+      - ExternalApi::PexipService#not_found_response
+      - WebexConcern
   UnusedParameters:
     exclude:
       - Docket#distribute_appeals
       - HearingRequestDocket#distribute_appeals
+      - Fakes::WebexService#fetch_recording_details
+      - Fakes::WebexService#fetch_room_details
 
 
 ### Directory specific configuration
diff --git a/Gemfile b/Gemfile
index a6e0728b60e..d60777fe2c2 100644
--- a/Gemfile
+++ b/Gemfile
@@ -74,6 +74,7 @@ gem "rack", "~> 2.2.6.2"
 gem "rails", "6.1.7.7"
 # Used to colorize output for rake tasks
 gem "rainbow"
+gem "rcredstash", "~> 1.1.0"
 # React
 gem "react_on_rails", "11.3.0"
 gem "redis-mutex"
@@ -83,6 +84,7 @@ gem "request_store"
 gem "roo", "~> 2.7"
 gem "rswag-api"
 gem "rswag-ui"
+gem "rtf"
 gem "ruby_claim_evidence_api", git: "https://github.com/department-of-veterans-affairs/ruby_claim_evidence_api.git", ref: "fed623802afe7303f4b8b5fe27cff0e903699873"
 # Use SCSS for stylesheets
 gem "sass-rails", "~> 5.0"
@@ -99,6 +101,7 @@ gem "tzinfo", "~> 2.0"
 # Use Uglifier as compressor for JavaScript assets
 gem "uglifier", ">= 1.3.0"
 gem "validates_email_format_of"
+gem "webvtt-ruby"
 gem "ziptz"
 
 group :production, :staging, :ssh_forwarding, :development, :test do
diff --git a/Gemfile.lock b/Gemfile.lock
index 2632deaf2e2..100076cd374 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1500,7 +1500,7 @@ GEM
     crack (0.4.3)
       safe_yaml (~> 1.0.0)
     crass (1.0.6)
-    d3-rails (7.0.0)
+    d3-rails (7.8.5)
       railties (>= 3.1)
     danger (6.2.2)
       claide (~> 1.0)
@@ -1651,8 +1651,8 @@ GEM
     immigrant (0.3.6)
       activerecord (>= 3.0)
     jaro_winkler (1.5.6)
-    jmespath (1.3.1)
-    jquery-rails (4.5.1)
+    jmespath (1.6.2)
+    jquery-rails (4.6.0)
       rails-dom-testing (>= 1, < 3)
       railties (>= 4.2.0)
       thor (>= 0.14, < 2.0)
@@ -1898,6 +1898,10 @@ GEM
       ffi (~> 1.0)
     rb-readline (0.5.5)
     rchardet (1.8.0)
+    rcredstash (1.1.0)
+      aws-sdk-dynamodb
+      aws-sdk-kms
+      thor
     react_on_rails (11.3.0)
       addressable
       connection_pool
@@ -1974,6 +1978,7 @@ GEM
     rswag-ui (2.13.0)
       actionpack (>= 3.1, < 7.2)
       railties (>= 3.1, < 7.2)
+    rtf (0.3.3)
     rubocop (0.83.0)
       parallel (~> 1.10)
       parser (>= 2.7.0.1)
@@ -2111,6 +2116,7 @@ GEM
     websocket-driver (0.7.6)
       websocket-extensions (>= 0.1.0)
     websocket-extensions (0.1.5)
+    webvtt-ruby (0.4.0)
     xmldsig (0.3.2)
       nokogiri
     xmlenc (0.8.0)
@@ -2211,6 +2217,7 @@ DEPENDENCIES
   rails-erd
   rainbow
   rb-readline
+  rcredstash (~> 1.1.0)
   react_on_rails (= 11.3.0)
   redis-mutex
   redis-namespace (~> 1.11.0)
@@ -2225,6 +2232,7 @@ DEPENDENCIES
   rswag-api
   rswag-specs
   rswag-ui
+  rtf
   rubocop (= 0.83)
   rubocop-performance
   rubocop-rails
@@ -2254,6 +2262,7 @@ DEPENDENCIES
   validates_email_format_of
   webdrivers
   webmock
+  webvtt-ruby
   ziptz
 
 BUNDLED WITH
diff --git a/app/controllers/hearings/hearing_day_controller.rb b/app/controllers/hearings/hearing_day_controller.rb
index 274e9f2387b..401f194051c 100644
--- a/app/controllers/hearings/hearing_day_controller.rb
+++ b/app/controllers/hearings/hearing_day_controller.rb
@@ -44,9 +44,9 @@ def show
           hearings: hearing_day.hearings_for_user(current_user).map { |hearing| hearing.quick_to_hash(current_user.id) }
         )
       }
-    rescue VirtualHearings::LinkService::PINKeyMissingError,
-           VirtualHearings::LinkService::URLHostMissingError,
-           VirtualHearings::LinkService::URLPathMissingError => error
+    rescue VirtualHearings::PexipLinkService::PINKeyMissingError,
+           VirtualHearings::PexipLinkService::URLHostMissingError,
+           VirtualHearings::PexipLinkService::URLPathMissingError => error
       log_error(error)
       render json: {
         hearing_day: hearing_day.to_hash(include_conference_link: false).merge(
@@ -89,7 +89,9 @@ def create
 
   def update
     hearing_day.update!(update_params)
-    render json: hearing_day.to_hash
+    render json: hearing_day.to_hash.merge(
+      conference_link: ::HearingDaySerializer.serialize_conference_link(hearing_day.conference_link)
+    )
   end
 
   def destroy
diff --git a/app/controllers/hearings/transcription_files_controller.rb b/app/controllers/hearings/transcription_files_controller.rb
new file mode 100644
index 00000000000..9701580f50e
--- /dev/null
+++ b/app/controllers/hearings/transcription_files_controller.rb
@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+class Hearings::TranscriptionFilesController < ApplicationController
+  include HearingsConcerns::VerifyAccess
+
+  rescue_from ActiveRecord::RecordNotFound, with: :render_page_not_found
+  before_action :verify_access_to_hearings, only: [:download_transcription_file]
+
+  # Downloads file and sends to user's local computer
+  def download_transcription_file
+    tmp_location = file.fetch_file_from_s3!
+    File.open(tmp_location, "r") { |stream| send_data stream.read, filename: file.file_name }
+    file.clean_up_tmp_location
+  end
+
+  def render_page_not_found
+    redirect_to "/404"
+  end
+
+  private
+
+  def file
+    @file ||= TranscriptionFile.find(params[:file_id])
+  end
+end
diff --git a/app/controllers/hearings_controller.rb b/app/controllers/hearings_controller.rb
index 59095f24635..bfa4089daa3 100644
--- a/app/controllers/hearings_controller.rb
+++ b/app/controllers/hearings_controller.rb
@@ -82,6 +82,7 @@ def virtual_hearing_job_status
         alias_with_host: hearing.virtual_hearing&.formatted_alias_or_alias_with_host,
         guest_link: hearing.virtual_hearing&.guest_link,
         host_link: hearing.virtual_hearing&.host_link,
+        co_host_link: hearing.virtual_hearing&.co_host_hearing_link,
         guest_pin: hearing.virtual_hearing&.guest_pin,
         host_pin: hearing.virtual_hearing&.host_pin
       }
diff --git a/app/controllers/organizations/users_controller.rb b/app/controllers/organizations/users_controller.rb
index 6a125576a84..f5b7650bcf2 100644
--- a/app/controllers/organizations/users_controller.rb
+++ b/app/controllers/organizations/users_controller.rb
@@ -32,6 +32,7 @@ def update
       adjust_admin_rights
     end
 
+    update_user_conference_provider
     render json: { users: json_administered_users([user_to_modify]) }, status: :ok
   end
 
@@ -67,6 +68,14 @@ def adjust_admin_rights
     end
   end
 
+  def update_user_conference_provider
+    new_conference_provider = params.dig(:attributes, :conference_provider)
+
+    if organization["url"] == HearingsManagement.singleton.url && new_conference_provider
+      OrganizationsUser.update_user_conference_provider(user_to_modify, new_conference_provider)
+    end
+  end
+
   def organization_url
     params[:organization_url]
   end
diff --git a/app/jobs/hearings/create_non_virtual_conference_job.rb b/app/jobs/hearings/create_non_virtual_conference_job.rb
new file mode 100644
index 00000000000..78b1ca678e3
--- /dev/null
+++ b/app/jobs/hearings/create_non_virtual_conference_job.rb
@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+# This job creates a Webex conference & link for a non virtual hearing
+
+class Hearings::CreateNonVirtualConferenceJob < CaseflowJob
+  # We are not using ensure_current_user_is_set because of some
+  # potential for rollbacks if the set user is not the system user
+
+  queue_with_priority :high_priority
+  application_attr :hearing_schedule
+
+  attr_reader :hearing
+
+  # Retry if Webex returns an invalid response.
+  retry_on(Caseflow::Error::WebexApiError, wait: :exponentially_longer) do |job, exception|
+    job.log_error(exception)
+  end
+
+  def perform(hearing:)
+    RequestStore.store[:current_user] = User.system_user
+    WebexConferenceLink.find_or_create_by!(
+      hearing: hearing,
+      created_by: hearing.created_by,
+      updated_by: hearing.created_by
+    )
+  end
+end
diff --git a/app/jobs/hearings/download_transcription_file_job.rb b/app/jobs/hearings/download_transcription_file_job.rb
new file mode 100644
index 00000000000..1b2ad774e4f
--- /dev/null
+++ b/app/jobs/hearings/download_transcription_file_job.rb
@@ -0,0 +1,240 @@
+# frozen_string_literal: true
+
+require "open-uri"
+
+# Downloads transcription file from Webex using temporary download link and uploads to S3
+# - Download link passed to this job from FetchRecordingDetailsJob
+# - File type either audio (mp3), video (mp4), or vtt (transcript)
+
+class Hearings::DownloadTranscriptionFileJob < CaseflowJob
+  include Hearings::EnsureCurrentUserIsSet
+  include Hearings::SendTranscriptionIssuesEmail
+
+  queue_with_priority :low_priority
+  application_attr :hearing_schedule
+
+  attr_reader :file_name, :transcription_file
+
+  class FileNameError < StandardError; end
+  class FileDownloadError < StandardError; end
+  class HearingAssociationError < StandardError; end
+
+  retry_on(FileDownloadError, wait: 5.minutes) do |job, exception|
+    details_hash = {
+      temporary_download_link: { link: job.arguments.first[:download_link] },
+      error: { type: "download" },
+      provider: "webex"
+    }
+    error_details = job.build_error_details(exception, details_hash)
+    job.log_download_error(exception)
+    job.send_transcription_issues_email(error_details)
+  end
+
+  retry_on(TranscriptionFileUpload::FileUploadError, wait: :exponentially_longer) do |job, exception|
+    details_hash = { error: { type: "upload" }, provider: "S3" }
+    error_details = job.build_error_details(exception, details_hash)
+    job.transcription_file.clean_up_tmp_location
+    job.log_download_error(exception)
+    job.send_transcription_issues_email(error_details)
+  end
+
+  retry_on(TranscriptionTransformer::FileConversionError, wait: 10.seconds) do |job, exception|
+    job.transcription_file.clean_up_tmp_location
+    details_hash = { error: { type: "conversion" }, conversion_type: "rtf" }
+    error_details = job.build_error_details(exception, details_hash)
+    job.log_download_error(exception)
+    job.send_transcription_issues_email(error_details)
+  end
+
+  discard_on(FileNameError) do |job, exception|
+    details_hash = {
+      error: { type: "download" },
+      provider: "webex",
+      reason: "Unable to parse hearing information from file name: #{job.file_name}",
+      expected_file_name_format: "[docket_number]_[internal_id]_[hearing_type].[file_type]"
+    }
+    error_details = job.build_error_details(exception, details_hash)
+    job.log_download_error(exception)
+    job.send_transcription_issues_email(error_details)
+  end
+
+  # Purpose: Downloads audio (mp3), video (mp4), or transcript (vtt) file from Webex temporary download link and
+  #          uploads the file to corresponding S3 location. If file is vtt, kicks off conversion of vtt to rtf
+  #          and uploads rtf file to S3.
+  def perform(download_link:, file_name:)
+    ensure_current_user_is_set
+    @file_name = file_name
+    @transcription_file ||= find_or_create_transcription_file
+    ensure_hearing_held
+
+    download_file_to_tmp!(download_link)
+    @transcription_file.upload_to_s3! if @transcription_file.date_upload_aws.nil?
+    convert_to_rtf_and_upload_to_s3! if @transcription_file.file_type == "vtt"
+    @transcription_file.clean_up_tmp_location
+  end
+
+  # Purpose: Builds hash of values to be listed in mail template
+  #
+  # Note: Public method to provide access during job retry
+  #
+  # Params: error - Instance of error
+  #         details_hash - hash of attributes and values to be listed in mail template
+  #
+  # Returns: The hash for details on the error
+  def build_error_details(error, details_hash)
+    details_hash.merge(
+      docket_number: !file_name_error?(error) ? hearing.docket_number : nil,
+      appeal_id: !file_name_error?(error) ? hearing.appeal.external_id : nil,
+      error: details_hash[:error].merge(
+        explanation: build_error_explanation(details_hash)
+      )
+    )
+  end
+
+  # Purpose: Logs error and captures exception
+  #
+  # Note: Public method to provide access during job retry
+  #
+  # Params: error - Error object
+  def log_download_error(error)
+    extra = {
+      application: self.class.name,
+      hearing_id: !file_name_error?(error) ? hearing.id : nil,
+      file_name: file_name,
+      job_id: job_id
+    }
+    log_error(error, extra: extra)
+  end
+
+  private
+
+  # Purpose: Downloads file from temporary download link provided by
+  #          FetchRecordingDetailsJob. Update file status of transcription file depending on download success/failure.
+  #
+  # Params: download_link - string, URI for temporary download link
+  #         file_name - string, to be parsed for hearing identifiers
+  #
+  # Returns: Updated @transcription_file
+  def download_file_to_tmp!(link)
+    transcription_file = @transcription_file
+    return if File.exist?(transcription_file.tmp_location)
+
+    URI(link).open do |download|
+      IO.copy_stream(download, transcription_file.tmp_location)
+    end
+    transcription_file.update_status!(process: :retrieval, status: :success)
+    log_info("File #{file_name} successfully downloaded from Webex. Uploading to S3...")
+  rescue OpenURI::HTTPError => error
+    transcription_file.update_status!(process: :retrieval, status: :failure)
+    transcription_file.clean_up_tmp_location
+    raise FileDownloadError, "Webex temporary download link responded with error: #{error}"
+  end
+
+  # Purpose: Hearing for which the Webex conference was held
+  #
+  # Note: Public method to provide access during job retry
+  #
+  # Returns: Hearing object
+  def hearing
+    @hearing ||= parse_hearing
+  end
+
+  # Purpose: Parses hearing details from identifiers present in file name
+  #
+  # Returns: Hearing object or error if hearing not able to be parsed or found
+  def parse_hearing
+    identifiers = file_name.split(".").first
+    hearing_id = identifiers.split("_")[1]
+    hearing_type = identifiers.split("_").last.split("-").first
+    hearing_type.constantize.find(hearing_id)
+  rescue StandardError => error
+    raise FileNameError, "Encountered error #{error} when attempting to parse hearing from file name '#{file_name}'"
+  end
+
+  # Purpose: Docket number associated with the hearing for which the transcription was created
+  #
+  # Returns: string or error
+  def docket_number
+    hearing.docket_number
+  end
+
+  # Purpose: Finds existing transcription file record if job previously failed and retry initiated. Otherewise, creates
+  #          new record.
+  #
+  # Params: file_name_arg - string, optional parameter with default value of file name attribute. Allows for method to
+  #                         be reused when converting vtt file to rtf.
+  #
+  # Returns: TranscriptionFile object
+  def find_or_create_transcription_file(file_name_arg = file_name)
+    TranscriptionFile.find_or_create_by(
+      file_name: file_name_arg,
+      hearing_id: hearing.id,
+      hearing_type: hearing.class.name,
+      docket_number: docket_number
+    ) do |file|
+      file.file_type = file_name_arg.split(".").last
+      file.created_by_id = RequestStore[:current_user].id
+      file.save!
+    end
+  rescue ActiveRecord::RecordInvalid => error
+    raise FileNameError, error
+  end
+
+  # Purpose: Converts vtt to rtf, creates new record for converted transcription file, and uploads
+  #          converted file to S3
+  #
+  # Returns: integer value of 1 if tmp file deleted after successful upload
+  def convert_to_rtf_and_upload_to_s3!
+    log_info("Converting file #{file_name} to rtf...")
+    transcription_file = @transcription_file
+    file_paths = transcription_file.convert_to_rtf!
+    file_paths.each do |file_path|
+      output_file_name = file_path.split("/").last
+      output_file = find_or_create_transcription_file(output_file_name)
+      log_info("Successfully converted #{file_name} to rtf. Uploading #{output_file.file_type} to S3...")
+      output_file.upload_to_s3!
+      output_file.clean_up_tmp_location
+    end
+  end
+
+  # Purpose: If disposition of associated hearing is not marked as held, sends email to VA Operations Team and
+  #          continues with download job
+  def ensure_hearing_held
+    return if hearing.held?
+
+    msg = "Download of Webex transcription files initiated for hearing (docket ##{docket_number}) successful, " \
+          "but hearing's disposition not set to held."
+    Rails.logger.warn(HearingAssociationError.new(msg))
+    # TO IMPLEMENT: SEND EMAIL TO VA OPS TEAM
+  end
+
+  # Purpose: Logs message
+  #
+  # Params: message - string
+  def log_info(message)
+    Rails.logger.info(message)
+  end
+
+  JOB_ACTIONS = {
+    download: { verb: "download", direction: "from" },
+    upload: { verb: "upload", direction: "to" },
+    conversion: { verb: "convert", direction: "to" }
+  }.freeze
+
+  # Purpose: Builds error message to be printed in email notifications
+  #
+  # Params: details_hash - hash of attributes and values to be listed in mail template
+  #
+  # Returns: String message
+  def build_error_explanation(details_hash)
+    action = JOB_ACTIONS[details_hash[:error][:type].to_sym]
+    action_recipient = details_hash[:provider]&.titlecase || details_hash.delete(:conversion_type)
+    file_type = @transcription_file ? "#{@transcription_file.file_type} " : ""
+
+    "#{action[:verb]} a #{file_type}file #{action[:direction]} #{action_recipient}"
+  end
+
+  def file_name_error?(error)
+    error.is_a?(FileNameError)
+  end
+end
diff --git a/app/jobs/hearings/fetch_webex_recordings_details_job.rb b/app/jobs/hearings/fetch_webex_recordings_details_job.rb
new file mode 100644
index 00000000000..d6bb8bc596c
--- /dev/null
+++ b/app/jobs/hearings/fetch_webex_recordings_details_job.rb
@@ -0,0 +1,75 @@
+# frozen_string_literal: true
+
+# This job will retrieve a list of webex hearing recording detail links
+# and download the information from the links
+
+class Hearings::FetchWebexRecordingsDetailsJob < CaseflowJob
+  include Hearings::EnsureCurrentUserIsSet
+  include Hearings::SendTranscriptionIssuesEmail
+  include WebexConcern
+
+  queue_with_priority :low_priority
+  application_attr :hearing_schedule
+  attr_reader :recording_id, :host_email, :meeting_title
+
+  # rubocop:disable Layout/LineLength
+  retry_on(Caseflow::Error::WebexApiError, wait: :exponentially_longer) do |job, exception|
+    recording_id = job.arguments&.first&.[](:recording_id)
+    host_email = job.arguments&.first&.[](:host_email)
+    meeting_title = job.arguments&.first&.[](:meeting_title)
+    query = "?hostEmail=#{host_email}"
+    error_details = {
+      error: { type: "retrieval", explanation: "retrieve recording details from Webex" },
+      provider: "webex",
+      api_call:
+        "GET #{ENV['WEBEX_HOST_MAIN']}#{ENV['WEBEX_DOMAIN_MAIN']}#{ENV['WEBEX_API_MAIN']}recordings/#{recording_id}#{query}",
+      response: { status: exception.code, message: exception.message }.to_json,
+      recording_id: recording_id,
+      host_email: host_email,
+      meeting_title: meeting_title
+    }
+    job.log_error(exception)
+    job.send_transcription_issues_email(error_details)
+  end
+  # rubocop:enable Layout/LineLength
+
+  def perform(recording_id:, host_email:, meeting_title:)
+    ensure_current_user_is_set
+    data = fetch_recording_details(recording_id, host_email)
+    topic = data.topic
+
+    mp4_link = data.mp4_link
+    send_file(topic, "mp4", mp4_link, meeting_title)
+
+    vtt_link = data.vtt_link
+    send_file(topic, "vtt", vtt_link, meeting_title)
+
+    mp3_link = data.mp3_link
+    send_file(topic, "mp3", mp3_link, meeting_title)
+  end
+
+  def log_error(error)
+    extra = {
+      application: self.class.name,
+      job_id: job_id
+    }
+    super(error, extra: extra)
+  end
+
+  private
+
+  def fetch_recording_details(id, email)
+    query = { "hostEmail": email }
+    WebexService.new(recordings_config(query)).fetch_recording_details(id)
+  end
+
+  def create_file_name(topic, extension, meeting_title)
+    counter = topic.split("-").last
+    "#{meeting_title}-#{counter}.#{extension}"
+  end
+
+  def send_file(topic, extension, link, meeting_title)
+    file_name = create_file_name(topic, extension, meeting_title)
+    Hearings::DownloadTranscriptionFileJob.perform_later(download_link: link, file_name: file_name)
+  end
+end
diff --git a/app/jobs/hearings/fetch_webex_recordings_list_job.rb b/app/jobs/hearings/fetch_webex_recordings_list_job.rb
new file mode 100644
index 00000000000..73fc4634278
--- /dev/null
+++ b/app/jobs/hearings/fetch_webex_recordings_list_job.rb
@@ -0,0 +1,54 @@
+# frozen_string_literal: true
+
+# This job will retrieve a list of webex hearing recordings and details every hour
+
+class Hearings::FetchWebexRecordingsListJob < CaseflowJob
+  include Hearings::EnsureCurrentUserIsSet
+  include Hearings::SendTranscriptionIssuesEmail
+  include WebexConcern
+
+  queue_with_priority :low_priority
+  application_attr :hearing_schedule
+
+  attr_reader :meeting_id, :meeting_title
+
+  retry_on(Caseflow::Error::WebexApiError, wait: :exponentially_longer) do |job, exception|
+    max = 100
+    id = job.arguments&.first&.[](:meeting_id)
+    meeting_title = job.arguments&.first&.[](:meeting_title)
+    query = "?max=#{max}&meetingId=#{id}"
+    error_details = {
+      error: { type: "retrieval", explanation: "retrieve a list of recordings from Webex" },
+      provider: "webex",
+      api_call:
+        "GET #{ENV['WEBEX_HOST_MAIN']}#{ENV['WEBEX_DOMAIN_MAIN']}#{ENV['WEBEX_API_MAIN']}admin/recordings/#{query}",
+      response: { status: exception.code, message: exception.message }.to_json,
+      meeting_id: id,
+      meeting_title: meeting_title
+    }
+    job.log_error(exception)
+    job.send_transcription_issues_email(error_details)
+  end
+
+  def perform(meeting_id:, meeting_title:)
+    ensure_current_user_is_set
+    fetch_recordings_list(meeting_id).recordings.each do |recording|
+      Hearings::FetchWebexRecordingsDetailsJob.perform_later(
+        recording_id: recording.id, host_email: recording.host_email, meeting_title: meeting_title
+      )
+    end
+  end
+
+  def log_error(error)
+    super(error, extra: { application: self.class.name, job_id: job_id })
+  end
+
+  private
+
+  def fetch_recordings_list(id)
+    max = 100
+    meeting_id = id
+    query = { "max": max, "meetingId": meeting_id }
+    WebexService.new(recordings_config(query)).fetch_recordings_list
+  end
+end
diff --git a/app/jobs/hearings/fetch_webex_room_meeting_details_job.rb b/app/jobs/hearings/fetch_webex_room_meeting_details_job.rb
new file mode 100644
index 00000000000..fe42544707c
--- /dev/null
+++ b/app/jobs/hearings/fetch_webex_room_meeting_details_job.rb
@@ -0,0 +1,48 @@
+# frozen_string_literal: true
+
+# This job retrieves details about a specific meeting room from Webex using their API.
+class Hearings::FetchWebexRoomMeetingDetailsJob < CaseflowJob
+  include Hearings::EnsureCurrentUserIsSet
+  include Hearings::SendTranscriptionIssuesEmail
+  include WebexConcern
+
+  queue_with_priority :low_priority
+  application_attr :hearing_schedule
+
+  attr_reader :room_id, :meeting_title
+
+  retry_on(Caseflow::Error::WebexApiError, wait: :exponentially_longer) do |job, exception|
+    room_id = job.arguments&.first&.[](:room_id)
+    meeting_title = job.arguments&.first&.[](:meeting_title)
+    error_details = {
+      error: { type: "retrieval", explanation: "retrieve details of room from Webex" },
+      provider: "webex",
+      api_call:
+        "GET #{ENV['WEBEX_HOST_MAIN']}#{ENV['WEBEX_DOMAIN_MAIN']}#{ENV['WEBEX_API_MAIN']}rooms/#{room_id}/meetingInfo",
+      response: { status: exception.code, message: exception.message }.to_json,
+      room_id: room_id,
+      meeting_title: meeting_title
+    }
+    job.log_error(exception)
+    job.send_transcription_issues_email(error_details)
+  end
+
+  def perform(room_id:, meeting_title:)
+    ensure_current_user_is_set
+    room_meeting_details = fetch_room_details(room_id)
+    Hearings::FetchWebexRecordingsListJob.perform_later(
+      meeting_id: room_meeting_details.meeting_id,
+      meeting_title: meeting_title
+    )
+  end
+
+  private
+
+  # This constructs the headers and calls on the webex endpoint
+  # to retreive the meeting details from the specified room using ID
+  # Params: id - The unique ID of the webex room
+  # Return: The response object created from the response from the API
+  def fetch_room_details(id)
+    WebexService.new(rooms_config).fetch_room_details(id)
+  end
+end
diff --git a/app/jobs/hearings/fetch_webex_rooms_list_job.rb b/app/jobs/hearings/fetch_webex_rooms_list_job.rb
new file mode 100644
index 00000000000..f7253dd1ba6
--- /dev/null
+++ b/app/jobs/hearings/fetch_webex_rooms_list_job.rb
@@ -0,0 +1,54 @@
+# frozen_string_literal: true
+
+# This job will retrieve a list of all the webex meeting rooms used by the VA to hold hearings
+
+class Hearings::FetchWebexRoomsListJob < CaseflowJob
+  include Hearings::EnsureCurrentUserIsSet
+  include Hearings::SendTranscriptionIssuesEmail
+  include WebexConcern
+
+  queue_with_priority :low_priority
+  application_attr :hearings_schedule
+
+  retry_on(Caseflow::Error::WebexApiError, wait: :exponentially_longer) do |job, exception|
+    sort_by = "created"
+    max = 1000
+    query = "?sortBy=#{sort_by}&max=#{max}"
+    error_details = {
+      error: { type: "retrieval", explanation: "retrieve a list of rooms from Webex" },
+      provider: "webex",
+      api_call: "GET #{ENV['WEBEX_HOST_MAIN']}#{ENV['WEBEX_DOMAIN_MAIN']}#{ENV['WEBEX_API_MAIN']}rooms#{query}",
+      response: { status: exception.code, message: exception.message }.to_json
+    }
+    job.log_error(exception)
+    job.send_transcription_issues_email(error_details)
+  end
+
+  def perform
+    ensure_current_user_is_set
+    fetch_rooms_list.rooms.each do |room|
+      title = filter_title(room.title).first
+      next if title.blank?
+
+      Hearings::FetchWebexRoomMeetingDetailsJob.perform_later(room_id: room.id, meeting_title: title)
+    end
+  end
+
+  def log_error(error)
+    super(error, extra: { application: self.class.name, job_id: job_id })
+  end
+
+  private
+
+  def filter_title(title)
+    title.scan(/\d*-*\d+_\d+_[A-Za-z]*Hearing/)
+  end
+
+  def fetch_rooms_list
+    sort_by = "created"
+    max = 1000
+    query = { "sortBy": sort_by, "max": max }
+
+    WebexService.new(rooms_config(query)).fetch_rooms_list
+  end
+end
diff --git a/app/jobs/hearings/refresh_webex_access_token_job.rb b/app/jobs/hearings/refresh_webex_access_token_job.rb
new file mode 100644
index 00000000000..c2721771675
--- /dev/null
+++ b/app/jobs/hearings/refresh_webex_access_token_job.rb
@@ -0,0 +1,42 @@
+# frozen_string_literal: true
+
+# This file defines the RefreshWebexAccessTokenJob class, a job that refreshes the access token
+# used for Webex API calls. This job is part of the VirtualHearings module.
+#
+# The job has the following key behaviors:
+# 1. The perform method creates a new instance of WebexService and calls its
+#    refresh_access_token method to get a new access token from the Webex API.
+# 2. If the response from the Webex API is successful, the new access and refresh tokens are
+#    stored in CredStash with the keys webex_#{Rails.deploy_env}_access_token and
+#    webex_#{Rails.deploy_env}_refresh_token respectively.
+# 3. If an error occurs during the process, it is caught and logged using the log_error method.
+#
+# This job is queued with low priority, indicating that it does not need to be run immediately
+# and can wait until the system is less busy.
+
+class Hearings::RefreshWebexAccessTokenJob < CaseflowJob
+  queue_with_priority :low_priority
+
+  def perform
+    webex_service = WebexService.new(
+      host: ENV["WEBEX_HOST_MAIN"],
+      port: nil,
+      aud: nil,
+      apikey: nil,
+      domain: ENV["WEBEX_DOMAIN_MAIN"],
+      api_endpoint: ENV["WEBEX_API_MAIN"],
+      query: nil
+    )
+    response = webex_service.refresh_access_token
+
+    if response.success?
+      new_access_token = response.access_token
+      new_refresh_token = response.refresh_token
+
+      CredStash.put("webex_#{Rails.deploy_env}_access_token", new_access_token)
+      CredStash.put("webex_#{Rails.deploy_env}_refresh_token", new_refresh_token)
+    end
+  rescue StandardError => error
+    log_error(error)
+  end
+end
diff --git a/app/jobs/hearings/send_transcription_issues_email.rb b/app/jobs/hearings/send_transcription_issues_email.rb
new file mode 100644
index 00000000000..af1eb627dbe
--- /dev/null
+++ b/app/jobs/hearings/send_transcription_issues_email.rb
@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+module Hearings::SendTranscriptionIssuesEmail
+  def send_transcription_issues_email(error_details)
+    TranscriptionFileIssuesMailer.issue_notification(error_details).deliver_now!
+  rescue StandardError, Savon::Error, BGS::ShareError => error
+    # Savon::Error and BGS::ShareError are sometimes thrown when making requests to BGS endpoints
+    log_error(error)
+  end
+end
diff --git a/app/jobs/virtual_hearings/conference_client.rb b/app/jobs/virtual_hearings/conference_client.rb
new file mode 100644
index 00000000000..ed1fc3a8941
--- /dev/null
+++ b/app/jobs/virtual_hearings/conference_client.rb
@@ -0,0 +1,44 @@
+# frozen_string_literal: true
+
+module VirtualHearings::ConferenceClient
+  include WebexConcern
+
+  def client(virtual_hearing)
+    @client ||= case virtual_hearing.conference_provider
+                when "pexip" then create_pexip_client
+                when "webex" then create_webex_client
+                when nil
+                  virtual_hearing.set_default_meeting_type
+
+                  return create_pexip_client if virtual_hearing.conference_provider == "pexip"
+
+                  return create_webex_client if virtual_hearing.conference_provider == "webex"
+
+                  raise_not_found_error
+                else
+                  raise_not_found_error
+                end
+  end
+
+  private
+
+  def raise_not_found_error
+    msg = "Conference Provider for the Virtual Hearing Not Found"
+
+    fail Caseflow::Error::MeetingTypeNotFoundError, message: msg
+  end
+
+  def create_webex_client
+    WebexService.new(instant_connect_config)
+  end
+
+  def create_pexip_client
+    PexipService.new(
+      host: ENV["PEXIP_MANAGEMENT_NODE_HOST"],
+      port: ENV["PEXIP_MANAGEMENT_NODE_PORT"],
+      user_name: ENV["PEXIP_USERNAME"],
+      password: ENV["PEXIP_PASSWORD"],
+      client_host: ENV["PEXIP_CLIENT_HOST"]
+    )
+  end
+end
diff --git a/app/jobs/virtual_hearings/conference_job.rb b/app/jobs/virtual_hearings/conference_job.rb
index 4dfa3ad9e3c..a9389c88024 100644
--- a/app/jobs/virtual_hearings/conference_job.rb
+++ b/app/jobs/virtual_hearings/conference_job.rb
@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
-class VirtualHearings::ConferenceJob < ApplicationJob
-  include VirtualHearings::PexipClient
+class VirtualHearings::ConferenceJob < CaseflowJob
+  include VirtualHearings::ConferenceClient
 
   private
 
diff --git a/app/jobs/virtual_hearings/create_conference_job.rb b/app/jobs/virtual_hearings/create_conference_job.rb
index 0c390164315..5fad8ab5bae 100644
--- a/app/jobs/virtual_hearings/create_conference_job.rb
+++ b/app/jobs/virtual_hearings/create_conference_job.rb
@@ -50,7 +50,21 @@ class VirtualHearingLinkGenerationFailed < StandardError; end
       hearing_type: kwargs[:hearing_type]
     }
 
-    Raven.capture_exception(exception, extra: extra)
+    job.log_error(exception, extra: extra)
+  end
+
+  # Retry if Webex returns an invalid response.
+  retry_on(Caseflow::Error::WebexApiError, attempts: 5, wait: :exponentially_longer) do |job, exception|
+    Rails.logger.error("#{job.class.name} (#{job.job_id}) failed with error: #{exception}")
+
+    kwargs = job.arguments.first
+    extra = {
+      application: job.class.app_name.to_s,
+      hearing_id: kwargs[:hearing_id],
+      hearing_type: kwargs[:hearing_type]
+    }
+
+    job.log_error(exception, extra: extra)
   end
 
   # Log the timezone of the job. This is primarily used for debugging context around times
@@ -123,41 +137,47 @@ def log_virtual_hearing_state(virtual_hearing)
     Rails.logger.info("Establishment Updated At: (#{virtual_hearing.establishment.updated_at})")
   end
 
-  def create_conference_tags
+  def create_conference_metrics_tags
     custom_metric_info.merge(attrs: { hearing_id: virtual_hearing.hearing_id })
   end
 
   def create_conference
-    if FeatureToggle.enabled?(:virtual_hearings_use_new_links, user: virtual_hearing.updated_by)
-      generate_links_and_pins
-    else
-      assign_virtual_hearing_alias_and_pins if should_initialize_alias_and_pins?
+    return generate_links_and_pins if virtual_hearing.conference_provider == "pexip"
 
-      Rails.logger.info(
-        "Trying to create conference for hearing (#{virtual_hearing.hearing_type} " \
-        "[#{virtual_hearing.hearing_id}])..."
-      )
+    create_webex_conference
+  end
 
-      pexip_response = create_pexip_conference
+  def create_webex_conference
+    Rails.logger.info(
+      "Trying to create Webex conference for hearing (#{virtual_hearing.hearing_type} " \
+      "[#{virtual_hearing.hearing_id}])..."
+    )
 
-      Rails.logger.info("Pexip response: #{pexip_response.inspect}")
+    create_webex_conference_response = create_new_conference
 
-      if pexip_response.error
-        error_display = pexip_error_display(pexip_response)
+    Rails.logger.info("Create Webex Conference Response: #{create_webex_conference_response.inspect}")
 
-        Rails.logger.error("CreateConferenceJob failed: #{error_display}")
+    conference_creation_error(create_webex_conference_response) if create_webex_conference_response.error
 
-        virtual_hearing.establishment.update_error!(error_display)
+    MetricsService.increment_counter(metric_name: "created_conference.successful", **create_conference_metrics_tags)
 
-        MetricsService.increment_counter(metric_name: "created_conference.failed", **create_conference_tags)
+    virtual_hearing.update(
+      host_hearing_link: create_webex_conference_response.host_link,
+      co_host_hearing_link: create_webex_conference_response.co_host_link,
+      guest_hearing_link: create_webex_conference_response.guest_link
+    )
 
-        fail pexip_response.error
-      end
+    MetricsService.increment_counter(metric_name: "created_conference.successful", **create_conference_tags)
+  end
 
-      MetricsService.increment_counter(metric_name: "created_conference.successful", **create_conference_tags)
+  def conference_creation_error(create_conference_response)
+    error_display = error_display(create_conference_response)
 
-      virtual_hearing.update(conference_id: pexip_response.data[:conference_id])
-    end
+    MetricsService.increment_counter(metric_name: "created_conference.failed", **create_conference_metrics_tags)
+
+    virtual_hearing.establishment.update_error!(error_display)
+
+    fail create_conference_response.error
   end
 
   def send_emails(email_type)
@@ -168,20 +188,16 @@ def send_emails(email_type)
       ).call
     rescue StandardError => error
       extra = { application: "hearings", email_type: email_type, virtual_hearing_id: virtual_hearing.id }
-      Raven.capture_exception(error, extra: extra)
+      log_error(error, extra: extra)
     end
   end
 
-  def pexip_error_display(response)
+  def error_display(response)
     "(#{response.error.code}) #{response.error.message}"
   end
 
-  def create_pexip_conference
-    client.create_conference(
-      host_pin: virtual_hearing.host_pin,
-      guest_pin: virtual_hearing.guest_pin,
-      name: virtual_hearing.alias
-    )
+  def create_new_conference
+    client(virtual_hearing).create_conference(virtual_hearing)
   end
 
   def should_initialize_alias_and_pins?
@@ -207,7 +223,7 @@ def generate_links_and_pins
       "[#{virtual_hearing.hearing_id}])..."
     )
     begin
-      link_service = VirtualHearings::LinkService.new
+      link_service = VirtualHearings::PexipLinkService.new
       virtual_hearing.update!(
         host_hearing_link: link_service.host_link,
         guest_hearing_link: link_service.guest_link,
@@ -216,7 +232,7 @@ def generate_links_and_pins
         alias_with_host: link_service.alias_with_host
       )
     rescue StandardError => error
-      Raven.capture_exception(error: error)
+      log_error(error)
       raise VirtualHearingLinkGenerationFailed
     end
   end
diff --git a/app/jobs/virtual_hearings/delete_conference_link_job.rb b/app/jobs/virtual_hearings/delete_conference_link_job.rb
new file mode 100644
index 00000000000..10889d0ed97
--- /dev/null
+++ b/app/jobs/virtual_hearings/delete_conference_link_job.rb
@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+# The DeleteConferenceLinkJob is a job thats collects conference_links from past hearing days.
+# It then iterates through that collection and adjusts attribute values for each link.
+# Afterwards each link then has `.destroy` called on it to issue a [soft delete].
+
+class VirtualHearings::DeleteConferenceLinkJob < CaseflowJob
+  queue_with_priority :low_priority
+
+  def perform
+    begin
+      RequestStore[:current_user] = User.system_user
+      retreive_stale_conference_links.each(&:soft_removal_of_link)
+    rescue StandardError => error
+      log_error(error)
+    end
+  end
+
+  private
+
+  # Purpose: Queries the DB table of conference_links that are associated with a hearing_day that has already passed.
+  #
+  # Params: None
+  #
+  # Return: A collection of links for hearing days that have passed.
+  def retreive_stale_conference_links
+    ConferenceLink.joins(:hearing_day).where("scheduled_for < ?", Time.zone.today)
+  end
+end
diff --git a/app/jobs/virtual_hearings/delete_conferences_job.rb b/app/jobs/virtual_hearings/delete_conferences_job.rb
index 9f713c64cf5..1a44843f2f8 100644
--- a/app/jobs/virtual_hearings/delete_conferences_job.rb
+++ b/app/jobs/virtual_hearings/delete_conferences_job.rb
@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
 ##
-# Job that deletes the pexip conference resource if the hearing was held or
+# Job that deletes the pexip/webex conference resource if the hearing was held or
 # if the hearing type is switched from virtual to original hearing type.
 # It also sends cancellation emails to hearing participants if latter is case.
 
@@ -18,7 +18,7 @@ class EmailsFailedToSend < StandardError; end
 
   before_perform do
     Rails.logger.info(
-      "#{self.class.name} for deleting Pexip conferences and sending cancellation emails"
+      "#{self.class.name} for deleting Pexip or Webex conferences and sending cancellation emails"
     )
   end
 
@@ -47,14 +47,14 @@ def perform
     count_deleted_and_log(VirtualHearingRepository.ready_for_deletion) do |virtual_hearing|
       log_virtual_hearing_state(virtual_hearing)
 
-      Rails.logger.info("Deleting Pexip conference for hearing (#{virtual_hearing.hearing_id})")
+      Rails.logger.info("Deleting Pexip or Webex conference for hearing (#{virtual_hearing.hearing_id})")
 
       process_virtual_hearing(virtual_hearing)
     end
 
     log_failed_virtual_hearings if exception_list.present?
 
-    # raise DeleteConferencesJobFailure if EmailsFailedToSend and/or PexipApiErrors were raised
+    # raise DeleteConferencesJobFailure if EmailsFailedToSend and/or Pexip/Webex ApiErrors were raised
     fail DeleteConferencesJobFailure if exception_list.present?
   end
 
@@ -66,9 +66,13 @@ def exception_list
 
   def log_failed_virtual_hearings
     vh_with_pexip_errors = exception_list[Caseflow::Error::PexipApiError]
+    vh_with_webex_errors = exception_list[Caseflow::Error::WebexApiError]
     if vh_with_pexip_errors
-      Rails.logger.info("Failed to delete conferences for the following hearings: " \
+      Rails.logger.info("Failed to delete pexip conferences for the following hearings: " \
         "#{vh_with_pexip_errors.map(&:hearing_id)}")
+    elsif vh_with_webex_errors
+      Rails.logger.info("Failed to delete webex conferences for the following hearings: " \
+        "#{vh_with_webex_errors.map(&:hearing_id)}")
     end
 
     vh_with_email_errors = exception_list[EmailsFailedToSend]
@@ -82,7 +86,8 @@ def log_virtual_hearing_state(virtual_hearing)
     super
 
     Rails.logger.info("Cancelled?: (#{virtual_hearing.cancelled?})")
-    Rails.logger.info("Pexip conference id: (#{virtual_hearing.conference_id?})")
+    Rails.logger.info("Conference id: (#{virtual_hearing.conference_id})")
+    Rails.logger.info("Meeting Type: (#{virtual_hearing.conference_provider})")
   end
 
   def send_cancellation_emails(virtual_hearing)
@@ -138,16 +143,19 @@ def process_virtual_hearing(virtual_hearing)
     true
   end
 
-  # Returns whether or not the conference was deleted from Pexip
+  # Returns whether or not the conference was deleted from Pexip or Webex
+  # rubocop:disable Metrics/AbcSize, Metrics/MethodLength
   def delete_conference(virtual_hearing)
-    response = client.delete_conference(conference_id: virtual_hearing.conference_id)
-    Rails.logger.info("Pexip response: #{response}")
+    response = client(virtual_hearing).delete_conference(virtual_hearing)
+    Rails.logger.info("#{virtual_hearing.conference_provider.capitalize} response: #{response}")
 
     fail response.error unless response.success?
 
     true
   rescue Caseflow::Error::PexipNotFoundError
     Rails.logger.info("Conference for hearing (#{virtual_hearing.hearing_id}) was already deleted")
+  rescue Caseflow::Error::WebexNotFoundError
+    Rails.logger.info("Conference for hearing (#{virtual_hearing.hearing_id}) was already deleted")
 
     # Assume the conference was already deleted if it's no longer in Pexip.
     true
@@ -167,6 +175,23 @@ def delete_conference(virtual_hearing)
       }
     )
 
+    false
+  rescue Caseflow::Error::WebexApiError => error
+    Rails.logger.error("Failed to delete conference from Webex for hearing (#{virtual_hearing.hearing_id})" \
+      " with error: (#{error.code}) #{error.message}")
+
+    (exception_list[Caseflow::Error::WebexApiError] ||= []) << virtual_hearing
+
+    capture_exception(
+      error: error,
+      extra: {
+        hearing_id: virtual_hearing.hearing_id,
+        virtual_hearing_id: virtual_hearing.id,
+        webex_conference_Id: virtual_hearing.conference_id
+      }
+    )
+
     false
   end
+  # rubocop:enable Metrics/AbcSize, Metrics/MethodLength
 end
diff --git a/app/jobs/virtual_hearings/pexip_client.rb b/app/jobs/virtual_hearings/pexip_client.rb
deleted file mode 100644
index 70e5023f662..00000000000
--- a/app/jobs/virtual_hearings/pexip_client.rb
+++ /dev/null
@@ -1,13 +0,0 @@
-# frozen_string_literal: true
-
-module VirtualHearings::PexipClient
-  def client
-    @client ||= PexipService.new(
-      host: ENV["PEXIP_MANAGEMENT_NODE_HOST"],
-      port: ENV["PEXIP_MANAGEMENT_NODE_PORT"],
-      user_name: ENV["PEXIP_USERNAME"],
-      password: ENV["PEXIP_PASSWORD"],
-      client_host: ENV["PEXIP_CLIENT_HOST"]
-    )
-  end
-end
diff --git a/app/mailers/hearing_mailer.rb b/app/mailers/hearing_mailer.rb
index bec1385e9ee..73863c4ca65 100644
--- a/app/mailers/hearing_mailer.rb
+++ b/app/mailers/hearing_mailer.rb
@@ -165,7 +165,7 @@ def link
                    end
 
     # Raise an error if the link contains the old virtual hearing link 2021-11-10
-    if hearing_link.include?(BAD_VIRTUAL_LINK_TEXT)
+    if hearing_link.nil? || hearing_link.include?(BAD_VIRTUAL_LINK_TEXT)
       fail BadVirtualLinkError, virtual_hearing_id: virtual_hearing&.id
     end
 
diff --git a/app/mailers/transcription_file_issues_mailer.rb b/app/mailers/transcription_file_issues_mailer.rb
new file mode 100644
index 00000000000..324515b6646
--- /dev/null
+++ b/app/mailers/transcription_file_issues_mailer.rb
@@ -0,0 +1,101 @@
+# frozen_string_literal: true
+
+# rubocop:disable Rails/ApplicationMailer
+##
+# TranscriptionFileIssuesMailer:
+# - Generate emails from the templates in app/views/transcription_file_issues
+##
+class TranscriptionFileIssuesMailer < ActionMailer::Base
+  default from: "Board of Veterans' Appeals <BoardofVeteransAppealsHearings@messages.va.gov>"
+  layout "transcription_file_issues_mailer"
+
+  # Purpose: Builds email from view in app/views/transcription_file_issues_mailer/issue_notification
+  #
+  # Params: details - Hash of key-value pairs required to populate email template:
+  #                     - error: { type: string, explanation: string }
+  #                              - type: to render subject in #build_subject
+  #                              - explanation: "Caseflow attempted to #{explanation} and received a fatal error."
+  #                     - provider: string, to build subject and closing statement in #build_outro
+  #                     - docket_number: string, optional, but if present renders in subject
+  #                     - appeal_id: string, optional, but if present renders Case Details link
+  #
+  #                 - Optionally, any additional key-value pairs are iterated over and included in body as bullets
+  #                   according to following formats:
+  #                     - key: value => <li>key.to_s: value</li>
+  #                     - key: { link: value } => <li><a href=value>key.to_s</a></li>
+  #                     - key: { nested_key_1: value_1, nested_key_2: value_2 } =>
+  #                            <li>key:
+  #                              <ul>
+  #                                <li>nested_key_1.to_s: value_1</li>
+  #                                  <li>nested_key_2.to_us: value 2</li>
+  #                              </ul>
+  #                            </li>
+  #
+  def issue_notification(details)
+    @details = details
+    build_mailer_params
+
+    mail(subject: build_subject, **mailer_config[:emails])
+  end
+
+  private
+
+  def build_mailer_params
+    @provider = @details.delete(:provider)
+    @details[:case_details] = build_case_details_link(@details.delete(:appeal_id))
+    @error_type = @details[:error][:type]
+    @explanation = @details.delete(:error)&.dig(:explanation)
+    @outro = build_outro
+  end
+
+  def build_case_details_link(appeal_id)
+    return unless appeal_id
+
+    { link: mailer_config[:base_url] + "/queue/appeals/#{appeal_id}" }
+  end
+
+  def build_subject
+    provider = @provider ? " #{@provider.titlecase}" : ""
+    docket_number = @details[:docket_number] ? " #{@details[:docket_number].titlecase}" : ""
+    "File #{@error_type.titlecase} Error -" + provider + docket_number
+  end
+
+  def mailer_config
+    case Rails.deploy_env
+    when :development, :test
+      { base_url: non_external_link,
+        emails: { to: "Caseflow@test.com" } }
+    when :uat
+      { base_url: "https://appeals.cf.uat.ds.va.gov",
+        emails: { to: "BID_Appeals_UAT@bah.com" } }
+    when :prodtest
+      { base_url: "https://appeals.cf.prodtest.ds.va.gov",
+        emails: { to: "VHACHABID_Appeals_ProdTest@va.gov" } }
+    when :preprod
+      { base_url: "https://appeals.cf.preprod.ds.va.gov" }
+    when :prod
+      { base_url: "https://appeals.cf.ds.va.gov",
+        emails: { to: "BVAHearingTeam@VA.gov",
+                  cc: "OITAppealsHelpDesk@va.gov" } }
+    end
+  end
+
+  # The link for the case details page when not in prod or uat
+  def non_external_link
+    # Rails.deploy_env returns :development for both development and demo envs, use ENV["DEPLOY_ENV"]
+    return "https://demo.appeals.va.gov" if ENV["DEPLOY_ENV"] == "demo"
+
+    "localhost:3000"
+  end
+
+  def build_outro
+    return "continued communication between Caseflow and #{@provider.titlecase}" if issue_with_conference_provider?
+
+    "Caseflow has been supplied with the necessary files"
+  end
+
+  def issue_with_conference_provider?
+    %w[webex].include?(@provider)
+  end
+end
+# rubocop:enable Rails/ApplicationMailer
diff --git a/app/models/concerns/conferenceable_concern.rb b/app/models/concerns/conferenceable_concern.rb
new file mode 100644
index 00000000000..0d37f1aec9d
--- /dev/null
+++ b/app/models/concerns/conferenceable_concern.rb
@@ -0,0 +1,51 @@
+# frozen_string_literal: true
+
+##
+# Any model that includes this concern will be able to be assigned a conference provider
+# for use in creating virtual conference links.
+
+module ConferenceableConcern
+  extend ActiveSupport::Concern
+
+  DEFAULT_SERVICE = ENV["DEFAULT_CONFERENCE_SERVICE"] || "pexip"
+
+  included do
+    has_one :meeting_type, as: :conferenceable
+
+    after_create :set_default_meeting_type
+
+    delegate :conference_provider, to: :meeting_type, allow_nil: true
+  end
+
+  # Determines which associated entity this new item should inherit its conference
+  # provider from.
+  #
+  # Virtual hearings will inherit their conference providers from the hearing they've
+  # been created for.
+  #
+  # Other items will inherit from the conference provider assigned to the user who is
+  # creating them.
+  #
+  # @return [String] the conference provider/service name to assign to the new object ("webex" or "pexip")
+  def determine_service_name
+    return hearing&.conference_provider if is_a? VirtualHearing
+
+    try(:created_by).try(:conference_provider)
+  end
+
+  # Creates an associated MeetingType record for the newly created object.
+  # Which conference provider will be configured within this record is determined
+  # by #determine_service_name
+  #
+  # @return [MeetingType] the new MeetingType object after it has been reloaded.
+  def set_default_meeting_type
+    unless meeting_type
+      MeetingType.create!(
+        service_name: determine_service_name || DEFAULT_SERVICE,
+        conferenceable: self
+      )
+
+      reload_meeting_type
+    end
+  end
+end
diff --git a/app/models/concerns/hearing_concern.rb b/app/models/concerns/hearing_concern.rb
index 74d5331a1c9..59c6af1d4f0 100644
--- a/app/models/concerns/hearing_concern.rb
+++ b/app/models/concerns/hearing_concern.rb
@@ -5,6 +5,7 @@
 ##
 module HearingConcern
   extend ActiveSupport::Concern
+  include RunAsyncable
 
   CLOSED_HEARING_DISPOSITIONS = [
     Constants.HEARING_DISPOSITION_TYPES.postponed,
@@ -102,4 +103,51 @@ def calculate_submission_window
 
     end_date
   end
+
+  def subject_for_conference
+    "#{docket_number}_#{id}_#{self.class}"
+  end
+
+  def nbf
+    scheduled_for.beginning_of_day.to_i
+  end
+
+  def exp
+    scheduled_for.end_of_day.to_i
+  end
+
+  # Returns the new 1:1 conference link object for legacy and ama hearings
+  # that are non virtual and have a webex meeting type
+  def non_virtual_conference_link
+    ConferenceLink.find_by(hearing: self)
+  end
+
+  # Associate hearing with transcription files across multiple dockets and order accordingly
+  def transcription_files_by_docket_number
+    # Remove hyphen in case of counter at end of file name to allow for alphabetical sort
+    transcription_files.sort_by { |file| file.file_name.split("-").join }.group_by(&:docket_number).values
+  end
+
+  # Group transcription files by docket number before mapping through nested array and serializing
+  def serialized_transcription_files
+    transcription_files_by_docket_number.map do |file_groups|
+      file_groups.map do |file|
+        TranscriptionFileSerializer.new(file).serializable_hash[:data][:attributes]
+      end
+    end
+  end
+
+  def start_non_virtual_hearing_job?
+    disposition.nil? && conference_provider == "webex" &&
+      virtual_hearing.nil? && ConferenceLink.find_by(hearing: self).nil?
+  end
+
+  def start_non_virtual_hearing_job
+    perform_later_or_now(Hearings::CreateNonVirtualConferenceJob, hearing: self)
+  end
+
+  # Complexity of create schedule hearing task was too large - had to break out
+  def maybe_create_non_virtual_conference
+    start_non_virtual_hearing_job if start_non_virtual_hearing_job?
+  end
 end
diff --git a/app/models/concerns/webex_concern.rb b/app/models/concerns/webex_concern.rb
new file mode 100644
index 00000000000..ad1fd700a1f
--- /dev/null
+++ b/app/models/concerns/webex_concern.rb
@@ -0,0 +1,57 @@
+# frozen_string_literal: true
+
+# Shared Webex methods used for Webex related functions
+module WebexConcern
+  extend ActiveSupport::Concern
+
+  # Purpose: Set up the configuration for calling the recordings endpoint
+  #
+  # Params: query - additional details for how returned data should be displayed
+  #
+  # Return: Object with header information for the endpoin
+  def recordings_config(query)
+    {
+      host: ENV["WEBEX_HOST_MAIN"],
+      port: ENV["WEBEX_PORT"],
+      aud: ENV["WEBEX_ORGANIZATION"],
+      apikey: WebexService.access_token,
+      domain: ENV["WEBEX_DOMAIN_MAIN"],
+      api_endpoint: ENV["WEBEX_API_MAIN"],
+      query: query
+    }
+  end
+
+  # Purpose: Set up the configuration for calling the rooms endpoint
+  #
+  # Params: query - additional details for how returned data should be displayed
+  #
+  # Return: Object with header information for the endpoint
+  def rooms_config(query = nil)
+    {
+      host: ENV["WEBEX_HOST_MAIN"],
+      port: ENV["WEBEX_PORT"],
+      aud: ENV["WEBEX_ORGANIZATION"],
+      apikey: ENV["WEBEX_BOTTOKEN"],
+      domain: ENV["WEBEX_DOMAIN_MAIN"],
+      api_endpoint: ENV["WEBEX_API_MAIN"],
+      query: query
+    }
+  end
+
+  # Purpose: Set up the configuration for calling the instant connect endpoint
+  #
+  # Params: query - additional details for how returned data should be displayed
+  #
+  # Return: Object with header information for the endpoint
+  def instant_connect_config(query = nil)
+    {
+      host: ENV["WEBEX_HOST_IC"],
+      port: ENV["WEBEX_PORT"],
+      aud: ENV["WEBEX_ORGANIZATION"],
+      apikey: ENV["WEBEX_BOTTOKEN"],
+      domain: ENV["WEBEX_DOMAIN_IC"],
+      api_endpoint: ENV["WEBEX_API_IC"],
+      query: query
+    }
+  end
+end
diff --git a/app/models/hearing.rb b/app/models/hearing.rb
index 6008a49d157..ae4cf65c02b 100644
--- a/app/models/hearing.rb
+++ b/app/models/hearing.rb
@@ -31,6 +31,7 @@ class Hearing < CaseflowRecord
   include UpdatedByUserConcern
   include HearingConcern
   include HasHearingEmailRecipientsConcern
+  include ConferenceableConcern
 
   # VA Notify Hooks
   prepend HearingScheduled
@@ -49,6 +50,7 @@ class Hearing < CaseflowRecord
   has_many :hearing_issue_notes
   has_many :email_events, class_name: "SentHearingEmailEvent"
   has_many :email_recipients, class_name: "HearingEmailRecipient"
+  has_many :transcription_files, as: :hearing
 
   class HearingDayFull < StandardError; end
 
@@ -187,6 +189,10 @@ def advance_on_docket_motion
       .first
   end
 
+  def daily_docket_conference_link
+    hearing_day.conference_link
+  end
+
   # returns scheduled datetime object considering the timezones
   # @return [nil] if hearing_day is nil
   # @return [Time] in scheduled_in_timezone timezone - if scheduled_datetime and scheduled_in_timezone are present
diff --git a/app/models/hearing_day.rb b/app/models/hearing_day.rb
index 9d559d2695c..76df6df34b1 100644
--- a/app/models/hearing_day.rb
+++ b/app/models/hearing_day.rb
@@ -52,6 +52,7 @@ class HearingDayHasChildrenRecords < StandardError; end
   before_create :assign_created_by_user
   after_update :update_children_records
   after_create :generate_link_on_create
+  before_destroy :soft_link_removal
 
   # Validates if the judge id maps to an actual record.
   validates :judge, presence: true, if: -> { judge_id.present? }
@@ -136,6 +137,7 @@ def hearings_for_user(current_user)
     caseflow_and_vacols_hearings
   end
 
+  # :reek:BooleanParameter
   def to_hash(include_conference_link = false)
     judge_names = HearingDayJudgeNameQuery.new([self]).call
     video_hearing_days_request_types = if VirtualHearing::VALID_REQUEST_TYPES.include? request_type
@@ -215,13 +217,22 @@ def half_day?
     total_slots ? total_slots <= 5 : false
   end
 
-  # over write of the .conference_link method from belongs_to :conference_link to add logic to create of not there
+  def scheduled_date_passed?
+    scheduled_for < Date.current
+  end
+
+  # over write of the .conference_link method from belongs_to :conference_link to add logic to create if not there
   def conference_link
-    @conference_link ||= find_or_create_conference_link!
+    @conference_link ||= scheduled_date_passed? ? nil : find_or_create_conference_link!
   end
 
   private
 
+  # called through the 'before_destroy' callback on the hearing_day object.
+  def soft_link_removal
+    ConferenceLink.where(hearing_day: self).find_each(&:soft_removal_of_link)
+  end
+
   def assign_created_by_user
     self.created_by ||= RequestStore[:current_user]
   end
@@ -233,7 +244,7 @@ def log_error(error)
 
   def generate_link_on_create
     begin
-      this.conference_link
+      conference_link
     rescue StandardError => error
       log_error(error)
     end
@@ -279,13 +290,11 @@ def combine_time_and_date(time, timezone, date)
     formatted_datetime_string
   end
 
-  # Method to get the associated conference link record if exists and if not create  new one
+  # Method to get the associated conference link records if they exist and if not create new ones
   def find_or_create_conference_link!
-    conference_link = ConferenceLink.find_by_hearing_day_id(id)
-    if conference_link.nil?
-      conference_link = ConferenceLink.create(hearing_day_id: id)
+    if FeatureToggle.enabled?(:pexip_conference_service)
+      PexipConferenceLink.find_or_create_by!(hearing_day: self, created_by: created_by)
     end
-    conference_link
   end
 
   class << self
diff --git a/app/models/hearings/conference_link.rb b/app/models/hearings/conference_link.rb
index c6e3ea56e4e..65724685fdf 100644
--- a/app/models/hearings/conference_link.rb
+++ b/app/models/hearings/conference_link.rb
@@ -4,84 +4,47 @@ class ConferenceLink < CaseflowRecord
   class NoAliasWithHostPresentError < StandardError; end
   class LinkMismatchError < StandardError; end
 
+  acts_as_paranoid
+
   include UpdatedByUserConcern
   include CreatedByUserConcern
+  include ConferenceableConcern
 
-  after_create :generate_links_and_pins
-
-  class << self
-    def client_host_or_default
-      ENV["VIRTUAL_HEARING_URL_HOST"] || "care.evn.va.gov"
-    end
+  belongs_to :hearing, polymorphic: true
 
-    def formatted_alias(alias_name)
-      "BVA#{alias_name}@#{client_host_or_default}"
-    end
-
-    def base_url
-      "https://#{client_host_or_default}/bva-app/"
-    end
-  end
-
-  alias_attribute :alias_name, :alias
+  after_create :generate_conference_information
 
   belongs_to :hearing_day
+  belongs_to :created_by, class_name: "User"
 
-  # Override the host pin
-  def host_pin
-    host_pin_long || self[:host_pin]
-  end
-
-  # rubocop:disable Naming/MemoizedInstanceVariableName
-  def host_link
-    @full_host_link ||= "#{ConferenceLink.base_url}?join=1&media=&escalate=1&" \
-    "conference=#{alias_with_host}&" \
-    "pin=#{host_pin}&role=host"
-  end
-  # rubocop:enable Naming/MemoizedInstanceVariableName
-
-  def guest_pin
-    return guest_pin_long if !guest_pin_long.nil?
+  alias_attribute :alias_name, :alias
 
-    link_service = VirtualHearings::LinkService.new
-    update!(guest_pin_long: link_service.guest_pin)
-    guest_pin_long
+  # Purpose: updates the conf_link and then soft_deletes them.
+  #
+  # Params: None
+  #
+  # Return: None
+  def soft_removal_of_link
+    update!(update_conf_links)
+    destroy
   end
 
-  def guest_link
-    return guest_hearing_link if !guest_hearing_link.to_s.empty?
+  private
 
-    if !alias_name.nil?
-      link_service = VirtualHearings::LinkService.new(alias_name)
-      update!(guest_hearing_link: link_service.guest_link)
-    elsif !alias_with_host.nil?
-      link_service = VirtualHearings::LinkService.new(alias_with_host.split("@")[0].split("A")[1])
-      update!(guest_hearing_link: link_service.guest_link, alias: link_service.get_conference_id)
-    end
-    guest_hearing_link
+  # Purpose: Updates conference_link attributes when passed into the 'update!' method.
+  #
+  # Params: None
+  #
+  # Return: Hash that will update the conference_link
+  def update_conf_links
+    {
+      conference_deleted: true,
+      updated_by_id: RequestStore[:current_user] = User.system_user,
+      updated_at: Time.zone.now
+    }
   end
 
-  private
-
-  def generate_links_and_pins
-    Rails.logger.info(
-      "Trying to create conference links for Hearing Day Id: #{hearing_day_id}."
-    )
-    begin
-      link_service = VirtualHearings::LinkService.new
-      update!(
-        alias: link_service.get_conference_id,
-        host_link: link_service.host_link,
-        host_pin_long: link_service.host_pin,
-        alias_with_host: link_service.alias_with_host,
-        guest_hearing_link: link_service.guest_link,
-        guest_pin_long: link_service.guest_pin
-      )
-    rescue VirtualHearings::LinkService::PINKeyMissingError,
-           VirtualHearings::LinkService::URLHostMissingError,
-           VirtualHearings::LinkService::URLPathMissingError => error
-      Raven.capture_exception(error: error)
-      raise error
-    end
+  def generate_conference_information
+    fail NotImplementedError
   end
 end
diff --git a/app/models/hearings/forms/base_hearing_update_form.rb b/app/models/hearings/forms/base_hearing_update_form.rb
index 259b4acf547..83887aa39ed 100644
--- a/app/models/hearings/forms/base_hearing_update_form.rb
+++ b/app/models/hearings/forms/base_hearing_update_form.rb
@@ -128,14 +128,24 @@ def start_async_job?
   end
 
   def start_async_job
+    # If converting hearing from virtual to non-virtual
     if start_async_job? && virtual_hearing_cancelled?
       perform_later_or_now(VirtualHearings::DeleteConferencesJob)
+      maybe_start_activate_non_virtual_job
+    # If converting hearing from non-virtual to virtual
     elsif start_async_job?
-      start_activate_job
+      start_activate_virtual_job
     end
   end
 
-  def start_activate_job
+  # If a Webex hearing, activate new Webex conference links when converting from virtual to non-virtual
+  def maybe_start_activate_non_virtual_job
+    return unless hearing.conference_provider == "webex"
+
+    perform_later_or_now(Hearings::CreateNonVirtualConferenceJob, hearing: hearing)
+  end
+
+  def start_activate_virtual_job
     hearing.virtual_hearing.establishment.submit_for_processing!
 
     job_args = {
diff --git a/app/models/hearings/pexip_conference_link.rb b/app/models/hearings/pexip_conference_link.rb
new file mode 100644
index 00000000000..47b4b6455d0
--- /dev/null
+++ b/app/models/hearings/pexip_conference_link.rb
@@ -0,0 +1,74 @@
+# frozen_string_literal: true
+
+class PexipConferenceLink < ConferenceLink
+  class << self
+    def client_host_or_default
+      ENV["VIRTUAL_HEARING_URL_HOST"] || "care.evn.va.gov"
+    end
+
+    def formatted_alias(alias_name)
+      "BVA#{alias_name}@#{client_host_or_default}"
+    end
+
+    def base_url
+      "https://#{client_host_or_default}/bva-app/"
+    end
+  end
+
+  # Override the host pin
+  def host_pin
+    host_pin_long || self[:host_pin]
+  end
+
+  def host_link
+    "#{self.class.base_url}?join=1&media=&escalate=1&" \
+      "conference=#{alias_with_host}&" \
+      "pin=#{host_pin}&role=host"
+  end
+
+  def guest_pin
+    return guest_pin_long if !guest_pin_long.nil?
+
+    link_service = VirtualHearings::PexipLinkService.new
+    update!(guest_pin_long: link_service.guest_pin)
+    guest_pin_long
+  end
+
+  def guest_link
+    return guest_hearing_link if !guest_hearing_link.to_s.empty?
+
+    if !alias_name.nil?
+      link_service = VirtualHearings::PexipLinkService.new(alias_name)
+      update!(guest_hearing_link: link_service.guest_link)
+    elsif !alias_with_host.nil?
+      link_service = VirtualHearings::PexipLinkService.new(alias_with_host.split("@")[0].split("A")[1])
+      update!(guest_hearing_link: link_service.guest_link, alias: link_service.get_conference_id)
+    end
+    guest_hearing_link
+  end
+
+  private
+
+  # :reek:FeatureEnvy
+  def generate_conference_information
+    Rails.logger.info(
+      "Trying to create a Pexip conference link for Hearing Day Id: #{hearing_day_id}."
+    )
+    begin
+      link_service = VirtualHearings::PexipLinkService.new
+      update!(
+        alias: link_service.get_conference_id,
+        host_link: link_service.host_link,
+        host_pin_long: link_service.host_pin,
+        alias_with_host: link_service.alias_with_host,
+        guest_hearing_link: link_service.guest_link,
+        guest_pin_long: link_service.guest_pin
+      )
+    rescue VirtualHearings::PexipLinkService::PINKeyMissingError,
+           VirtualHearings::PexipLinkService::URLHostMissingError,
+           VirtualHearings::PexipLinkService::URLPathMissingError => error
+      Raven.capture_exception(error: error)
+      raise error
+    end
+  end
+end
diff --git a/app/models/hearings/transcription_file.rb b/app/models/hearings/transcription_file.rb
new file mode 100644
index 00000000000..6342e0f8fc6
--- /dev/null
+++ b/app/models/hearings/transcription_file.rb
@@ -0,0 +1,82 @@
+# frozen_string_literal: true
+
+class TranscriptionFile < CaseflowRecord
+  belongs_to :hearing, polymorphic: true
+
+  belongs_to :transcription
+  belongs_to :docket
+
+  VALID_FILE_TYPES = %w[mp3 mp4 vtt rtf xls csv].freeze
+
+  validates :file_type, inclusion: { in: VALID_FILE_TYPES, message: "'%<value>s' is not valid" }
+
+  # Purpose: Fetches file from S3
+  # Return: The temporary save location of the file
+  def fetch_file_from_s3!
+    S3Service.fetch_file(aws_link, tmp_location)
+    tmp_location
+  end
+
+  # Purpose: Uploads transcription file to its corresponding location in S3
+  def upload_to_s3!
+    TranscriptionFileUpload.new(self).call
+  end
+
+  # Purpose: Converts transcription file from vtt to rtf
+  #
+  # Returns: string, tmp location of rtf (or xls/csv file if error)
+  def convert_to_rtf!
+    return unless file_type == "vtt"
+
+    hearing_info = {
+      judge: hearing.judge&.full_name,
+      appeal_id: hearing.appeal&.veteran_file_number,
+      date: hearing.scheduled_for
+    }
+    file_paths = TranscriptionTransformer.new(tmp_location, hearing_info).call
+    update_status!(process: :conversion, status: :success)
+    file_paths
+  rescue TranscriptionTransformer::FileConversionError => error
+    update_status!(process: :conversion, status: :failure)
+    raise error, error.message
+  end
+
+  # Purpose: Maps file handling process with associated field to update
+  DATE_FIELDS = {
+    retrieval: :date_receipt_webex,
+    upload: :date_upload_aws,
+    conversion: :date_converted
+  }.freeze
+
+  # Purpose: Updates statue of transcription file after completion of process. If process was success, updates
+  #          associated date field on record.
+  #
+  # Params: process - symbol, used to map process with associated file status and date field
+  #         status - symbol, either :success or :failure
+  #         aws_link - string, optional argument of AWS S3 location
+  #
+  # Returns: Updated transcription file record
+  def update_status!(process:, status:, upload_link: nil)
+    params = {
+      file_status: Constants.TRANSCRIPTION_FILE_STATUSES.send(process).send(status),
+      updated_by_id: RequestStore[:current_user].id
+    }
+    params[:aws_link] = upload_link if upload_link
+    params[DATE_FIELDS[process]] = Time.zone.now if status == :success
+    update!(params)
+  end
+
+  # Purpose: Location of temporary file in tmp/transcription_files/<file_type> folder
+  #
+  # Returns: string, folder path
+  def tmp_location
+    File.join(Rails.root, "tmp", "transcription_files", file_type, file_name)
+  end
+
+  # Purpose: Removes temporary file (if it exists) from corresponding tmp folder
+  #
+  # Returns: integer value of 1 if file deleted, nil if file not found
+  def clean_up_tmp_location
+    File.delete(tmp_location) if File.exist?(tmp_location)
+  end
+end
diff --git a/app/models/hearings/virtual_hearing.rb b/app/models/hearings/virtual_hearing.rb
index 378f3bdfd36..d58d2346284 100644
--- a/app/models/hearings/virtual_hearing.rb
+++ b/app/models/hearings/virtual_hearing.rb
@@ -37,6 +37,7 @@ class NoAliasWithHostPresentError < StandardError; end
   class LinkMismatchError < StandardError; end
 
   include UpdatedByUserConcern
+  include ConferenceableConcern
 
   class << self
     def client_host_or_default
@@ -67,8 +68,7 @@ def base_url
         lambda {
           joins(:establishment)
             .where("
-              conference_deleted = false AND
-              conference_id IS NOT NULL AND (
+              conference_deleted = false AND (
               request_cancelled = true OR
               virtual_hearing_establishments.processed_at IS NOT NULL
             )")
@@ -165,26 +165,36 @@ def host_pin
   def guest_link
     return guest_hearing_link if guest_hearing_link.present?
 
-    "#{VirtualHearing.base_url}?join=1&media=&escalate=1&" \
-    "conference=#{formatted_alias_or_alias_with_host}&" \
-    "pin=#{guest_pin}&role=guest"
+    if conference_provider == "pexip"
+      "#{VirtualHearing.base_url}?join=1&media=&escalate=1&" \
+      "conference=#{formatted_alias_or_alias_with_host}&" \
+      "pin=#{guest_pin}&role=guest"
+    end
+  end
+
+  def co_host_hearing_link
+    self[:co_host_hearing_link]
   end
 
   def host_link
     return host_hearing_link if host_hearing_link.present?
 
-    "#{VirtualHearing.base_url}?join=1&media=&escalate=1&" \
-    "conference=#{formatted_alias_or_alias_with_host}&" \
-    "pin=#{host_pin}&role=host"
+    if conference_provider == "pexip"
+      "#{VirtualHearing.base_url}?join=1&media=&escalate=1&" \
+      "conference=#{formatted_alias_or_alias_with_host}&" \
+      "pin=#{host_pin}&role=host"
+    end
   end
 
   def test_link(title)
+    return "https://instant-usgov.webex.com/mediatest" if conference_provider == "webex"
+
     if use_vc_test_link?
       if ENV["VIRTUAL_HEARING_URL_HOST"].blank?
-        fail(VirtualHearings::LinkService::URLHostMissingError, message: COPY::URL_HOST_MISSING_ERROR_MESSAGE)
+        fail(VirtualHearings::PexipLinkService::URLHostMissingError, message: COPY::URL_HOST_MISSING_ERROR_MESSAGE)
       end
       if ENV["VIRTUAL_HEARING_URL_PATH"].blank?
-        fail(VirtualHearings::LinkService::URLPathMissingError, message: COPY::URL_PATH_MISSING_ERROR_MESSAGE)
+        fail(VirtualHearings::PexipLinkService::URLPathMissingError, message: COPY::URL_PATH_MISSING_ERROR_MESSAGE)
       end
 
       host_and_path = "#{ENV['VIRTUAL_HEARING_URL_HOST']}#{ENV['VIRTUAL_HEARING_URL_PATH']}"
@@ -215,7 +225,7 @@ def pending?
   # Determines if the hearing conference has been created
   def active?
     # the conference has been created the virtual hearing is active
-    conference_id.present? || (guest_hearing_link.present? && host_hearing_link.present?)
+    guest_hearing_link.present? && host_hearing_link.present?
   end
 
   # Determines if the conference was deleted
@@ -225,7 +235,7 @@ def active?
   # require us to delete the conference but not set `request_cancelled`.
   def closed?
     # the conference has been created the virtual hearing was deleted
-    conference_id.present? && conference_deleted?
+    conference_deleted?
   end
 
   # Determines the status of the Virtual Hearing based on the establishment
@@ -264,7 +274,7 @@ def rebuild_and_save_links
     fail NoAliasWithHostPresentError if alias_with_host.blank?
 
     conference_id = alias_with_host[/BVA(\d+)@/, 1]
-    link_service = VirtualHearings::LinkService.new(conference_id)
+    link_service = VirtualHearings::PexipLinkService.new(conference_id)
 
     # confirm that we extracted the conference ID correctly,
     # and that the original link was generated with the link service
@@ -277,6 +287,19 @@ def rebuild_and_save_links
     update!(host_hearing_link: link_service.host_link, guest_hearing_link: link_service.guest_link)
   end
 
+  # :reek:FeatureEnvy
+  def subject_for_conference
+    "#{hearing.docket_number}_#{hearing.id}_#{hearing.class}"
+  end
+
+  def nbf
+    hearing.scheduled_for.beginning_of_day.to_i
+  end
+
+  def exp
+    hearing.scheduled_for.end_of_day.to_i
+  end
+
   private
 
   def assign_created_by_user
diff --git a/app/models/hearings/webex_conference_link.rb b/app/models/hearings/webex_conference_link.rb
new file mode 100644
index 00000000000..c4ab9c82447
--- /dev/null
+++ b/app/models/hearings/webex_conference_link.rb
@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+class WebexConferenceLink < ConferenceLink
+  include WebexConcern
+
+  def guest_pin
+    nil
+  end
+
+  def guest_link
+    guest_hearing_link
+  end
+
+  private
+
+  def generate_conference_information
+    meeting_type.update!(service_name: "webex")
+
+    conference_response = WebexService.new(instant_connect_config).create_conference(hearing)
+
+    update!(
+      host_link: conference_response.host_link,
+      co_host_link: conference_response.co_host_link,
+      guest_hearing_link: conference_response.guest_link
+    )
+  end
+end
diff --git a/app/models/legacy_hearing.rb b/app/models/legacy_hearing.rb
index ab137d2fa8b..ab86f4c0914 100644
--- a/app/models/legacy_hearing.rb
+++ b/app/models/legacy_hearing.rb
@@ -35,6 +35,7 @@ class LegacyHearing < CaseflowRecord
   include UpdatedByUserConcern
   include HearingConcern
   include HasHearingEmailRecipientsConcern
+  include ConferenceableConcern
 
   # VA Notify Hooks
   prepend HearingScheduled
@@ -75,6 +76,7 @@ class LegacyHearing < CaseflowRecord
   has_one :hearing_location, as: :hearing
   has_many :email_events, class_name: "SentHearingEmailEvent", foreign_key: :hearing_id
   has_many :email_recipients, class_name: "HearingEmailRecipient", foreign_key: :hearing_id
+  has_many :transcription_files, as: :hearing
 
   alias_attribute :location, :hearing_location
   accepts_nested_attributes_for :hearing_location, reject_if: proc { |attributes| attributes.blank? }
@@ -368,6 +370,10 @@ def vacols_hearing_exists?
     end
   end
 
+  def daily_docket_conference_link
+    hearing_day.conference_link
+  end
+
   # The scheduled time for a legacy hearing after it have been retrieved from VACOLS and processed for time zone.
   #
   # @return [Time] a Time object in the calculated time zone and DST offset
diff --git a/app/models/meeting_type.rb b/app/models/meeting_type.rb
new file mode 100644
index 00000000000..be1518480c6
--- /dev/null
+++ b/app/models/meeting_type.rb
@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+##
+# A class to repreesnt a polymorphic join table that the allow for the use of the
+# conferenceable association.
+#
+# Any model that includes a conferenceable assoication with end up with record in this table.
+#
+# The service_name pertains to which video conferencing service an entity is assigned to use.
+
+class MeetingType < CaseflowRecord
+  belongs_to :conferenceable, polymorphic: true
+
+  enum service_name: { pexip: 0, webex: 1 }
+
+  scope :pexip, -> { where(service_name: "pexip") }
+  scope :webex, -> { where(service_name: "webex") }
+
+  alias_attribute :conference_provider, :service_name
+end
diff --git a/app/models/organizations_user.rb b/app/models/organizations_user.rb
index 189d98de647..caf892a125a 100644
--- a/app/models/organizations_user.rb
+++ b/app/models/organizations_user.rb
@@ -28,6 +28,15 @@ def remove_admin_rights_from_user(user, organization)
       existing_record(user, organization)&.update!(admin: false)
     end
 
+    def update_user_conference_provider(user, new_service_name)
+      # This could be an upsert once we get to Rails 6
+      if user.meeting_type
+        user.meeting_type.update!(service_name: new_service_name)
+      else
+        MeetingType.create!(service_name: new_service_name, conferenceable: user)
+      end
+    end
+
     def remove_user_from_organization(user, organization)
       if user_is_judge_of_team?(user, organization)
         fail Caseflow::Error::ActionForbiddenError, message: COPY::JUDGE_TEAM_REMOVE_JUDGE_ERROR
diff --git a/app/models/serializers/work_queue/administered_user_serializer.rb b/app/models/serializers/work_queue/administered_user_serializer.rb
index 61b86097292..dffbb0f75a4 100644
--- a/app/models/serializers/work_queue/administered_user_serializer.rb
+++ b/app/models/serializers/work_queue/administered_user_serializer.rb
@@ -11,4 +11,5 @@ class WorkQueue::AdministeredUserSerializer < WorkQueue::UserSerializer
       params[:organization].dvc&.eql?(object)
     end
   end
+  attribute :conference_provider
 end
diff --git a/app/models/tasks/assign_hearing_disposition_task.rb b/app/models/tasks/assign_hearing_disposition_task.rb
index a501e32e7d9..d0f218535ee 100644
--- a/app/models/tasks/assign_hearing_disposition_task.rb
+++ b/app/models/tasks/assign_hearing_disposition_task.rb
@@ -207,7 +207,7 @@ def reschedule(
       elsif email_recipients_attributes.present?
         create_or_update_email_recipients(new_hearing, email_recipients_attributes)
       end
-
+      new_hearing.maybe_create_non_virtual_conference
       [new_hearing_task, self.class.create_assign_hearing_disposition_task!(appeal, new_hearing_task, new_hearing)]
     end
   end
diff --git a/app/models/tasks/hearing_mail_tasks/hearing_postponement_request_mail_task.rb b/app/models/tasks/hearing_mail_tasks/hearing_postponement_request_mail_task.rb
index 1d898787a6c..4815fe61deb 100644
--- a/app/models/tasks/hearing_mail_tasks/hearing_postponement_request_mail_task.rb
+++ b/app/models/tasks/hearing_mail_tasks/hearing_postponement_request_mail_task.rb
@@ -142,9 +142,8 @@ def reschedule(
 
       disposition_task = AssignHearingDispositionTask
         .create_assign_hearing_disposition_task!(appeal, new_hearing_task, new_hearing)
-
+      new_hearing.maybe_create_non_virtual_conference
       AppellantNotification.notify_appellant(appeal, Constants.EVENT_TYPE_FILTERS.hearing_scheduled)
-
       [new_hearing_task, disposition_task]
     end
   end
diff --git a/app/models/tasks/schedule_hearing_task.rb b/app/models/tasks/schedule_hearing_task.rb
index da3962cba04..e8589018c98 100644
--- a/app/models/tasks/schedule_hearing_task.rb
+++ b/app/models/tasks/schedule_hearing_task.rb
@@ -202,6 +202,7 @@ def create_schedule_hearing_tasks(params)
       # Create and assign the hearing now that it has been scheduled
       created_tasks << AssignHearingDispositionTask.create_assign_hearing_disposition_task!(appeal, parent, hearing)
 
+      hearing.maybe_create_non_virtual_conference
     # The only other option is to cancel the schedule hearing task
     elsif params[:status] == Constants.TASK_STATUSES.cancelled
       # If we are cancelling the schedule hearing task, we need to withdraw the request
diff --git a/app/models/user.rb b/app/models/user.rb
index 43d9eab9662..d218be4b0fc 100644
--- a/app/models/user.rb
+++ b/app/models/user.rb
@@ -2,6 +2,7 @@
 
 class User < CaseflowRecord # rubocop:disable Metrics/ClassLength
   include BgsService
+  include ConferenceableConcern
   include EventConcern
 
   has_many :dispatch_tasks, class_name: "Dispatch::Task"
diff --git a/app/serializers/hearings/conference_link_serializer.rb b/app/serializers/hearings/conference_link_serializer.rb
index 3797eae384d..5cc550e1a20 100644
--- a/app/serializers/hearings/conference_link_serializer.rb
+++ b/app/serializers/hearings/conference_link_serializer.rb
@@ -7,4 +7,7 @@ class ConferenceLinkSerializer
   attribute :alias, &:alias_with_host
   attribute :guest_pin, &:guest_pin
   attribute :guest_link, &:guest_link
+  attribute :co_host_link, &:co_host_link
+  attribute :type
+  attribute :conference_provider
 end
diff --git a/app/serializers/hearings/hearing_day_serializer.rb b/app/serializers/hearings/hearing_day_serializer.rb
index 905578e02fd..478b672f653 100644
--- a/app/serializers/hearings/hearing_day_serializer.rb
+++ b/app/serializers/hearings/hearing_day_serializer.rb
@@ -95,7 +95,8 @@ def self.serialize_collection(hearing_days)
         filled_slots_count_for_days: filled_slots_count_for_days,
         judge_names: judge_names
       }
-    ).serializable_hash[:data].map { |hearing_day| hearing_day[:attributes] }
+    ).serializable_hash[:data]
+      .pluck(:attributes)
   end
 
   def self.serialize_conference_link(conference_link)
diff --git a/app/serializers/hearings/hearing_serializer.rb b/app/serializers/hearings/hearing_serializer.rb
index d6e3f808694..5bb7dcd5652 100644
--- a/app/serializers/hearings/hearing_serializer.rb
+++ b/app/serializers/hearings/hearing_serializer.rb
@@ -4,6 +4,9 @@ class HearingSerializer
   include FastJsonapi::ObjectSerializer
   include HearingSerializerBase
 
+  attribute :daily_docket_conference_link do |hearing|
+    HearingDaySerializer.serialize_conference_link(hearing.daily_docket_conference_link)
+  end
   attribute :aod, &:aod?
   attribute :advance_on_docket_motion do |hearing|
     if hearing.aod?
@@ -44,6 +47,7 @@ class HearingSerializer
   attribute :contested_claim do |hearing|
     hearing.appeal.contested_claim?
   end
+  attribute :conference_provider
   attribute :mst do |hearing|
     hearing.appeal.mst?
   end
@@ -63,6 +67,11 @@ class HearingSerializer
   attribute :judge_id
   attribute :location
   attribute :military_service, if: for_full
+  attribute :non_virtual_conference_link do |object|
+    if !object.non_virtual_conference_link.nil?
+      ConferenceLinkSerializer.new(object.non_virtual_conference_link).serializable_hash[:data][:attributes]
+    end
+  end
   attribute :notes
   attribute :paper_case do
     false
@@ -92,6 +101,11 @@ class HearingSerializer
   attribute :transcript_requested
   attribute :transcript_sent_date
   attribute :transcription
+  attribute :transcription_files, if: for_worksheet do |hearing|
+    if hearing.conference_provider == "webex"
+      hearing.serialized_transcription_files
+    end
+  end
   attribute :uuid
   attribute :veteran_age, if: for_full
   attribute :veteran_file_number
diff --git a/app/serializers/hearings/legacy_hearing_serializer.rb b/app/serializers/hearings/legacy_hearing_serializer.rb
index 8abb72a7d22..536abeb5579 100644
--- a/app/serializers/hearings/legacy_hearing_serializer.rb
+++ b/app/serializers/hearings/legacy_hearing_serializer.rb
@@ -37,7 +37,11 @@ class LegacyHearingSerializer
   attribute :contested_claim do |hearing|
     hearing.appeal.contested_claim
   end
+  attribute :conference_provider
   attribute :current_issue_count
+  attribute :daily_docket_conference_link do |hearing|
+    HearingDaySerializer.serialize_conference_link(hearing.daily_docket_conference_link)
+  end
   attribute :disposition
   attribute :disposition_editable
   attribute :docket_name
@@ -58,6 +62,11 @@ class LegacyHearingSerializer
   attribute :judge_id
   attribute :location
   attribute :military_service, if: for_worksheet
+  attribute :non_virtual_conference_link do |object|
+    if !object.non_virtual_conference_link.nil?
+      ConferenceLinkSerializer.new(object.non_virtual_conference_link).serializable_hash[:data][:attributes]
+    end
+  end
   attribute :notes
   attribute :paper_case do |object|
     object.appeal.paper_case?
@@ -84,6 +93,11 @@ class LegacyHearingSerializer
   attribute :submission_window_end, if: for_worksheet, &:calculate_submission_window
   attribute :summary
   attribute :transcript_requested
+  attribute :transcription_files, if: for_worksheet do |hearing|
+    if hearing.conference_provider == "webex"
+      hearing.serialized_transcription_files
+    end
+  end
   attribute :user_id
   attribute :vacols_id, if: for_worksheet
   attribute :vbms_id
diff --git a/app/serializers/hearings/transcription_file_serializer.rb b/app/serializers/hearings/transcription_file_serializer.rb
new file mode 100644
index 00000000000..2f13cd94492
--- /dev/null
+++ b/app/serializers/hearings/transcription_file_serializer.rb
@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+class TranscriptionFileSerializer
+  include FastJsonapi::ObjectSerializer
+
+  attribute :id
+  attribute :docket_number
+  attribute :hearing_type
+  attribute :date_upload_aws
+  attribute :file_name
+  attribute :file_status
+  attribute :file_type
+end
diff --git a/app/serializers/hearings/virtual_hearing_serializer.rb b/app/serializers/hearings/virtual_hearing_serializer.rb
index a3803336ccd..e4c55ba66f9 100644
--- a/app/serializers/hearings/virtual_hearing_serializer.rb
+++ b/app/serializers/hearings/virtual_hearing_serializer.rb
@@ -14,5 +14,7 @@ class VirtualHearingSerializer
   attribute :guest_pin
   attribute :host_link, &:host_link
   attribute :guest_link, &:guest_link
+  attribute :co_host_link, &:co_host_hearing_link
   attribute :job_completed, &:job_completed?
+  attribute :conference_provider
 end
diff --git a/app/services/external_api/pexip_service.rb b/app/services/external_api/pexip_service.rb
index 6cb26d61704..5f47d40d5fd 100644
--- a/app/services/external_api/pexip_service.rb
+++ b/app/services/external_api/pexip_service.rb
@@ -13,7 +13,12 @@ def initialize(host:, port: 443, user_name:, password:, client_host:)
     @client_host = client_host
   end
 
-  def create_conference(host_pin:, guest_pin:, name:)
+  # :reek:FeatureEnvy
+  def create_conference(virtual_hearing)
+    host_pin = virtual_hearing.host_pin
+    guest_pin = virtual_hearing.guest_pin
+    name = virtual_hearing.alias
+
     body = {
       "aliases": [{ "alias": "BVA#{name}" }, { "alias": VirtualHearing.formatted_alias(name) }, { "alias": name }],
       "allow_guests": true,
@@ -35,18 +40,28 @@ def create_conference(host_pin:, guest_pin:, name:)
     ExternalApi::PexipService::CreateResponse.new(resp)
   end
 
-  def delete_conference(conference_id:)
-    return if conference_id.nil?
+  def delete_conference(virtual_hearing)
+    if virtual_hearing.conference_id.nil?
+      return ExternalApi::PexipService::DeleteResponse.new(not_found_response)
+    end
 
-    delete_endpoint = "#{CONFERENCES_ENDPOINT}#{conference_id}/"
+    delete_endpoint = "#{CONFERENCES_ENDPOINT}#{virtual_hearing.conference_id}/"
     resp = send_pexip_request(delete_endpoint, :delete)
-    return if resp.nil?
+    return lack_of_connectivity_response if resp.nil?
 
     ExternalApi::PexipService::DeleteResponse.new(resp)
   end
 
+  def not_found_response
+    HTTPI::Response.new(404, {}, {})
+  end
+
   private
 
+  def lack_of_connectivity_response
+    HTTPI::Response.new(503, {}, {})
+  end
+
   attr_reader :host, :port, :user_name, :password, :client_host
 
   # :nocov:
diff --git a/app/services/external_api/pexip_service/response.rb b/app/services/external_api/pexip_service/response.rb
index bcb91028f96..bb987aecf97 100644
--- a/app/services/external_api/pexip_service/response.rb
+++ b/app/services/external_api/pexip_service/response.rb
@@ -21,6 +21,7 @@ def success?
   private
 
   # :nocov:
+  # rubocop:disable Metrics/CyclomaticComplexity
   def check_for_error
     return if success?
 
@@ -34,10 +35,15 @@ def check_for_error
       Caseflow::Error::PexipNotFoundError.new(code: code, message: msg)
     when 405
       Caseflow::Error::PexipMethodNotAllowedError.new(code: code, message: msg)
+    when 503
+      Caseflow::Error::PexipServiceNotReachableError.new(code: code, message: "Pexip Service is currently not
+      available")
     else
+
       Caseflow::Error::PexipApiError.new(code: code, message: msg)
     end
   end
+  # rubocop:enable Metrics/CyclomaticComplexity
 
   def error_message
     return "No error message from Pexip" if resp.raw_body.empty?
diff --git a/app/services/external_api/webex_service.rb b/app/services/external_api/webex_service.rb
new file mode 100644
index 00000000000..5d44dea3406
--- /dev/null
+++ b/app/services/external_api/webex_service.rb
@@ -0,0 +1,162 @@
+# frozen_string_literal: true
+
+require "json"
+
+# This file defines the ExternalApi::WebexService class, which is responsible for interacting
+# with the Webex API. This service is used for creating and deleting conferences, refreshing
+# access tokens, and fetching recording details.
+#
+# Key behaviors include:
+# 1. The initialize method sets up the service with necessary parameters like host, port, aud,
+#    apikey, domain, api_endpoint, and query.
+# 2. The create_conference method sends a POST request to the Webex API to create a new conference.
+# 3. The delete_conference method sends a POST request to the Webex API to delete a conference.
+# 4. The refresh_access_token method sends a POST request to the Webex API to refresh the access token.
+# 5. The fetch_recordings_list method sends a GET request to the Webex API to fetch a list of recordings.
+# 6. The fetch_recording_details method sends a GET request to the Webex API to fetch details of a recording.
+# 7. The send_webex_request method is a private method used to send requests to the Webex API
+#    with the specified body and method.
+#
+# All requests to the Webex API are recorded using the MetricsService.
+class ExternalApi::WebexService
+  # rubocop:disable Metrics/ParameterLists
+  def initialize(host:, port:, aud:, apikey:, domain:, api_endpoint:, query: nil)
+    @host = host
+    @port = port
+    @aud = aud
+    @apikey = apikey
+    @domain = domain
+    @api_endpoint = api_endpoint
+    @query = query
+  end
+  # rubocop:enable Metrics/ParameterLists
+
+  def self.access_token
+    CredStash.get("webex_#{Rails.deploy_env}_access_token")
+  end
+
+  def create_conference(conferenced_item)
+    body = {
+      "jwt": {
+        "sub": conferenced_item.subject_for_conference,
+        "nbf": conferenced_item.nbf,
+        "exp": conferenced_item.exp
+      },
+      "aud": @aud,
+      "numHost": 2,
+      "provideShortUrls": true,
+      "verticalType": "gen"
+    }
+    method = "POST"
+    ExternalApi::WebexService::CreateResponse.new(send_webex_request(body, method))
+  end
+
+  def delete_conference(conferenced_item)
+    body = {
+      "jwt": {
+        "sub": conferenced_item.subject_for_conference,
+        "nbf": 0,
+        "exp": 0
+      },
+      "aud": @aud,
+      "numHost": 2,
+      "provideShortUrls": true,
+      "verticalType": "gen"
+    }
+    method = "POST"
+    ExternalApi::WebexService::DeleteResponse.new(send_webex_request(body, method))
+  end
+
+  # Purpose: Refreshing the access token to access the API
+  # Return: The response body
+  def refresh_access_token
+    url = URI::DEFAULT_PARSER.escape("https://#{@host}#{@domain}#{@api_endpoint}access_token")
+
+    body = {
+      grant_type: "refresh_token",
+      client_id: ENV["WEBEX_CLIENT_ID"],
+      client_secret: ENV["WEBEX_CLIENT_SECRET"],
+      refresh_token: CredStash.get("webex_#{Rails.deploy_env}_refresh_token")
+    }
+
+    headers = {
+      "Content-Type" => "application/x-www-form-urlencoded",
+      "Accept" => "application/json",
+      "Authorization" => CredStash.get("webex_#{Rails.deploy_env}_access_token")
+    }
+
+    request = HTTPI::Request.new
+    request.url = url
+    request.body = URI.encode_www_form(body)
+    request.headers = headers
+
+    response = HTTPI.post(request)
+
+    ExternalApi::WebexService::AccessTokenRefreshResponse.new(response)
+  end
+
+  def fetch_recordings_list
+    body = nil
+    method = "GET"
+    @api_endpoint += "admin/recordings"
+    ExternalApi::WebexService::RecordingsListResponse.new(send_webex_request(body, method))
+  end
+
+  def fetch_recording_details(recording_id)
+    body = nil
+    method = "GET"
+    @api_endpoint += "recordings/#{recording_id}"
+    ExternalApi::WebexService::RecordingDetailsResponse.new(send_webex_request(body, method))
+  end
+
+  def fetch_rooms_list
+    body = nil
+    method = "GET"
+    @api_endpoint += "rooms"
+    ExternalApi::WebexService::RoomsListResponse.new(send_webex_request(body, method))
+  end
+
+  def fetch_room_details(room_id)
+    body = nil
+    method = "GET"
+    @api_endpoint += "rooms/#{room_id}/meetingInfo"
+    ExternalApi::WebexService::RoomDetailsResponse.new(send_webex_request(body, method))
+  end
+
+  private
+
+  # :nocov:
+  # rubocop:disable Metrics/MethodLength
+  def send_webex_request(body, method)
+    url = "https://#{@host}#{@domain}#{@api_endpoint}"
+    request = HTTPI::Request.new(url)
+    request.open_timeout = 300
+    request.read_timeout = 300
+    request.body = body.to_json unless body.nil?
+    request.query = @query
+    request.headers = { "Authorization": "Bearer #{@apikey}", "Content-Type": "application/json" }
+
+    MetricsService.record(
+      "#{@host} #{method} request to #{url}",
+      service: :webex,
+      name: @api_endpoint
+    ) do
+      case method
+      when "POST"
+        response = HTTPI.post(request)
+        fail ExternalApi::WebexService::Response.new(response).error if response.error?
+
+        response
+      when "GET"
+        response = HTTPI.get(request)
+        fail ExternalApi::WebexService::Response.new(response).error if response.error?
+
+        response
+      else
+        fail NotImplementedError
+      end
+    end
+  end
+  # rubocop:enable Metrics/MethodLength
+  # :nocov:
+end
diff --git a/app/services/external_api/webex_service/access_token_refresh_response.rb b/app/services/external_api/webex_service/access_token_refresh_response.rb
new file mode 100644
index 00000000000..f82c1ddcc26
--- /dev/null
+++ b/app/services/external_api/webex_service/access_token_refresh_response.rb
@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+class ExternalApi::WebexService::AccessTokenRefreshResponse < ExternalApi::WebexService::Response
+  def access_token
+    data["access_token"]
+  end
+
+  def refresh_token
+    data["refresh_token"]
+  end
+end
diff --git a/app/services/external_api/webex_service/create_response.rb b/app/services/external_api/webex_service/create_response.rb
new file mode 100644
index 00000000000..2e45b8152a5
--- /dev/null
+++ b/app/services/external_api/webex_service/create_response.rb
@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+class ExternalApi::WebexService::CreateResponse < ExternalApi::WebexService::Response
+  def base_url
+    data["baseUrl"]
+  end
+
+  def host_link
+    "#{base_url}#{data.dig('host', 0, 'short')}"
+  end
+
+  def co_host_link
+    "#{base_url}#{data.dig('host', 1, 'short')}"
+  end
+
+  def guest_link
+    "#{base_url}#{data.dig('guest', 0, 'short')}"
+  end
+end
diff --git a/app/services/external_api/webex_service/delete_response.rb b/app/services/external_api/webex_service/delete_response.rb
new file mode 100644
index 00000000000..5c8be1f2f1c
--- /dev/null
+++ b/app/services/external_api/webex_service/delete_response.rb
@@ -0,0 +1,3 @@
+# frozen_string_literal: true
+
+class ExternalApi::WebexService::DeleteResponse < ExternalApi::WebexService::Response; end
diff --git a/app/services/external_api/webex_service/recording_details_response.rb b/app/services/external_api/webex_service/recording_details_response.rb
new file mode 100644
index 00000000000..e8ab5afb393
--- /dev/null
+++ b/app/services/external_api/webex_service/recording_details_response.rb
@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+class ExternalApi::WebexService::RecordingDetailsResponse < ExternalApi::WebexService::Response
+  def mp4_link
+    data["temporaryDirectDownloadLinks"]["recordingDownloadLink"]
+  end
+
+  def vtt_link
+    data["temporaryDirectDownloadLinks"]["transcriptDownloadLink"]
+  end
+
+  def mp3_link
+    data["temporaryDirectDownloadLinks"]["audioDownloadLink"]
+  end
+
+  def topic
+    data["topic"]
+  end
+end
diff --git a/app/services/external_api/webex_service/recordings_list_response.rb b/app/services/external_api/webex_service/recordings_list_response.rb
new file mode 100644
index 00000000000..709480fa488
--- /dev/null
+++ b/app/services/external_api/webex_service/recordings_list_response.rb
@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+class ExternalApi::WebexService::RecordingsListResponse < ExternalApi::WebexService::Response
+  def recordings
+    return [] if data["items"].blank?
+
+    data["items"].map { |item| Recording.new(item["id"], item["hostEmail"]) }
+  end
+
+  class Recording
+    attr_reader :id, :host_email
+
+    # rubocop:disable Naming/MethodParameterName, Naming/VariableName
+    def initialize(id, hostEmail)
+      @id = id
+      @host_email = hostEmail
+    end
+    # rubocop:enable Naming/MethodParameterName, Naming/VariableName
+  end
+end
diff --git a/app/services/external_api/webex_service/response.rb b/app/services/external_api/webex_service/response.rb
new file mode 100644
index 00000000000..5bd77e23247
--- /dev/null
+++ b/app/services/external_api/webex_service/response.rb
@@ -0,0 +1,70 @@
+# frozen_string_literal: true
+
+class ExternalApi::WebexService::Response
+  attr_reader :resp, :code
+
+  def initialize(resp)
+    @resp = resp
+    @code = @resp.code
+  end
+
+  def data
+    JSON.parse(resp.raw_body).with_indifferent_access
+  end
+
+  def error
+    check_for_errors
+  end
+
+  def success?
+    !resp.error?
+  end
+
+  private
+
+  def check_for_errors
+    return false if success?
+
+    msg = error_message
+    case code
+    when 400
+      Caseflow::Error::WebexBadRequestError.new(code: code, message: msg)
+    when 501
+      Caseflow::Error::WebexApiError.new(code: code, message: msg)
+    when 404
+      Caseflow::Error::WebexNotFoundError.new(code: code, message: msg)
+    when 405
+      Caseflow::Error::WebexMethodNotAllowedError.new(code: code, message: msg)
+    else
+      Caseflow::Error::WebexApiError.new(code: code, message: msg)
+    end
+  end
+
+  def error_message
+    return "No error message from Webex" if resp.raw_body.empty?
+
+    begin
+      if !invalid_token
+        {
+          message: data.dig(:message),
+          descriptions: data.dig(:errors)&.pluck(:description)&.compact
+        }
+      end
+      data["message"]
+    rescue JSON::ParserError
+      "No error message from Webex"
+    end
+  end
+
+  def invalid_token
+    if data["error_description"] == "The access token expired"
+      fail Caseflow::Error::WebexInvalidTokenError.new(
+        code: @code,
+        message: data["error"],
+        descriptions: data["error_description"]
+      )
+    end
+
+    nil
+  end
+end
diff --git a/app/services/external_api/webex_service/room_details_response.rb b/app/services/external_api/webex_service/room_details_response.rb
new file mode 100644
index 00000000000..6211420efbf
--- /dev/null
+++ b/app/services/external_api/webex_service/room_details_response.rb
@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+class ExternalApi::WebexService::RoomDetailsResponse < ExternalApi::WebexService::Response
+  def meeting_id
+    data["meetingId"]
+  end
+end
diff --git a/app/services/external_api/webex_service/rooms_list_response.rb b/app/services/external_api/webex_service/rooms_list_response.rb
new file mode 100644
index 00000000000..b88da04a133
--- /dev/null
+++ b/app/services/external_api/webex_service/rooms_list_response.rb
@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+class ExternalApi::WebexService::RoomsListResponse < ExternalApi::WebexService::Response
+  def rooms
+    return [] if data["items"].blank?
+
+    data["items"].map { |item| Room.new(item["id"], item["title"]) }
+  end
+
+  class Room
+    attr_reader :id, :title
+
+    def initialize(id, title)
+      @id = id
+      @title = title
+    end
+  end
+end
diff --git a/app/services/virtual_hearings/link_service.rb b/app/services/virtual_hearings/pexip_link_service.rb
similarity index 97%
rename from app/services/virtual_hearings/link_service.rb
rename to app/services/virtual_hearings/pexip_link_service.rb
index 21439be6865..4ecace901a3 100644
--- a/app/services/virtual_hearings/link_service.rb
+++ b/app/services/virtual_hearings/pexip_link_service.rb
@@ -5,7 +5,7 @@
 ##
 # Service for generating new guest and host virtual hearings links
 ##
-class VirtualHearings::LinkService
+class VirtualHearings::PexipLinkService
   class PINKeyMissingError < StandardError; end
   class URLHostMissingError < StandardError; end
   class URLPathMissingError < StandardError; end
diff --git a/app/views/hearing_email_status_mailer/notification.html.erb b/app/views/hearing_email_status_mailer/notification.html.erb
index 5b2388c1a53..d71290485c8 100644
--- a/app/views/hearing_email_status_mailer/notification.html.erb
+++ b/app/views/hearing_email_status_mailer/notification.html.erb
@@ -4,4 +4,4 @@
 
 <%= content_for :instructions do %>
   <p>Please check the email address and <%= external_link hearing_details_url(@hearing), display_text: "update it on the Hearing Details page" %> if it contains a typo or you have an alternate address. If you update the email address and <u>click Save</u> at the bottom of the screen, email will be sent to the updated address.</p>
-<% end %>
\ No newline at end of file
+<% end %>
diff --git a/app/views/hearing_mailer/sections/_how_to_join.html.erb b/app/views/hearing_mailer/sections/_how_to_join.html.erb
index 396a58ebd5f..f8fca697590 100644
--- a/app/views/hearing_mailer/sections/_how_to_join.html.erb
+++ b/app/views/hearing_mailer/sections/_how_to_join.html.erb
@@ -6,4 +6,4 @@
   Click on the link <u>below</u>, or copy and paste the link into the address
   field of your web browser:<br><%= external_link @link %>
 </p>
-<p>IMPORTANT:  You must click on the green video button (icon) to enter the virtual hearing room.</p>
+<p>IMPORTANT:  You must click on the video button (icon) to enter the virtual hearing room.</p>
diff --git a/app/views/layouts/transcription_file_issues_mailer.html.erb b/app/views/layouts/transcription_file_issues_mailer.html.erb
new file mode 100644
index 00000000000..c83fd898a0b
--- /dev/null
+++ b/app/views/layouts/transcription_file_issues_mailer.html.erb
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <style>
+
+    </style>
+  </head>
+
+  <body>
+    <%= yield %>
+    <%= yield :intro %>
+    <%= yield :content %>
+    <%= yield :signature %>
+  </body>
+</html>
diff --git a/app/views/queue/index.html.erb b/app/views/queue/index.html.erb
index 8832fea20d7..ef7a6762643 100644
--- a/app/views/queue/index.html.erb
+++ b/app/views/queue/index.html.erb
@@ -25,6 +25,7 @@
     canEditCavcDashboards: current_user.can_edit_cavc_dashboards?,
     canViewCavcDashboards: current_user.can_view_cavc_dashboards?,
     userIsCobAdmin: ClerkOfTheBoard.singleton.admins.include?(current_user),
+    conferenceProvider: current_user.conference_provider,
     featureToggles: {
       collect_video_and_central_emails: FeatureToggle.enabled?(:collect_video_and_central_emails, user: current_user),
       enable_hearing_time_slots: FeatureToggle.enabled?(:enable_hearing_time_slots, user: current_user),
@@ -60,6 +61,8 @@
       cc_appeal_workflow: FeatureToggle.enabled?(:cc_appeal_workflow, user: current_user),
       metricsBrowserError: FeatureToggle.enabled?(:metrics_browser_error, user: current_user),
       cc_vacatur_visibility: FeatureToggle.enabled?(:cc_vacatur_visibility, user: current_user),
+      conference_selection_visibility: (FeatureToggle.enabled?(:pexip_conference_service) &&
+        FeatureToggle.enabled?(:webex_conference_service)),
       additional_remand_reasons: FeatureToggle.enabled?(:additional_remand_reasons, user: current_user),
       acd_cases_tied_to_judges_no_longer_with_board: FeatureToggle.enabled?(:acd_cases_tied_to_judges_no_longer_with_board, user: current_user),
       admin_case_distribution: FeatureToggle.enabled?(:admin_case_distribution, user: current_user),
diff --git a/app/views/transcription_file_issues_mailer/issue_notification.html.erb b/app/views/transcription_file_issues_mailer/issue_notification.html.erb
new file mode 100644
index 00000000000..886b42e03cd
--- /dev/null
+++ b/app/views/transcription_file_issues_mailer/issue_notification.html.erb
@@ -0,0 +1,41 @@
+<%= content_for :intro do %>
+  <p>
+    Attn:
+  </p>
+  <p>
+    Caseflow attempted to <%= @explanation %> and received a fatal error.
+  </p>
+<% end %>
+
+<%= content_for :content do %>
+  <ul>
+  <% @details.each do |key, value|%>
+    <li>
+    <% if value.respond_to?(:has_key?) %>
+      <% if value[:link] %>
+        <a href=<%= value[:link] %>><%= key.to_s.titlecase %></a>
+      <% else %>
+        <%= key.to_s.titlecase %>:
+          <ul>
+            <% value.each do |k, v| %>
+              <li><%= k.to_s.titlecase %>: <%= v %></li>
+            <% end%>
+          </ul>
+      <% end %>
+    <% else %>
+      <%= key.to_s.titlecase %>: <%= value || "N/A" %>
+    <% end %>
+    </li>
+  <% end %>
+  </ul>
+<% end %>
+
+<%= content_for :signature do %>
+  <p>
+    Please investigate this issue further to ensure <%= @outro %>. Direct any questions to OITAppealsHelpDesk@va.gov.
+  </p>
+  <p>
+    Sincerely,<br/>
+    The Board of Veterans' Appeals
+  </p>
+<% end %>
diff --git a/app/workflows/transcription_file_upload.rb b/app/workflows/transcription_file_upload.rb
new file mode 100644
index 00000000000..19db1c44742
--- /dev/null
+++ b/app/workflows/transcription_file_upload.rb
@@ -0,0 +1,45 @@
+# frozen_string_literal: true
+
+class TranscriptionFileUpload
+  attr_reader :file_name, :file_type
+
+  S3_SUB_BUCKET = "vaec-appeals-caseflow"
+
+  S3_SUB_FOLDERS = {
+    mp3: "transcript_audio",
+    mp4: "transcript_audio",
+    vtt: "transcript_raw",
+    rtf: "transcript_text",
+    xls: "transcript_text",
+    csv: "transcript_text"
+  }.freeze
+
+  class FileUploadError < StandardError; end
+
+  # Params: transcription_file - TranscriptionFile object
+  def initialize(transcription_file)
+    @transcription_file = transcription_file
+    @file_name = @transcription_file.file_name
+    @file_type = @transcription_file.file_type
+    @folder_name = (Rails.deploy_env == :prod) ? S3_SUB_BUCKET : "#{S3_SUB_BUCKET}-#{Rails.deploy_env}"
+  end
+
+  # Purpose: Uploads transcription file to its corresponding location in S3
+  def call
+    S3Service.store_file(s3_location, @transcription_file.tmp_location, :filepath)
+    @transcription_file.update_status!(process: :upload, status: :success, upload_link: s3_location)
+    Rails.logger.info("File #{file_name} successfully uploaded to S3 location: #{s3_location}")
+  rescue StandardError => error
+    @transcription_file.update_status!(process: :upload, status: :failure)
+    raise FileUploadError "Amazon S3 service responded with error: #{error}"
+  end
+
+  private
+
+  # Purpose: Location of uploaded file in s3
+  #
+  # Returns: string, s3 filepath
+  def s3_location
+    @folder_name + "/" + S3_SUB_FOLDERS[file_type.to_sym] + "/" + file_name
+  end
+end
diff --git a/app/workflows/transcription_transformer.rb b/app/workflows/transcription_transformer.rb
new file mode 100644
index 00000000000..999edaba214
--- /dev/null
+++ b/app/workflows/transcription_transformer.rb
@@ -0,0 +1,201 @@
+# frozen_string_literal: true
+
+require "webvtt"
+require "rtf"
+require "csv"
+
+# Workflow for converting VTT transcription files to RTF
+class TranscriptionTransformer
+  class FileConversionError < StandardError; end
+
+  def initialize(vtt_path, hearing_info)
+    @vtt_path = vtt_path
+    @error_count = 0
+    @hearing_info = hearing_info
+    @length = 0
+  end
+
+  def call
+    paths = [convert_to_rtf(@vtt_path)]
+    csv_path = @vtt_path.gsub("vtt", "csv")
+    if File.exist?(csv_path)
+      paths.push(csv_path)
+    elsif @error_count > 0
+      error_hash = {
+        error_count: @error_count,
+        length: @length,
+        hearing_info: @hearing_info
+      }
+      paths.push(build_csv(csv_path, error_hash))
+    end
+    paths
+  end
+
+  private
+
+  # Convert vtt file to rtf or csv if there is an error
+  # Params: path - the file path of the vtt file
+  # Returns the file path of the newly converted file
+  def convert_to_rtf(path)
+    rtf_path = path.gsub("vtt", "rtf")
+    return rtf_path if File.exist?(rtf_path)
+
+    begin
+      converted_file = File.open(path, "r") { |io| io.read.encode("UTF-8", invalid: :replace, replace: "...") }
+      File.open(path, "w") { |file| file.write(converted_file) }
+      vtt = WebVTT.read(path)
+      @length = vtt.actual_total_length
+      doc = RTF::Document.new(RTF::Font.new(RTF::Font::ROMAN, "Times New Roman"))
+      doc.footer = RTF::FooterNode.new(doc, RTF::FooterNode::UNIVERSAL)
+      doc.style.left_margin = 1300
+      doc.style.right_margin = 1300
+      create_cover_page(doc)
+      doc.page_break
+      create_transcription_pages(vtt, doc)
+      raw_doc = create_footer_and_spacing(doc)
+      File.open(rtf_path, "w") { |file| file.write(raw_doc) }
+      rtf_path
+    rescue StandardError
+      raise FileConversionError
+    end
+  end
+
+  # Create cover page
+  # Params: document - the document object
+  # Returns the document with the cover page
+  def create_cover_page(document)
+    border_width = 40
+    document.table(2, 1, 9200) do |table|
+      table.cell_margin = 30
+      header_row = table[0]
+      header_row.border_width = border_width
+      header_row.shading_colour = RTF::Colour.new(0, 0, 0)
+      table[1].border_width = border_width
+      header_row[0] << " Department of Veterans Affairs"
+      generate_cover_info(table[1][0])
+    end
+  end
+
+  # Create the text pages on the file
+  # Params:
+  #       transcript - the original vtt file
+  #       document - the document object
+  # Returns the document with the transcription pages
+  def create_transcription_pages(transcript, document)
+    styles = {}
+    styles["PS_CODE"] = RTF::ParagraphStyle.new
+    styles["CS_CODE"] = RTF::CharacterStyle.new
+    styles["PS_CODE"].line_spacing = -1
+    styles["CS_CODE"].underline = true
+    format_transcript(transcript).each do |cue|
+      document.paragraph(styles["PS_CODE"]) do |paragraph_style|
+        paragraph_style.apply(styles["CS_CODE"]) do |char_style|
+          char_style << cue[:identifier].upcase
+        end
+        paragraph_style.paragraph << ": #{cue[:text]}"
+        paragraph_style.paragraph
+      end
+    end
+  end
+
+  # Format the transcript by consolidating speakers who talk multiple times in a row
+  # Params: transcript - the original vtt file
+  # Returns the compressed transcript
+  def format_transcript(transcript)
+    compressed_transcript = []
+    prev_id = "<PLACEHOLDER> This is not anyones name."
+    prev_index = -1
+    transcript.cues.each do |cue|
+      identifier = cue.identifier&.strip&.scan(/[a-zA-Z]+/)&.join(" ") || ""
+      name = (identifier == "") ? "Unknown" : identifier
+      if name.match?(/#{prev_id}/)
+        compressed_transcript[prev_index][:text] += " " + cue.text
+      else
+        original_text = cue.text
+        @error_count += original_text.scan("[...]").size
+        prev_id = name
+        compressed_transcript.push(identifier: name, text: original_text)
+        prev_index += 1
+      end
+    end
+
+    compressed_transcript
+  end
+
+  # create the footer
+  # Params: document - the document object
+  # returns the document with the footer
+  def create_footer_and_spacing(document)
+    document.footer << "Insert Veteran's Last Name, First Name, MI, Claim No"
+    rtf_footer =
+      "\\footer\\pard\\" + (" " * 47) + "\\chpgn" + (" " * 18) + "Veteran's Last, First, Claim No\\par"
+    rtf_spacing = "sl120\\slmult1"
+    raw_rtf = document.to_rtf.sub(document.footer.to_rtf, "{#{rtf_footer}}")
+    raw_rtf.gsub("sl-1", rtf_spacing)
+  end
+
+  # streamlines adding line breaks
+  # Params:
+  #       row - the current row in the document
+  #       count - amount of line breaks to add
+  def insert_line_breaks(row, count)
+    breaks = 0
+    while breaks < count
+      row.line_break
+      breaks += 1
+    end
+  end
+
+  # Params: path - the path to save the csv
+  #         details - hash that has details pertaining to the error
+  # Returns the created csv
+  def build_csv(path, details)
+    filename = path.split("/").last.sub(".csv", "")
+    header = %w[length appeal_id hearing_date judge issues filename]
+    length = details[:length]
+    count = details[:count]
+    hearing_info = details[:hearing_info]
+    length_string = "#{(length / 3600).floor}:#{(length / 60 % 60).floor}:#{(length % 60).floor}"
+    CSV.open(path, "w") do |writer|
+      writer << header
+      writer << [length_string, hearing_info[:appeal_id], hearing_info[:date]&.strftime("%m/%d/%Y"),
+                 hearing_info[:judge]&.upcase, "#{count} inaudible", filename]
+    end
+    path
+  end
+
+  # rubocop:disable Metrics/MethodLength
+  # Generates the template info for the cover page
+  # Params: row - the table row that the info will be occupying in the doc
+  # return the modified cover doc
+  def generate_cover_info(row)
+    insert_line_breaks(row, 1)
+    row << "                                TRANSCRIPT OF HEARING"
+    insert_line_breaks(row, 2)
+    row << "                                           BEFORE"
+    insert_line_breaks(row, 2)
+    row << "                             BOARD OF VETERANS' APPEALS"
+    insert_line_breaks(row, 2)
+    row << "                                 WASHINGTON, D.C. 20420"
+    insert_line_breaks(row, 4)
+    row << "                            Video Conference at Insert City, State"
+    insert_line_breaks(row, 4)
+    row << "  IN THE APPEAL OF           :       Insert Veterans Last Name, First Name, MI"
+    insert_line_breaks(row, 1)
+    row << "                                           Insert Veteran's Claim No"
+    insert_line_breaks(row, 5)
+    row << "  DATE                          :       Insert Date"
+    insert_line_breaks(row, 5)
+    row << "  REPRESENTED BY           :       Insert Name of Representative"
+    insert_line_breaks(row, 1)
+    row << "                                          Insert Representative's Organization"
+    insert_line_breaks(row, 5)
+    row << "  MEMBER OF BOARD           :    Insert Veterans Law Judge's name, Judge"
+    insert_line_breaks(row, 5)
+    row << "  WITNESSES                   :       Insert Full Name of witness, Appellant"
+    insert_line_breaks(row, 1)
+    row << "                                            Insert Full Name of other witnesses, Witness"
+    insert_line_breaks(row, 5)
+  end
+  # rubocop:enable Metrics/MethodLength
+end
diff --git a/client/COPY.json b/client/COPY.json
index bbc5dc80ad9..4c9265d8c23 100644
--- a/client/COPY.json
+++ b/client/COPY.json
@@ -786,6 +786,7 @@
   "USER_MANAGEMENT_GIVE_USER_ADMIN_RIGHTS_BUTTON_TEXT": "Add admin rights",
   "USER_MANAGEMENT_REMOVE_USER_ADMIN_RIGHTS_BUTTON_TEXT": "Remove admin rights",
   "USER_MANAGEMENT_REMOVE_USER_FROM_ORG_BUTTON_TEXT": "Remove from team",
+  "USER_MANAGEMENT_SELECT_HEARINGS_CONFERENCE_TYPE": "Schedule hearings using:",
   "MEMBERSHIP_REQUEST_ACTION_SUCCESS_TITLE": "You successfully %s %s's request",
   "MEMBERSHIP_REQUEST_ACTION_SUCCESS_MESSAGE": "The user was %s regular member access to %s.",
   "VHA_MEMBERSHIP_REQUEST_AUTOMATIC_VHA_ACCESS_NOTE": "Note: If you are requesting specialized access and are not a member of the general VHA group, you will automatically be given access to the general VHA group if your request is approved.",
@@ -1216,8 +1217,9 @@
   "VLJ_VIRTUAL_HEARING_LINK_LABEL": "VLJ Link",
   "GUEST_VIRTUAL_HEARING_LINK_LABEL": "Guest Link",
   "REPRESENTATIVE_VIRTUAL_HEARING_LINK_LABEL": "Virtual Hearing Link",
-  "VLJ_VIRTUAL_HEARINGS_LINK_TEXT": "Start Virtual Hearing",
-  "GUEST_VIRTUAL_HEARINGS_LINK_TEXT": "Join Virtual Hearing",
+  "HC_VIRTUAL_HEARING_LINK_LABEL": "Hearing Coordinator Link",
+  "VLJ_VIRTUAL_HEARINGS_LINK_TEXT": "Start Hearing",
+  "GUEST_VIRTUAL_HEARINGS_LINK_TEXT": "Join Hearing",
   "PIN_KEY_MISSING_ERROR_MESSAGE": "Cannot generate a virtual hearing URL without a valid PIN key",
   "URL_HOST_MISSING_ERROR_MESSAGE": "Cannot generate a virtual hearing URL without a valid URL host",
   "URL_PATH_MISSING_ERROR_MESSAGE": "Cannot generate a virtual hearing URL without a valid URL path",
diff --git a/client/app/components/CopyTextButton.jsx b/client/app/components/CopyTextButton.jsx
index 77e49f0c3da..85b687ec6d2 100644
--- a/client/app/components/CopyTextButton.jsx
+++ b/client/app/components/CopyTextButton.jsx
@@ -14,27 +14,32 @@ export const clipboardButtonStyling = (defaults) =>
     padding: '0.75rem',
     // Offset the additional padding so when this component appears in an unordered list of items its baseline matches.
     margin: '-0.75rem 0',
-    overflowWrap: 'break-word'
+    overflowWrap: 'break-word',
   });
 
 export default class CopyTextButton extends React.PureComponent {
   render = () => {
     const { text, textToCopy, label, styling, ariaLabel } = this.props;
-    const buttonStyles = isEmpty(styling) ?
-      {
-        borderColor: COLORS.GREY_LIGHT,
-        borderWidth: '1px',
+
+    const buttonStyles = isEmpty(styling) ? {
+      borderColor: COLORS.GREY_LIGHT,
+      borderWidth: '1px',
+      color: COLORS.GREY_DARK,
+      ':hover': {
+        backgroundColor: 'transparent',
         color: COLORS.GREY_DARK,
-        ':hover': {
-          backgroundColor: 'transparent',
-          color: COLORS.GREY_DARK,
-          borderColor: COLORS.PRIMARY,
-          borderBottomWidth: '1px'
-        },
-        '& > svg path': { fill: COLORS.GREY_LIGHT },
-        '&:hover > svg path': { fill: COLORS.PRIMARY }
-      } :
-      styling;
+        borderColor: COLORS.PRIMARY,
+        borderBottomWidth: '1px',
+      },
+      ':disabled': {
+        backgroundColor: COLORS.GREY_BACKGROUND,
+        borderColor: COLORS.GREY_LIGHT,
+        color: COLORS.GREY_LIGHT,
+        borderBottomWidth: '1px',
+      },
+      '& > svg path': { fill: COLORS.GREY_LIGHT },
+      '&:hover > svg path': { fill: COLORS.PRIMARY },
+    } : styling;
 
     return (
       <Tooltip id={`tooltip-${text}`} text="Click to copy" position="bottom">
@@ -43,6 +48,7 @@ export default class CopyTextButton extends React.PureComponent {
             type="submit"
             className="cf-apppeal-id"
             aria-label={ariaLabel || `Copy ${label} ${text}`}
+            disabled={textToCopy === null}
             {...clipboardButtonStyling(buttonStyles)}
           >
             {text}&nbsp;
@@ -57,7 +63,7 @@ export default class CopyTextButton extends React.PureComponent {
 CopyTextButton.defaultProps = {
   styling: {},
   label: '',
-  textToCopy: null
+  textToCopy: null,
 };
 
 CopyTextButton.propTypes = {
@@ -77,5 +83,6 @@ CopyTextButton.propTypes = {
    * If ariaLabel not set, populates the aria-label as `Copy ${label} ${text}`
    */
   label: PropTypes.string,
-  styling: PropTypes.object
+  styling: PropTypes.object,
+  disabled: PropTypes.bool,
 };
diff --git a/client/app/components/Table.jsx b/client/app/components/Table.jsx
index 6bad532a713..7e0c3ea200e 100644
--- a/client/app/components/Table.jsx
+++ b/client/app/components/Table.jsx
@@ -312,7 +312,7 @@ BodyRows.propTypes = {
   tbodyRef: PropTypes.func,
   id: PropTypes.string,
   getKeyForRow: PropTypes.func,
-  bodyStyling: PropTypes.array
+  bodyStyling: PropTypes.object
 };
 
 FooterRow.propTypes = {
@@ -342,5 +342,5 @@ Table.propTypes = {
     sortAscending: PropTypes.bool
   }),
   bodyClassName: PropTypes.string,
-  bodyStyling: PropTypes.array
+  bodyStyling: PropTypes.object
 };
diff --git a/client/app/hearings/components/VirtualHearingLink.jsx b/client/app/hearings/components/VirtualHearingLink.jsx
index ee8e6e94697..b0d8f901a91 100644
--- a/client/app/hearings/components/VirtualHearingLink.jsx
+++ b/client/app/hearings/components/VirtualHearingLink.jsx
@@ -9,22 +9,20 @@ import { ExternalLinkIcon } from '../../components/icons/ExternalLinkIcon';
 const ICON_POSITION_FIX = css({ position: 'relative', top: 1 });
 
 const VirtualHearingLink = ({
-  isVirtual,
   newWindow,
   link,
-  virtualHearing,
-  label
+  label,
+  hearing
 }) => {
-  if (!isVirtual) {
-    return null;
-  }
-
   return (
-    <Link href={link} target={newWindow ? '_blank' : '_self'}>
+    <Link
+      href={link}
+      target={newWindow ? '_blank' : '_self'}
+    >
       <strong>{label}</strong>
       <span {...ICON_POSITION_FIX}>
         &nbsp;
-        <ExternalLinkIcon color={virtualHearing.jobCompleted ? COLORS.PRIMARY : COLORS.GREY_MEDIUM} />
+        <ExternalLinkIcon color={hearing?.scheduledForIsPast ? COLORS.PRIMARY : COLORS.GREY_MEDIUM} />
       </span>
     </Link>
   );
@@ -47,7 +45,12 @@ VirtualHearingLink.propTypes = {
     aliasWithHost: PropTypes.string,
     jobCompleted: PropTypes.bool
   }).isRequired,
-  label: PropTypes.string
+  label: PropTypes.string,
+  hearing: PropTypes.shape({
+    dailyDocketConferenceLink: PropTypes.shape({
+      coHostLink: PropTypes.string
+    })
+  })
 };
 
 VirtualHearingLink.defaultProps = {
diff --git a/client/app/hearings/components/dailyDocket/DailyDocket.jsx b/client/app/hearings/components/dailyDocket/DailyDocket.jsx
index a1427027638..e7038ec4078 100644
--- a/client/app/hearings/components/dailyDocket/DailyDocket.jsx
+++ b/client/app/hearings/components/dailyDocket/DailyDocket.jsx
@@ -22,7 +22,6 @@ import COPY from '../../../../COPY';
 import UserAlerts from '../../../components/UserAlerts';
 import HEARING_DISPOSITION_TYPES from '../../../../constants/HEARING_DISPOSITION_TYPES';
 import { ScheduledInErrorModal } from '../ScheduledInErrorModal';
-import { DailyDocketGuestLinkSection } from './DailyDocketGuestLinkSection';
 
 const alertStyling = css({
   marginBottom: '30px',
@@ -301,9 +300,6 @@ export default class DailyDocket extends React.Component {
             )}
           </div>
         </div>
-        {(user.userIsHearingManagement || user.userIsHearingAdmin) && (
-          <DailyDocketGuestLinkSection linkInfo={dailyDocket.conferenceLink} />
-        )}
         <DailyDocketRows
           hearings={this.props.hearings}
           hidePreviouslyScheduled
diff --git a/client/app/hearings/components/dailyDocket/DailyDocketGuestLinkSection.jsx b/client/app/hearings/components/dailyDocket/DailyDocketGuestLinkSection.jsx
deleted file mode 100644
index 8e0ca4393f9..00000000000
--- a/client/app/hearings/components/dailyDocket/DailyDocketGuestLinkSection.jsx
+++ /dev/null
@@ -1,71 +0,0 @@
-/* eslint-disable id-length */
-import React from 'react';
-import PropTypes from 'prop-types';
-import CopyTextButton from '../../../components/CopyTextButton';
-import { GUEST_LINK_LABELS } from '../../constants';
-
-export const DailyDocketGuestLinkSection = ({ linkInfo }) => {
-
-  // Conference Link Information
-  const { alias, guestLink, guestPin } = linkInfo || {};
-
-  const containerStyle = {
-    display: 'grid',
-    gridTemplateColumns: '1fr 1.8fr',
-    backgroundColor: '#f1f1f1',
-    padding: '1em 0 0 1em',
-    marginLeft: '-40px',
-    marginRight: '-40px'
-  };
-
-  const roomInfoContainerStyle = {
-    display: 'flex',
-    flexWrap: 'wrap',
-    justifyContent: 'space-around'
-  };
-
-  // Props needed for the copy text button component
-  const CopyTextButtonProps = {
-    text: GUEST_LINK_LABELS.COPY_GUEST_LINK,
-    label: GUEST_LINK_LABELS.COPY_GUEST_LINK,
-    textToCopy: guestLink
-  };
-
-  // Takes pin from guestLink
-  const usePinFromLink = () => guestLink?.match(/pin=\d+/)[0]?.split('=')[1];
-
-  // Takes alias from guestLink
-  const useAliasFromLink = () => guestLink?.split('&')[0]?.match(/conference=.+/)[0]?.split('=')[1];
-
-  /**
-   * Render information about the guest link
-   * @param {conferenceRoom} - The conference link alias
-   * @param {pin} - The guest pin
-   * @param {roleAccess} - Boolean for if the current user has access to the guest link
-   * @returns The room information
-  */
-  const renderRoomInfo = () => {
-    return (
-      <div style={roomInfoContainerStyle}>
-        <h3>{GUEST_LINK_LABELS.GUEST_CONFERENCE_ROOM}:<span style={{ fontWeight: 'normal' }}>{alias || useAliasFromLink()}</span></h3>
-        <h3>{GUEST_LINK_LABELS.GUEST_PIN}:<span style={{ fontWeight: 'normal' }}>{usePinFromLink()}#</span></h3>
-        <h3><CopyTextButton {...CopyTextButtonProps} /></h3>
-      </div>
-    );
-  };
-
-  return (
-    <div style={containerStyle}>
-      <h3>{GUEST_LINK_LABELS.GUEST_LINK_SECTION_LABEL}</h3>
-      {renderRoomInfo(alias, guestPin)}
-    </div>
-  );
-};
-
-DailyDocketGuestLinkSection.propTypes = {
-  linkInfo: PropTypes.shape({
-    guestLink: PropTypes.string,
-    guestPin: PropTypes.string,
-    alias: PropTypes.string,
-  }),
-};
diff --git a/client/app/hearings/components/dailyDocket/DailyDocketRow.jsx b/client/app/hearings/components/dailyDocket/DailyDocketRow.jsx
index df50c8f68cd..553c19fed6e 100644
--- a/client/app/hearings/components/dailyDocket/DailyDocketRow.jsx
+++ b/client/app/hearings/components/dailyDocket/DailyDocketRow.jsx
@@ -5,6 +5,7 @@ import { css } from 'glamor';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { isUndefined, isNil, isEmpty, omitBy, get } from 'lodash';
+import StringUtil from 'app/util/StringUtil';
 
 import HEARING_DISPOSITION_TYPES from '../../../../constants/HEARING_DISPOSITION_TYPES';
 
@@ -273,9 +274,11 @@ class DailyDocketRow extends React.Component {
   isLegacyHearing = () => this.props.hearing?.docketName === 'legacy';
 
   conferenceLinkOnClick = () => {
-    const { conferenceLink } = this.props;
+    const { conferenceLink, hearing } = this.props;
 
-    window.open(conferenceLink?.hostLink, 'Recording Session').focus();
+    const link = hearing.conferenceProvider === 'webex' ? hearing.nonVirtualConferenceLink : conferenceLink;
+
+    window.open(link.hostLink, 'Recording Session').focus();
   }
 
   getInputProps = () => {
@@ -375,11 +378,18 @@ class DailyDocketRow extends React.Component {
     return (
       <div {...inputSpacing}>
         {hearing?.isVirtual && <StaticVirtualHearing hearing={hearing} user={user} />}
-        {hearing?.isVirtual !== true && userJudgeOrCoordinator(user, hearing) && <Button
+        {hearing?.isVirtual !== true && !hearing?.scheduledForIsPast && userJudgeOrCoordinator(user, hearing) && <Button
           classNames={['usa-button-secondary']}
           type="button"
           disabled={this.props.conferenceLinkError}
-          onClick={this.conferenceLinkOnClick} > Connect to Recording System</Button>}
+          onClick={this.conferenceLinkOnClick} > Connect to Recording System</Button> }
+        {hearing?.isVirtual !== true && hearing?.scheduledForIsPast && userJudgeOrCoordinator(user, hearing) && <div>
+          <span>
+            Host Link: N/A
+          </span></div> }
+        {<div >
+          <b>{StringUtil.capitalizeFirst(hearing?.conferenceProvider || 'Pexip')} hearing</b>
+        </div>}
         <DispositionDropdown
           {...inputProps}
           cancelUpdate={this.cancelUpdate}
@@ -495,7 +505,11 @@ DailyDocketRow.propTypes = {
     externalId: PropTypes.string,
     disposition: PropTypes.string,
     scheduledForIsPast: PropTypes.bool,
-    scheduledTimeString: PropTypes.string
+    scheduledTimeString: PropTypes.string,
+    conferenceProvider: PropTypes.string,
+    nonVirtualConferenceLink: PropTypes.shape({
+      hostLink: PropTypes.string
+    })
   }),
   user: PropTypes.shape({
     userCanAssignHearingSchedule: PropTypes.bool,
diff --git a/client/app/hearings/components/dailyDocket/DailyDocketRowInputs.jsx b/client/app/hearings/components/dailyDocket/DailyDocketRowInputs.jsx
index 265027ce759..3c7db2c0550 100644
--- a/client/app/hearings/components/dailyDocket/DailyDocketRowInputs.jsx
+++ b/client/app/hearings/components/dailyDocket/DailyDocketRowInputs.jsx
@@ -19,6 +19,7 @@ import HEARING_DISPOSITION_TYPES from '../../../../constants/HEARING_DISPOSITION
 import {
   virtualHearingRoleForUser,
   virtualHearingLinkLabelFull,
+  virtualHearingScheduledDatePassedLabelFull,
   VIRTUAL_HEARING_HOST
 } from '../../utils';
 
@@ -108,7 +109,7 @@ export const HearingDetailsLink = ({ hearing }) => (
     <br />
     <div {...staticSpacing}>
       <Link to={`/${hearing.externalId}/details`}>
-        Edit Hearing Details
+       Hearing Details and links
         <span {...css({ position: 'absolute' })}><PencilIcon size={25} /></span>
       </Link>
     </div>
@@ -350,18 +351,22 @@ PreppedCheckbox.propTypes = {
 
 export const StaticVirtualHearing = ({ hearing, user }) => (
   <div>
-    <VirtualHearingLink
-      label={virtualHearingLinkLabelFull(virtualHearingRoleForUser(user, hearing))}
-      user={user}
-      hearing={hearing}
-      isVirtual={hearing.isVirtual}
-      virtualHearing={hearing.virtualHearing}
-      link={
-        virtualHearingRoleForUser(user, hearing) === VIRTUAL_HEARING_HOST ?
-        hearing?.virtualHearing?.hostLink :
-        hearing?.virtualHearing?.guestLink
-      }
-    />
+    { hearing?.scheduledForIsPast ? (
+      <span>{virtualHearingScheduledDatePassedLabelFull(virtualHearingRoleForUser(user, hearing))}</span>
+    ) : (
+      <VirtualHearingLink
+        label={virtualHearingLinkLabelFull(virtualHearingRoleForUser(user, hearing))}
+        user={user}
+        hearing={hearing}
+        isVirtual={hearing.isVirtual}
+        virtualHearing={hearing.virtualHearing}
+        link={
+          virtualHearingRoleForUser(user, hearing) === VIRTUAL_HEARING_HOST ?
+          hearing?.virtualHearing?.hostLink :
+          hearing?.virtualHearing?.guestLink
+        }
+      />
+    )}
     {hearing?.virtualHearing?.status === 'pending' && (
       <div {...staticSpacing}>
         <span {...css({ color: COLORS.GREY_MEDIUM })}>{COPY.VIRTUAL_HEARING_SCHEDULING_IN_PROGRESS}</span>
diff --git a/client/app/hearings/components/details/DetailsForm.jsx b/client/app/hearings/components/details/DetailsForm.jsx
index c528201c72b..075e28c20ac 100644
--- a/client/app/hearings/components/details/DetailsForm.jsx
+++ b/client/app/hearings/components/details/DetailsForm.jsx
@@ -117,12 +117,14 @@ const DetailsForm = (props) => {
         initialRepresentativeTz={initialHearing?.representativeTz}
       />
 
-      {!isLegacy && (
+      {/* Don't render Transcription Details section if Legacy Hearing AND Pexip conference provider*/}
+      {!(isLegacy && hearing.conferenceProvider === 'pexip') && (
         <TranscriptionFormSection
           hearing={hearing}
           readOnly={readOnly}
           transcription={hearing.transcription}
           update={update}
+          isLegacy={isLegacy}
         />
       )}
     </React.Fragment>
@@ -140,7 +142,8 @@ DetailsForm.propTypes = {
     wasVirtual: PropTypes.bool,
     isVirtual: PropTypes.bool,
     scheduledTimeString: PropTypes.string,
-    readableRequestType: PropTypes.string
+    readableRequestType: PropTypes.string,
+    conferenceProvider: PropTypes.string
   }),
   initialHearing: PropTypes.shape({
     virtualHearing: PropTypes.object
diff --git a/client/app/hearings/components/details/HearingLinks.jsx b/client/app/hearings/components/details/HearingLinks.jsx
index 4e7d1edd6b9..10f34bc059e 100644
--- a/client/app/hearings/components/details/HearingLinks.jsx
+++ b/client/app/hearings/components/details/HearingLinks.jsx
@@ -2,7 +2,6 @@ import { css } from 'glamor';
 import PropTypes from 'prop-types';
 import React from 'react';
 
-import { COLORS } from '../../../constants/AppConstants';
 import { VIRTUAL_HEARING_HOST, virtualHearingRoleForUser } from '../../utils';
 import {
   rowThirds,
@@ -20,16 +19,13 @@ export const VirtualHearingLinkDetails = ({
   role,
   link,
   hearing,
-  wasVirtual,
   isVirtual,
   user,
   label,
   virtualHearing
 }) => (
   <React.Fragment>
-    {hearing?.scheduledForIsPast || wasVirtual ? (
-      <span>Expired</span>
-    ) : (
+    {link ? (
       <VirtualHearingLink
         label={label}
         user={user}
@@ -38,18 +34,30 @@ export const VirtualHearingLinkDetails = ({
         link={link}
         hearing={hearing}
       />
+    ) : (
+      <span>N/A</span>
     )}
-    <div {...labelPaddingFirst}>
-      <strong>Conference Room: </strong>
-      {`${aliasWithHost}`}
-    </div>
-    <div {...labelPadding}>
-      <strong>PIN: </strong>
-      {pin}
-    </div>
-    {!hearing?.scheduledForIsPast && !wasVirtual && (
-      <CopyTextButton ariaLabel={`Copy ${role} Link`} text={`Copy ${role} Link`} textToCopy={link} />
+    {hearing.conferenceProvider === 'pexip' ? (
+      <>
+        <div {...labelPaddingFirst}>
+          <strong>Conference Room: </strong>
+          {aliasWithHost || 'N/A'}
+        </div>
+        <div {...labelPadding}>
+          <strong>PIN: </strong>
+          {pin || 'N/A'}
+        </div>
+      </>
+    ) : (
+      <div {...labelPaddingFirst} className="helper-text">
+        {link}
+      </div>
     )}
+    <CopyTextButton
+      ariaLabel={`Copy ${role} Link`}
+      text={`Copy ${role} Link`}
+      textToCopy={link}
+    />
   </React.Fragment>
 );
 
@@ -70,13 +78,18 @@ VirtualHearingLinkDetails.propTypes = {
 };
 
 export const LinkContainer = (
-  { link, linkText, user, hearing, isVirtual, wasVirtual, virtualHearing, role, label }
-) => (
-  <div id={`${role.toLowerCase()}-hearings-link`} {...css({ marginTop: '1.5rem' })}>
-    <strong>{label}: </strong>
-    {!virtualHearing || virtualHearing?.status === 'pending' ? (
-      <span {...css({ color: COLORS.GREY_MEDIUM })}>{COPY.VIRTUAL_HEARING_SCHEDULING_IN_PROGRESS}</span>
-    ) : (
+  { link, linkText, user, hearing, isVirtual, wasVirtual, virtualHearing, role, label, links }
+) => {
+  // The pin used depends on the role and link used depends on virtual or not
+  const getPin = () => {
+    const isPexipHearingCoordinator = (hearing.conferenceProvider === 'pexip' && role === 'HC');
+
+    return (role === 'VLJ' || isPexipHearingCoordinator) ? links?.hostPin : links?.guestPin;
+  };
+
+  return (
+    <div id={`${role.toLowerCase()}-hearings-link`} {...css({ marginTop: '1.5rem' })}>
+      <strong>{label}: </strong>
       <VirtualHearingLinkDetails
         label={linkText}
         user={user}
@@ -86,12 +99,12 @@ export const LinkContainer = (
         hearing={hearing}
         link={link}
         role={role}
-        aliasWithHost={virtualHearing?.aliasWithHost}
-        pin={role === 'VLJ' ? virtualHearing?.hostPin : virtualHearing?.guestPin}
+        aliasWithHost={isVirtual ? links?.aliasWithHost : links?.alias}
+        pin={links && getPin()}
       />
-    )}
-  </div>
-);
+    </div>
+  );
+};
 
 LinkContainer.propTypes = {
   hearing: PropTypes.object,
@@ -102,41 +115,75 @@ LinkContainer.propTypes = {
   role: PropTypes.string,
   user: PropTypes.object,
   virtualHearing: PropTypes.object,
-  wasVirtual: PropTypes.bool
+  wasVirtual: PropTypes.bool,
+  links: PropTypes.object
 };
 
-export const HearingLinks = ({ hearing, virtualHearing, isVirtual, wasVirtual, user }) => {
-  if (!isVirtual && !wasVirtual) {
-    return null;
-  }
-
+export const HearingLinks = ({ hearing, virtualHearing, isVirtual, wasVirtual, user, isCancelled }) => {
+  const {
+    scheduledForIsPast,
+    conferenceProvider,
+    dailyDocketConferenceLink,
+    nonVirtualConferenceLink
+  } = hearing;
   const showHostLink = virtualHearingRoleForUser(user, hearing) === VIRTUAL_HEARING_HOST;
 
+  const getLinks = () => {
+    if (scheduledForIsPast || isCancelled) {
+      return null;
+    } else if (isVirtual) {
+      return virtualHearing;
+    } else if (conferenceProvider === 'pexip') {
+      return dailyDocketConferenceLink;
+    } else if (conferenceProvider === 'webex') {
+      return nonVirtualConferenceLink;
+    }
+  };
+
+  const links = getLinks();
+
   return (
     <div {...rowThirds} {...hearingLinksContainer}>
-      {showHostLink && <LinkContainer
-        hearing={hearing}
-        isVirtual={isVirtual}
-        label={COPY.VLJ_VIRTUAL_HEARING_LINK_LABEL}
-        link={virtualHearing?.hostLink}
-        linkText={COPY.VLJ_VIRTUAL_HEARINGS_LINK_TEXT}
-        role="VLJ"
-        user={user}
-        virtualHearing={virtualHearing}
-        wasVirtual={wasVirtual}
-      />}
+      {showHostLink && (
+        <>
+          <LinkContainer
+            hearing={hearing}
+            isVirtual={isVirtual}
+            label={COPY.VLJ_VIRTUAL_HEARING_LINK_LABEL}
+            link={links?.hostLink}
+            linkText={COPY.VLJ_VIRTUAL_HEARINGS_LINK_TEXT}
+            role="VLJ"
+            user={user}
+            virtualHearing={virtualHearing}
+            wasVirtual={wasVirtual}
+            links={links}
+          />
+          <LinkContainer
+            hearing={hearing}
+            isVirtual={isVirtual}
+            label={COPY.HC_VIRTUAL_HEARING_LINK_LABEL}
+            link={conferenceProvider === 'webex' ? links?.coHostLink : links?.hostLink}
+            linkText={COPY.VLJ_VIRTUAL_HEARINGS_LINK_TEXT}
+            role="HC"
+            user={user}
+            virtualHearing={virtualHearing}
+            wasVirtual={wasVirtual}
+            links={links}
+          />
+        </>
+      )}
       <LinkContainer
         hearing={hearing}
         isVirtual={isVirtual}
         label={COPY.GUEST_VIRTUAL_HEARING_LINK_LABEL}
-        link={virtualHearing?.guestLink}
+        link={links?.guestLink}
         linkText={COPY.GUEST_VIRTUAL_HEARINGS_LINK_TEXT}
         role="Guest"
         user={user}
         virtualHearing={virtualHearing}
         wasVirtual={wasVirtual}
+        links={links}
       />
-      <div />
     </div>
   );
 };
@@ -146,5 +193,6 @@ HearingLinks.propTypes = {
   hearing: PropTypes.object,
   isVirtual: PropTypes.bool,
   wasVirtual: PropTypes.bool,
-  virtualHearing: PropTypes.object
+  virtualHearing: PropTypes.object,
+  isCancelled: PropTypes.bool
 };
diff --git a/client/app/hearings/components/details/TranscriptionFilesTable.jsx b/client/app/hearings/components/details/TranscriptionFilesTable.jsx
new file mode 100644
index 00000000000..2757b61ecd5
--- /dev/null
+++ b/client/app/hearings/components/details/TranscriptionFilesTable.jsx
@@ -0,0 +1,94 @@
+import PropTypes from 'prop-types';
+import React, { useState, useEffect } from 'react';
+import _ from 'lodash';
+import moment from 'moment-timezone';
+
+import Link from '../../../components/Link';
+import Table from '../../../components/Table';
+import { genericRow } from './style';
+import DocketTypeBadge from '../../../components/DocketTypeBadge';
+import { COLORS } from '../../../constants/AppConstants';
+import { DownloadIcon } from '../../../components/icons/DownloadIcon';
+
+const transcriptionFileColumns = [
+  {
+    align: 'left',
+    valueFunction: (rowObject) => rowObject.docketName && (
+      <span>
+        <DocketTypeBadge name={rowObject.docketName} number={rowObject.docketNumber} />
+        {rowObject.docketNumber}
+      </span>
+    ),
+    header: 'Docket(s)'
+  },
+  {
+    align: 'left',
+    valueName: 'dateUploadAws',
+    valueFunction: (rowObject) => moment(rowObject.dateUploadAws).format('MM/DD/YYYY'),
+    header: 'Uploaded',
+  },
+  {
+    align: 'left',
+    valueFunction: (rowObject) => (
+      <Link href={`/hearings/transcription_file/${rowObject.id}/download`}>
+        {rowObject.fileName}
+        <DownloadIcon color={COLORS.PRIMARY} />
+      </Link>
+    ),
+    header: 'File Link'
+  },
+  {
+    align: 'left',
+    valueName: 'fileStatus',
+    header: 'Status'
+  }
+];
+
+const rowClassNames = (rowObject) => `${rowObject.isEvenGroup ? 'even' : 'odd'}-row-group`;
+
+const TranscriptionFilesTable = ({ hearing }) => {
+  const [rows, setRows] = useState([]);
+
+  // Format table to group files by docket number and style accordingly
+  const buildRowsFromFileGroups = () => {
+    // Flatten nested objects into nested arrays
+    const fileGroups = _.values(hearing.transcriptionFiles).map((rec) => _.values(rec));
+
+    return fileGroups.map((fileGroup, groupIndex) => {
+      return fileGroup.map((file, fileIndex) => {
+        return {
+          ...file,
+          isEvenGroup: groupIndex % 2 === 0,
+          docketName: fileIndex === 0 ? file.hearingType : null,
+          docketNumber: fileIndex === 0 ? file.docketNumber : null
+        };
+      });
+    }).flat();
+  };
+
+  useEffect(() => {
+    setRows(buildRowsFromFileGroups());
+  }, []);
+
+  return (
+    <div {...genericRow}>
+      <Table
+        className="transcription-files-table"
+        columns={transcriptionFileColumns}
+        getKeyForRow={(index) => index}
+        rowObjects={rows}
+        rowClassNames={rowClassNames}
+      />
+    </div>
+  );
+};
+
+TranscriptionFilesTable.propTypes = {
+  hearing: PropTypes.shape({
+    transcriptionFiles: PropTypes.object,
+    docketName: PropTypes.string,
+    docketNumber: PropTypes.string
+  })
+};
+
+export default TranscriptionFilesTable;
diff --git a/client/app/hearings/components/details/TranscriptionFormSection.jsx b/client/app/hearings/components/details/TranscriptionFormSection.jsx
index 1e3169dfcb2..81e73f794b3 100644
--- a/client/app/hearings/components/details/TranscriptionFormSection.jsx
+++ b/client/app/hearings/components/details/TranscriptionFormSection.jsx
@@ -5,33 +5,51 @@ import { ContentSection } from '../../../components/ContentSection';
 import TranscriptionDetailsInputs from './TranscriptionDetailsInputs';
 import TranscriptionProblemInputs from './TranscriptionProblemInputs';
 import TranscriptionRequestInputs from './TranscriptionRequestInputs';
+import TranscriptionFilesTable from './TranscriptionFilesTable';
+import { genericRow } from './style';
 
 export const TranscriptionFormSection = (
-  { hearing, transcription, readOnly, update }
+  { hearing, transcription, readOnly, update, isLegacy }
 ) => (
   <ContentSection header="Transcription Details">
-    <TranscriptionDetailsInputs
-      title="Transcription Details"
-      transcription={transcription}
-      update={(values) => update('transcription', values)}
-      readOnly={readOnly}
-    />
-    <div className="cf-help-divider" />
+    {/* If Legacy Hearing and conference provider Webex, only render Transcription Files table */}
+    {!isLegacy && (
+      <>
+        <TranscriptionDetailsInputs
+          title="Transcription Details"
+          transcription={transcription}
+          update={(values) => update('transcription', values)}
+          readOnly={readOnly}
+        />
+        <div className="cf-help-divider" />
 
-    <h3>Transcription Problem</h3>
-    <TranscriptionProblemInputs
-      transcription={transcription}
-      update={(values) => update('transcription', values)}
-      readOnly={readOnly}
-    />
-    <div className="cf-help-divider" />
+        <h3>Transcription Problem</h3>
+        <TranscriptionProblemInputs
+          transcription={transcription}
+          update={(values) => update('transcription', values)}
+          readOnly={readOnly}
+        />
+        <div className="cf-help-divider" />
 
-    <h3>Transcription Request</h3>
-    <TranscriptionRequestInputs
-      hearing={hearing}
-      update={(values) => update('hearing', values)}
-      readOnly={readOnly}
-    />
+        <h3>Transcription Request</h3>
+        <TranscriptionRequestInputs
+          hearing={hearing}
+          update={(values) => update('hearing', values)}
+          readOnly={readOnly}
+        />
+        {hearing.conferenceProvider === 'webex' && <div className="cf-help-divider" />}
+      </>
+    )}
+
+    {/* If conference provider not Webex, do not render Transcriptoin Files table */}
+    {hearing.conferenceProvider === 'webex' && (
+      <>
+        <h3 {...(isLegacy && { ...genericRow })}>Transcription Files</h3>
+        <TranscriptionFilesTable
+          hearing={hearing}
+        />
+      </>
+    )}
   </ContentSection>
 );
 
@@ -39,5 +57,6 @@ TranscriptionFormSection.propTypes = {
   update: PropTypes.func,
   hearing: PropTypes.object,
   readOnly: PropTypes.bool,
-  transcription: PropTypes.object
+  transcription: PropTypes.object,
+  isLegacy: PropTypes.bool
 };
diff --git a/client/app/hearings/components/details/VirtualHearingFields.jsx b/client/app/hearings/components/details/VirtualHearingFields.jsx
index 08c807de10d..fd6a3c70ec8 100644
--- a/client/app/hearings/components/details/VirtualHearingFields.jsx
+++ b/client/app/hearings/components/details/VirtualHearingFields.jsx
@@ -1,27 +1,36 @@
 import PropTypes from 'prop-types';
 import React, { useContext } from 'react';
+import { css } from 'glamor';
 
 import { ContentSection } from '../../../components/ContentSection';
 import { HearingLinks } from './HearingLinks';
 import { HearingsUserContext } from '../../contexts/HearingsUserContext';
+import StringUtil from '../../../util/StringUtil';
 
 export const VirtualHearingFields = ({ hearing, virtualHearing }) => {
-  if (!hearing?.isVirtual && !hearing?.wasVirtual) {
-    return null;
-  }
-
   const user = useContext(HearingsUserContext);
 
+  const checkCancelled = () => {
+    const disposition = ['postponed', 'cancelled', 'scheduled_in_error'];
+
+    return disposition.includes(hearing?.disposition);
+  };
+
   return (
     <ContentSection
-      header={`${hearing?.wasVirtual ? 'Previous ' : ''}Virtual Hearing Links`}
+      header="Hearing Links"
     >
+      <div {...css({ marginTop: '1.5rem' })}>
+        <strong>{StringUtil.capitalizeFirst(hearing.conferenceProvider)} Hearing</strong>
+      </div>
       <HearingLinks
         user={user}
         hearing={hearing}
         virtualHearing={virtualHearing}
+        scheduledForIsPast={hearing?.scheduledForIsPast}
         isVirtual={hearing?.isVirtual}
         wasVirtual={hearing?.wasVirtual}
+        isCancelled={checkCancelled()}
       />
     </ContentSection>
   );
@@ -35,7 +44,8 @@ VirtualHearingFields.propTypes = {
     appellantIsNotVeteran: PropTypes.bool,
     scheduledForIsPast: PropTypes.bool,
     wasVirtual: PropTypes.bool,
-    isVirtual: PropTypes.bool
+    isVirtual: PropTypes.bool,
+    conferenceProvider: PropTypes.string
   }),
   initialHearing: PropTypes.shape({
     virtualHearing: PropTypes.object
@@ -44,7 +54,7 @@ VirtualHearingFields.propTypes = {
   virtualHearing: PropTypes.shape({
     appellantEmail: PropTypes.string,
     representativeEmail: PropTypes.string,
-    jobCompleted: PropTypes.bool
+    jobCompleted: PropTypes.bool,
   }),
   errors: PropTypes.shape({
     appellantEmail: PropTypes.string,
diff --git a/client/app/hearings/constants.js b/client/app/hearings/constants.js
index c4407d2267b..c430e7a7c49 100644
--- a/client/app/hearings/constants.js
+++ b/client/app/hearings/constants.js
@@ -91,14 +91,6 @@ export const ACTIONS = {
   HANDLE_CONFERENCE_LINK_ERROR: 'HANDLE_CONFERENCE_LINK_ERROR'
 };
 
-// Labels for guest link
-export const GUEST_LINK_LABELS = {
-  COPY_GUEST_LINK: 'Copy Guest Link',
-  GUEST_LINK_SECTION_LABEL: 'Guest links for non-virtual hearings',
-  GUEST_CONFERENCE_ROOM: 'Conference Room',
-  GUEST_PIN: 'PIN',
-}
-
 export const SPREADSHEET_TYPES = {
   RoSchedulePeriod: {
     value: 'RoSchedulePeriod',
diff --git a/client/app/hearings/utils.js b/client/app/hearings/utils.js
index b4a38677e5a..72994842d10 100644
--- a/client/app/hearings/utils.js
+++ b/client/app/hearings/utils.js
@@ -219,6 +219,11 @@ export const virtualHearingLinkLabelFull = (role) =>
     COPY.VLJ_VIRTUAL_HEARING_LINK_LABEL_FULL :
     COPY.REPRESENTATIVE_VIRTUAL_HEARING_LINK_LABEL;
 
+export const virtualHearingScheduledDatePassedLabelFull = (role) =>
+role === VIRTUAL_HEARING_HOST ?
+`${COPY.VLJ_VIRTUAL_HEARING_LINK_LABEL_FULL}: N/A` :
+`${COPY.REPRESENTATIVE_VIRTUAL_HEARING_PASSED_LABEL}: N/A`;
+
 export const pollVirtualHearingData = (hearingId, onSuccess) => (
   // Did not specify retryCount so if api call fails, it'll stop polling.
   // If need to retry on failure, pass in retryCount
diff --git a/client/app/queue/OrganizationUsers.jsx b/client/app/queue/OrganizationUsers.jsx
index 886850ccba6..de900bf9009 100644
--- a/client/app/queue/OrganizationUsers.jsx
+++ b/client/app/queue/OrganizationUsers.jsx
@@ -1,8 +1,9 @@
+/* eslint-disable max-lines */
 /* eslint-disable no-nested-ternary */
 /* eslint-disable max-len */
+
 import React from 'react';
 import PropTypes from 'prop-types';
-import { css } from 'glamor';
 import { sprintf } from 'sprintf-js';
 import AppSegment from '@department-of-veterans-affairs/caseflow-frontend-toolkit/components/AppSegment';
 
@@ -16,33 +17,7 @@ import { LOGO_COLORS } from '../constants/AppConstants';
 import COPY from '../../COPY';
 import LoadingDataDisplay from '../components/LoadingDataDisplay';
 import MembershipRequestTable from './MembershipRequestTable';
-
-const userStyle = css({
-  margin: '.5rem 0 .5rem',
-  padding: '.5rem 0 .5rem',
-  listStyle: 'none'
-});
-const topUserStyle = css({
-  borderTop: '.1rem solid gray',
-  margin: '.5rem 0 .5rem',
-  padding: '1rem 0 .5rem',
-  listStyle: 'none'
-});
-const topUserBorder = css({
-  borderBottom: '.1rem solid gray',
-});
-const buttonStyle = css({
-  paddingRight: '1rem',
-  display: 'inline-block'
-});
-const buttonContainerStyle = css({
-  borderBottom: '1rem solid gray',
-  borderWidth: '1px',
-  padding: '.5rem 0 2rem',
-});
-const listStyle = css({
-  listStyle: 'none'
-});
+import SelectConferenceTypeRadioField from './SelectConferenceTypeRadioField';
 
 export default class OrganizationUsers extends React.PureComponent {
   constructor(props) {
@@ -226,7 +201,7 @@ export default class OrganizationUsers extends React.PureComponent {
   }
 
   adminButton = (user, admin) =>
-    <div {...buttonStyle}><Button
+    <div className="button-style"><Button
       name={admin ? COPY.USER_MANAGEMENT_REMOVE_USER_ADMIN_RIGHTS_BUTTON_TEXT : COPY.USER_MANAGEMENT_GIVE_USER_ADMIN_RIGHTS_BUTTON_TEXT}
       id={admin ? `Remove-admin-rights-${user.id}` : `Add-team-admin-${user.id}`}
       classNames={admin ? ['usa-button-secondary'] : ['usa-button-primary']}
@@ -234,7 +209,7 @@ export default class OrganizationUsers extends React.PureComponent {
       onClick={this.modifyAdminRights(user, !admin)} /></div>
 
   removeUserButton = (user) =>
-    <div {...buttonStyle}><Button
+    <div className="button-style"><Button
       name={COPY.USER_MANAGEMENT_REMOVE_USER_FROM_ORG_BUTTON_TEXT}
       id={`Remove-user-${user.id}`}
       classNames={['usa-button-secondary']}
@@ -258,24 +233,50 @@ getFilteredUsers = () => {
   mainContent = () => {
     const judgeTeam = this.state.judgeTeam;
     const dvcTeam = this.state.dvcTeam;
-    const listOfUsers = this.getFilteredUsers().map((user, i) => {
+    const listOfUsers = this.getFilteredUsers().map((user) => {
       const { dvc, admin } = user.attributes;
-      const style = i === 0 ? topUserStyle : userStyle;
-
-      return <React.Fragment key={user.id}>
-        <li key={user.id} {...style}>{this.formatName(user)}
-          { judgeTeam && admin && <strong> ( {COPY.USER_MANAGEMENT_JUDGE_LABEL} )</strong> }
-          { dvcTeam && dvc && <strong> ( {COPY.USER_MANAGEMENT_DVC_LABEL} )</strong> }
-          { judgeTeam && !admin && <strong> ( {COPY.USER_MANAGEMENT_ATTORNEY_LABEL} )</strong> }
-          { (judgeTeam || dvcTeam) && admin && <strong> ( {COPY.USER_MANAGEMENT_ADMIN_LABEL} )</strong> }
-        </li>
-        { (judgeTeam || dvcTeam) && admin ?
-          <div {...topUserBorder}></div> :
-          <div {...buttonContainerStyle}>
-            { (judgeTeam || dvcTeam) ? '' : this.adminButton(user, admin) }
-            { this.removeUserButton(user) }
-          </div> }
-      </React.Fragment>;
+      const { conferenceSelectionVisibility } = this.props;
+
+      return (
+        <React.Fragment key={user.id}>
+          <li key={user.id} className="user-list-item">
+            <div className="title-buttons">
+              { this.formatName(user) }
+              { judgeTeam && admin && <strong> ( {COPY.USER_MANAGEMENT_JUDGE_LABEL} )</strong> }
+              { dvcTeam && dvc && <strong> ( {COPY.USER_MANAGEMENT_DVC_LABEL} )</strong> }
+              { judgeTeam && !admin && <strong> ( {COPY.USER_MANAGEMENT_ATTORNEY_LABEL} )</strong> }
+              { (judgeTeam || dvcTeam) && admin && <strong> ( {COPY.USER_MANAGEMENT_ADMIN_LABEL} )</strong> }
+
+              {
+                (judgeTeam || dvcTeam) && admin ?
+                  null :
+                  <div>
+                    { (judgeTeam || dvcTeam) ? '' : this.adminButton(user, admin) }
+                    { this.removeUserButton(user) }
+                  </div>
+              }
+
+            </div>
+            {this.state.organizationName === 'Hearings Management' &&
+                    conferenceSelectionVisibility && (
+              <div className="button-style">
+                <div>
+                  <SelectConferenceTypeRadioField
+                    key={`${user.id}-conference-selection`}
+                    name={user.id}
+                    conferenceProvider={
+                      user.attributes.conference_provider
+                    }
+                    organization={this.props.organization}
+                    user={user}
+                  />
+                </div>
+              </div>
+            )}
+
+          </li>
+        </React.Fragment>
+      );
     });
 
     const handleSearchChange = (value) => {
@@ -292,26 +293,27 @@ getFilteredUsers = () => {
 
     return <React.Fragment>
       <h2>{COPY.USER_MANAGEMENT_ADD_USER_TO_ORG_DROPDOWN_LABEL}</h2>
-      <SearchableDropdown
-        name={COPY.USER_MANAGEMENT_ADD_USER_TO_ORG_DROPDOWN_NAME}
-        hideLabel
-        searchable
-        clearOnSelect
-        readOnly={Boolean(this.state.addingUser)}
-        placeholder={
-          this.state.addingUser ?
+      <div className="add-dropdown">
+        <SearchableDropdown
+          name={COPY.USER_MANAGEMENT_ADD_USER_TO_ORG_DROPDOWN_NAME}
+          hideLabel
+          searchable
+          clearOnSelect
+          readOnly={Boolean(this.state.addingUser)}
+          placeholder={
+            this.state.addingUser ?
             `${COPY.USER_MANAGEMENT_ADD_USER_LOADING_MESSAGE} ${this.formatName(this.state.addingUser)}` :
-            COPY.USER_MANAGEMENT_ADD_USER_TO_ORG_DROPDOWN_TEXT
-        }
-        noResultsText={COPY.TEAM_MANAGEMENT_DROPDOWN_LABEL}
-        value={null}
-        onChange={this.addUser}
-        async={this.asyncLoadUser} />
-      <br />
+              COPY.USER_MANAGEMENT_ADD_USER_TO_ORG_DROPDOWN_TEXT
+          }
+          noResultsText={COPY.TEAM_MANAGEMENT_DROPDOWN_LABEL}
+          value={null}
+          onChange={this.addUser}
+          async={this.asyncLoadUser} />
+      </div>
       <div>
         <div>
           <h2>{COPY.USER_MANAGEMENT_EDIT_USER_IN_ORG_LABEL}</h2>
-          <ul {...listStyle}>
+          <ul className="instruction-list">
             { (judgeTeam || dvcTeam) ? '' : <li><strong>{COPY.USER_MANAGEMENT_ADMIN_RIGHTS_HEADING}</strong>{COPY.USER_MANAGEMENT_ADMIN_RIGHTS_DESCRIPTION}</li> }
             <li><strong>{COPY.USER_MANAGEMENT_REMOVE_USER_HEADING}</strong>{ judgeTeam ?
               COPY.USER_MANAGEMENT_JUDGE_TEAM_REMOVE_USER_DESCRIPTION :
@@ -334,7 +336,7 @@ getFilteredUsers = () => {
           </div>
         </div>
         { listOfUsers.length > 0 ? (
-          <ul>{listOfUsers}</ul>
+          <ul className="user-list">{listOfUsers}</ul>
         ) : (
           <>
             <p className="no-results-found-styling">No results found</p>
@@ -342,7 +344,6 @@ getFilteredUsers = () => {
           </>
         )
         }
-
       </div>
     </React.Fragment>;
   }
@@ -414,5 +415,6 @@ getFilteredUsers = () => {
 }
 
 OrganizationUsers.propTypes = {
-  organization: PropTypes.string
+  organization: PropTypes.string,
+  conferenceSelectionVisibility: PropTypes.bool
 };
diff --git a/client/app/queue/QueueApp.jsx b/client/app/queue/QueueApp.jsx
index a0c0a7c447d..06d50aa6530 100644
--- a/client/app/queue/QueueApp.jsx
+++ b/client/app/queue/QueueApp.jsx
@@ -17,6 +17,7 @@ import {
   setCanEditCavcDashboards,
   setCanViewCavcDashboards,
   setFeatureToggles,
+  setMeetingType,
   setUserId,
   setUserRole,
   setUserCssId,
@@ -115,6 +116,7 @@ class QueueApp extends React.PureComponent {
     this.props.setCanEditAod(this.props.canEditAod);
     this.props.setCanEditNodDate(this.props.userCanViewEditNodDate);
     this.props.setUserIsCobAdmin(this.props.userIsCobAdmin);
+    this.props.setMeetingType(this.props.conferenceProvider);
     this.props.setCanEditCavcRemands(this.props.canEditCavcRemands);
     this.props.setCanEditCavcDashboards(this.props.canEditCavcDashboards);
     this.props.setCanViewCavcDashboards(this.props.canViewCavcDashboards);
@@ -602,7 +604,9 @@ class QueueApp extends React.PureComponent {
   };
 
   routedOrganizationUsers = (props) => (
-    <OrganizationUsers {...props.match.params} />
+    <OrganizationUsers {...props.match.params}
+      conferenceSelectionVisibility = {this.props.featureToggles.conference_selection_visibility}
+    />
   );
 
   routedTeamManagement = (props) => <TeamManagement {...props.match.params} featureToggles={this.props.featureToggles} />;
@@ -948,7 +952,8 @@ class QueueApp extends React.PureComponent {
               render={this.routedAssignToUser}
             />
             <Route
-              path={`/queue/appeals/:appealId/tasks/:taskId/${TASK_ACTIONS.ASSIGN_TO_PRIVACY_TEAM.value
+              path={`/queue/appeals/:appealId/tasks/:taskId/${
+                  TASK_ACTIONS.ASSIGN_TO_PRIVACY_TEAM.value
                 }`}
               render={this.routedAssignToSingleTeam}
             />
@@ -1161,7 +1166,8 @@ class QueueApp extends React.PureComponent {
             />
             <PageRoute
               exact
-              path={`/queue/appeals/:appealId/tasks/:taskId/${TASK_ACTIONS.MARK_COMPLETE.value
+              path={`/queue/appeals/:appealId/tasks/:taskId/${
+                  TASK_ACTIONS.MARK_COMPLETE.value
                 }`}
               title={`${PAGE_TITLES.MARK_TASK_COMPLETE} | Caseflow`}
               render={this.routedCompleteTaskModal}
@@ -1484,6 +1490,8 @@ QueueApp.propTypes = {
   canEditCavcDashboards: PropTypes.bool,
   canViewCavcDashboards: PropTypes.bool,
   userIsCobAdmin: PropTypes.bool,
+  conferenceProvider: PropTypes.string,
+  setMeetingType: PropTypes.string
 };
 
 const mapStateToProps = (state) => ({
@@ -1496,6 +1504,7 @@ const mapDispatchToProps = (dispatch) =>
       setCanEditAod,
       setCanEditNodDate,
       setUserIsCobAdmin,
+      setMeetingType,
       setCanEditCavcRemands,
       setCanEditCavcDashboards,
       setCanViewCavcDashboards,
diff --git a/client/app/queue/SelectConferenceTypeRadioField.jsx b/client/app/queue/SelectConferenceTypeRadioField.jsx
new file mode 100644
index 00000000000..52c3417e2a5
--- /dev/null
+++ b/client/app/queue/SelectConferenceTypeRadioField.jsx
@@ -0,0 +1,62 @@
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import ApiUtil from '../util/ApiUtil';
+
+import RadioField from '../components/RadioField';
+import COPY from '../../COPY';
+
+const radioOptions = [
+  { displayText: 'Pexip', value: 'pexip' },
+  { displayText: 'Webex', value: 'webex' },
+];
+
+const SelectConferenceTypeRadioField = ({
+  name,
+  conferenceProvider,
+  organization,
+  user,
+}) => {
+  const [value, setValue] = useState(conferenceProvider);
+
+  const modifyConferenceType = (newConferenceProvider) => {
+    const payload = {
+      data: {
+        ...user,
+        attributes: {
+          ...user.attributes,
+          conference_provider: newConferenceProvider,
+        },
+      },
+    };
+
+    ApiUtil.patch(`/organizations/${organization}/users/${user.id}`, payload);
+  };
+
+  return (
+    <>
+      <RadioField
+        label={COPY.USER_MANAGEMENT_SELECT_HEARINGS_CONFERENCE_TYPE}
+        name={name}
+        options={radioOptions}
+        value={value}
+        onChange={(newValue) =>
+          setValue(newValue) || modifyConferenceType(newValue)
+        }
+        vertical
+      />
+    </>
+  );
+};
+
+SelectConferenceTypeRadioField.propTypes = {
+  name: PropTypes.string,
+  onClick: PropTypes.func,
+  conferenceProvider: PropTypes.string,
+  organization: PropTypes.string,
+  user: PropTypes.shape({
+    id: PropTypes.string,
+    attributes: PropTypes.object,
+  }),
+};
+
+export default SelectConferenceTypeRadioField;
diff --git a/client/app/queue/uiReducer/uiActions.js b/client/app/queue/uiReducer/uiActions.js
index b479848b394..47fbe37eb02 100644
--- a/client/app/queue/uiReducer/uiActions.js
+++ b/client/app/queue/uiReducer/uiActions.js
@@ -48,6 +48,13 @@ export const setUserIsCobAdmin = (userIsCobAdmin) => ({
   }
 });
 
+export const setMeetingType = (conferenceProvider) => ({
+  type: ACTIONS.SET_CONFERENCE_PROVIDER,
+  payload: {
+    conferenceProvider
+  }
+});
+
 export const setCanViewOvertimeStatus = (canViewOvertimeStatus) => ({
   type: ACTIONS.SET_CAN_VIEW_OVERTIME_STATUS,
   payload: {
diff --git a/client/app/queue/uiReducer/uiConstants.js b/client/app/queue/uiReducer/uiConstants.js
index 15723d7f431..d8dab0638ab 100644
--- a/client/app/queue/uiReducer/uiConstants.js
+++ b/client/app/queue/uiReducer/uiConstants.js
@@ -8,6 +8,7 @@ export const ACTIONS = {
   SET_FEEDBACK_URL: 'SET_FEEDBACK_URL',
 
   SET_TARGET_USER: 'SET_TARGET_USER',
+  SET_CONFERENCE_PROVIDER: 'SET_CONFERENCE_PROVIDER',
 
   HIGHLIGHT_INVALID_FORM_ITEMS: 'HIGHLIGHT_INVALID_FORM_ITEMS',
   RESET_ERROR_MESSAGES: 'RESET_ERROR_MESSAGES',
diff --git a/client/app/queue/uiReducer/uiReducer.js b/client/app/queue/uiReducer/uiReducer.js
index 96a66077b1c..94dc63eaf7e 100644
--- a/client/app/queue/uiReducer/uiReducer.js
+++ b/client/app/queue/uiReducer/uiReducer.js
@@ -100,6 +100,10 @@ const workQueueUiReducer = (state = initialState, action = {}) => {
     return update(state, {
       userIsCobAdmin: { $set: action.payload.userIsCobAdmin }
     });
+  case ACTIONS.SET_CONFERENCE_PROVIDER:
+    return update(state, {
+      conferenceProvider: { $set: action.payload.conferenceProvider }
+    });
   case ACTIONS.SET_CAN_EDIT_CAVC_REMANDS:
     return update(state, {
       canEditCavcRemands: { $set: action.payload.canEditCavcRemands }
diff --git a/client/app/styles/_commons.scss b/client/app/styles/_commons.scss
index c5ff8c2e62e..f010f599ded 100644
--- a/client/app/styles/_commons.scss
+++ b/client/app/styles/_commons.scss
@@ -1174,7 +1174,7 @@ ul {
     &::before {
       position: absolute;
       left: 3px;
-      top: 2px;
+      top: 6px;
     }
   }
 }
diff --git a/client/app/styles/_team_management.scss b/client/app/styles/_team_management.scss
index d5b01198ced..ef9dc0dc8ea 100644
--- a/client/app/styles/_team_management.scss
+++ b/client/app/styles/_team_management.scss
@@ -69,7 +69,6 @@
 
 .search-bar-styling-for-filter {
   padding-left: 80px;
-  margin-top: 20px;
   margin-bottom: 15px;
   justify-self: right;
   display: block;
@@ -79,7 +78,7 @@
   padding-left: 80px;
   justify-self: flex-end;
   display: flex;
-  margin-bottom: 5px;
+  margin-bottom: 10px;
 }
 
 .no-results-found-styling {
@@ -101,3 +100,39 @@
   padding-left: 55vw;
   margin-right: 15vw;
 }
+
+.add-dropdown {
+  padding: 3rem 0 4rem;
+}
+
+.instruction-list {
+  list-style: none;
+  margin: 0 0 0 3rem;
+  padding: 1.5rem 0 2rem;
+  font-size: 19px;
+}
+
+.user-list {
+  margin: 0;
+}
+
+.user-list-item {
+  display: flex;
+  flex-wrap: wrap;
+  border-top: .1rem solid $color-black;
+  padding: 4rem 0 2rem;
+  margin: 0;
+
+  &:first-child {
+    margin-top: 30px;
+  }
+}
+
+.title-buttons {
+  width: 60rem;
+}
+
+.button-style {
+  padding: 1rem 2.5rem 2rem 0;
+  display: inline-block;
+}
diff --git a/client/app/styles/hearings/_hearings.scss b/client/app/styles/hearings/_hearings.scss
index 5abb0a3d001..c3bce185a8c 100644
--- a/client/app/styles/hearings/_hearings.scss
+++ b/client/app/styles/hearings/_hearings.scss
@@ -709,3 +709,58 @@ $form-width: 575px;
 .hearing-time-scheduled-in-timezone {
   margin-top: 0;
 }
+
+// Transcription Files Table
+.transcription-files-table {
+  margin-top: 0;
+
+  *:focus {
+    outline: none;
+  }
+
+  th:first-child {
+    padding-left: 2.5rem;
+  }
+
+  tbody {
+
+    tr {
+      &:first-child td {
+        padding-top: 3rem;
+      }
+
+      &.even-row-group td {
+        background-color: $cf-background;
+      }
+
+      td {
+        border: 0;
+        padding-top: 0;
+        padding-bottom: 3rem;
+
+        &:first-child {
+          padding-left: 2.5rem;
+        }
+
+        &:last-child {
+          font-style: italic;
+        }
+
+        a {
+          display: inline-flex;
+          align-items: center;
+        }
+
+        svg {
+          margin-left: 1rem;
+        }
+      }
+    }
+
+    .even-row-group + .odd-row-group td,
+    .odd-row-group + .even-row-group td {
+      border-top: 1px solid $color-gray-lighter;
+      padding-top: 3rem;
+    }
+  }
+}
diff --git a/client/constants/TRANSCRIPTION_FILE_STATUSES.json b/client/constants/TRANSCRIPTION_FILE_STATUSES.json
new file mode 100644
index 00000000000..945540147d9
--- /dev/null
+++ b/client/constants/TRANSCRIPTION_FILE_STATUSES.json
@@ -0,0 +1,14 @@
+{
+  "retrieval": {
+    "success": "Successful retrieval (Webex)",
+    "failure": "Failed retrieval (Webex)"
+  },
+  "upload": {
+    "success": "Successful upload (AWS)",
+    "failure": "Failed upload (AWS)"
+  },
+  "conversion": {
+    "success": "Successful conversion",
+    "failure": "Failed conversion"
+  }
+}
diff --git a/client/test/app/hearings/components/Details.test.js b/client/test/app/hearings/components/Details.test.js
index 11d7f55ccdf..913f4c9a8ec 100644
--- a/client/test/app/hearings/components/Details.test.js
+++ b/client/test/app/hearings/components/Details.test.js
@@ -12,7 +12,8 @@ import {
   amaHearing,
   defaultHearing,
   virtualHearing,
-  vsoUser
+  amaWebexHearing,
+  legacyWebexHearing
 } from 'test/data';
 import Button from 'app/components/Button';
 import DateSelector from 'app/components/DateSelector';
@@ -20,11 +21,12 @@ import Details from 'app/hearings/components/Details';
 import DetailsForm from 'app/hearings/components/details/DetailsForm';
 import HearingTypeDropdown from 'app/hearings/components/details/HearingTypeDropdown';
 import SearchableDropdown from 'app/components/SearchableDropdown';
-import TranscriptionRequestInputs from
-  'app/hearings/components/details/TranscriptionRequestInputs';
+import TranscriptionDetailsInputs from 'app/hearings/components/details/TranscriptionDetailsInputs';
+import TranscriptionProblemInputs from 'app/hearings/components/details/TranscriptionProblemInputs';
+import TranscriptionRequestInputs from 'app/hearings/components/details/TranscriptionRequestInputs';
+import TranscriptionFilesTable from 'app/hearings/components/details/TranscriptionFilesTable';
 import EmailConfirmationModal from 'app/hearings/components/EmailConfirmationModal';
 import toJson from 'enzyme-to-json';
-import { node } from 'prop-types';
 
 // Define the function spies
 const saveHearingSpy = jest.fn();
@@ -74,7 +76,9 @@ describe('Details', () => {
     expect(details.find(VirtualHearingFields).prop('virtualHearing')).toEqual(
       null
     );
-    expect(details.find(VirtualHearingFields).children()).toHaveLength(0);
+    // VirtualHearingFields will always show for any virtual or non virtual hearing
+    // as we move forward with Webex integration
+    expect(details.find(VirtualHearingFields).children()).toHaveLength(1);
 
     // Ensure the transcription section is displayed by default for ama hearings
     expect(details.find(TranscriptionFormSection)).toHaveLength(1);
@@ -230,43 +234,133 @@ describe('Details', () => {
     expect(toJson(details, { noKey: true })).toMatchSnapshot();
   });
 
-  test('Does not display transcription section for legacy hearings', () => {
-    const details = mount(
-      <Details
-        hearing={legacyHearing}
-        saveHearing={saveHearingSpy}
-        setHearing={setHearingSpy}
-        goBack={goBackSpy}
-        onReceiveAlerts={onReceiveAlertsSpy}
-        onReceiveTransitioningAlert={onReceiveTransitioningAlertSpy}
-        transitionAlert={transitionAlertSpy}
-      />,
-      {
-        wrappingComponent: hearingDetailsWrapper(
-          anyUser,
-          legacyHearing
-        ),
-        wrappingComponentProps: { store: detailsStore },
-      }
-    );
-
-    // Assertions
-    expect(details.find(DetailsHeader)).toHaveLength(1);
-    expect(details.find(DetailsForm)).toHaveLength(1);
-
-    // Ensure that the virtualHearing form is not displayed by default
-    expect(details.find(VirtualHearingFields).prop('virtualHearing')).toEqual(
-      null
-    );
-    expect(details.find(VirtualHearingFields).children()).toHaveLength(0);
-
-    // Ensure the transcription form is not displayed for legacy hearings
-    expect(details.find(TranscriptionFormSection)).toHaveLength(0);
-
-    // Ensure the save and cancel buttons are present
-    detailButtonsTest(details);
-
-    expect(toJson(details, { noKey: true })).toMatchSnapshot();
+  describe('TranscriptiomFormSection', () => {
+    describe('pexip hearing', () => {
+      test('Displays transcription section but not transcription files table for AMA hearings', () => {
+        const details = mount(
+          <Details
+            hearing={amaHearing}
+            saveHearing={saveHearingSpy}
+            setHearing={setHearingSpy}
+            goBack={goBackSpy}
+            onReceiveAlerts={onReceiveAlertsSpy}
+            onReceiveTransitioningAlert={onReceiveTransitioningAlertSpy}
+            transitionAlert={transitionAlertSpy}
+          />,
+          {
+            wrappingComponent: hearingDetailsWrapper(
+              anyUser,
+              amaHearing
+            ),
+            wrappingComponentProps: { store: detailsStore },
+          }
+        );
+
+        expect(details.find(TranscriptionFormSection)).toHaveLength(1);
+        expect(details.find(TranscriptionDetailsInputs)).toHaveLength(1);
+        expect(details.find(TranscriptionProblemInputs)).toHaveLength(1);
+        expect(details.find(TranscriptionRequestInputs)).toHaveLength(1);
+        expect(details.find(TranscriptionFilesTable)).toHaveLength(0);
+      });
+
+      test('Does not display transcription section for legacy hearings', () => {
+        const details = mount(
+          <Details
+            hearing={legacyHearing}
+            saveHearing={saveHearingSpy}
+            setHearing={setHearingSpy}
+            goBack={goBackSpy}
+            onReceiveAlerts={onReceiveAlertsSpy}
+            onReceiveTransitioningAlert={onReceiveTransitioningAlertSpy}
+            transitionAlert={transitionAlertSpy}
+          />,
+          {
+            wrappingComponent: hearingDetailsWrapper(
+              anyUser,
+              legacyHearing
+            ),
+            wrappingComponentProps: { store: detailsStore },
+          }
+        );
+
+        // Assertions
+        expect(details.find(DetailsHeader)).toHaveLength(1);
+        expect(details.find(DetailsForm)).toHaveLength(1);
+
+        // Ensure that the virtualHearing form is not displayed by default
+        expect(details.find(VirtualHearingFields).prop('virtualHearing')).toEqual(
+          null
+        );
+        // VirtualHearingFields will always show for any virtual or non virtual hearing
+        // as we move forward with Webex integration
+        expect(details.find(VirtualHearingFields).children()).toHaveLength(1);
+
+        // Ensure the transcription form is not displayed for legacy hearings
+        expect(details.find(TranscriptionFormSection)).toHaveLength(0);
+        // expect(details.find(TranscriptionFilesTable)).toHaveLength(0);
+
+        // Ensure the save and cancel buttons are present
+        detailButtonsTest(details);
+
+        expect(toJson(details, { noKey: true })).toMatchSnapshot();
+      });
+    });
+
+    describe('webex hearing', () => {
+      test('Displays transcription section, including transcription files table, for AMA hearings', () => {
+        const details = mount(
+          <Details
+            hearing={amaWebexHearing}
+            saveHearing={saveHearingSpy}
+            setHearing={setHearingSpy}
+            goBack={goBackSpy}
+            onReceiveAlerts={onReceiveAlertsSpy}
+            onReceiveTransitioningAlert={onReceiveTransitioningAlertSpy}
+            transitionAlert={transitionAlertSpy}
+          />,
+          {
+            wrappingComponent: hearingDetailsWrapper(
+              anyUser,
+              amaWebexHearing
+            ),
+            wrappingComponentProps: { store: detailsStore },
+          }
+        );
+
+        expect(details.find(TranscriptionFormSection)).toHaveLength(1);
+        expect(details.find(TranscriptionDetailsInputs)).toHaveLength(1);
+        expect(details.find(TranscriptionProblemInputs)).toHaveLength(1);
+        expect(details.find(TranscriptionRequestInputs)).toHaveLength(1);
+        expect(details.find(TranscriptionFilesTable)).toHaveLength(1);
+      });
+
+      test('Only displays transcription files table, and not other transcription form inputs, for legacy hearings', () => {
+        const details = mount(
+          <Details
+            hearing={legacyWebexHearing}
+            saveHearing={saveHearingSpy}
+            setHearing={setHearingSpy}
+            goBack={goBackSpy}
+            onReceiveAlerts={onReceiveAlertsSpy}
+            onReceiveTransitioningAlert={onReceiveTransitioningAlertSpy}
+            transitionAlert={transitionAlertSpy}
+          />,
+          {
+            wrappingComponent: hearingDetailsWrapper(
+              anyUser,
+              legacyWebexHearing
+            ),
+            wrappingComponentProps: { store: detailsStore },
+          }
+        );
+
+        expect(details.find(TranscriptionFormSection)).toHaveLength(1);
+        expect(details.find(TranscriptionDetailsInputs)).toHaveLength(0);
+        expect(details.find(TranscriptionProblemInputs)).toHaveLength(0);
+        expect(details.find(TranscriptionRequestInputs)).toHaveLength(0);
+        expect(details.find(TranscriptionFilesTable)).toHaveLength(1);
+      });
+    });
   });
 
   test('Displays VirtualHearing details when there is a virtual hearing', () => {
diff --git a/client/test/app/hearings/components/VirtualHearings/__snapshots__/AppellantSection.test.js.snap b/client/test/app/hearings/components/VirtualHearings/__snapshots__/AppellantSection.test.js.snap
index fe29ce17fcb..c8a844dc1c4 100644
--- a/client/test/app/hearings/components/VirtualHearings/__snapshots__/AppellantSection.test.js.snap
+++ b/client/test/app/hearings/components/VirtualHearings/__snapshots__/AppellantSection.test.js.snap
@@ -25,6 +25,7 @@ exports[`Appellant Displays appellant information when appellant is not veteran
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -105,6 +106,7 @@ exports[`Appellant Displays appellant information when appellant is not veteran
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -301,6 +303,7 @@ exports[`Appellant Displays email alert when email is null 1`] = `
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -525,6 +528,7 @@ exports[`Appellant Displays email alert when email is undefined 1`] = `
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -744,6 +748,7 @@ exports[`Appellant Displays timezone when showTimezoneField is passed as prop 1`
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -825,6 +830,7 @@ exports[`Appellant Displays timezone when showTimezoneField is passed as prop 1`
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -17116,6 +17122,7 @@ exports[`Appellant Does not allow editing emails when read-only 1`] = `
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -17197,6 +17204,7 @@ exports[`Appellant Does not allow editing emails when read-only 1`] = `
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -17331,6 +17339,7 @@ exports[`Appellant Does not display address when formFieldsOnly = true 1`] = `
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -17411,6 +17420,7 @@ exports[`Appellant Does not display address when formFieldsOnly = true 1`] = `
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -17550,6 +17560,7 @@ exports[`Appellant Matches snapshot with default props 1`] = `
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -17630,6 +17641,7 @@ exports[`Appellant Matches snapshot with default props 1`] = `
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
diff --git a/client/test/app/hearings/components/VirtualHearings/__snapshots__/Fields.test.js.snap b/client/test/app/hearings/components/VirtualHearings/__snapshots__/Fields.test.js.snap
index f0cef36fe1f..67ae786380c 100644
--- a/client/test/app/hearings/components/VirtualHearings/__snapshots__/Fields.test.js.snap
+++ b/client/test/app/hearings/components/VirtualHearings/__snapshots__/Fields.test.js.snap
@@ -25,6 +25,7 @@ exports[`Fields Display timezone and divider for Central 1`] = `
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -32531,6 +32532,7 @@ exports[`Fields Display timezone and divider for Video 1`] = `
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
diff --git a/client/test/app/hearings/components/VirtualHearings/__snapshots__/RepresentativeSection.test.js.snap b/client/test/app/hearings/components/VirtualHearings/__snapshots__/RepresentativeSection.test.js.snap
index b69b7c34ca4..0553382bf88 100644
--- a/client/test/app/hearings/components/VirtualHearings/__snapshots__/RepresentativeSection.test.js.snap
+++ b/client/test/app/hearings/components/VirtualHearings/__snapshots__/RepresentativeSection.test.js.snap
@@ -26,6 +26,7 @@ exports[`RepresentativeSection Displays timezone when showTimezoneField is passe
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -107,6 +108,7 @@ exports[`RepresentativeSection Displays timezone when showTimezoneField is passe
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -16377,6 +16379,7 @@ exports[`RepresentativeSection Does not allow editing emails when read-only 1`]
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -16458,6 +16461,7 @@ exports[`RepresentativeSection Does not allow editing emails when read-only 1`]
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -16570,6 +16574,7 @@ exports[`RepresentativeSection Does not display address when formFieldsOnly = tr
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -16650,6 +16655,7 @@ exports[`RepresentativeSection Does not display address when formFieldsOnly = tr
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -16799,6 +16805,7 @@ exports[`RepresentativeSection Matches snapshot with default props 1`] = `
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -16879,6 +16886,7 @@ exports[`RepresentativeSection Matches snapshot with default props 1`] = `
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -17038,6 +17046,7 @@ exports[`RepresentativeSection Shows Representative name when representative add
       "centralOfficeTimeString": "03:30",
       "claimantId": 4,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 1,
       "disposition": null,
       "dispositionEditable": true,
@@ -17073,6 +17082,7 @@ exports[`RepresentativeSection Shows Representative name when representative add
         "fullName": "Aaron Judge_HearingsAndCases Abshire",
         "id": 3,
         "lastLoginAt": null,
+        "meetingType": "pexip",
         "roles": Object {},
         "selectedRegionalOffice": null,
         "stationId": "101",
@@ -17117,6 +17127,7 @@ exports[`RepresentativeSection Shows Representative name when representative add
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -17144,6 +17155,7 @@ exports[`RepresentativeSection Shows Representative name when representative add
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -17297,6 +17309,7 @@ exports[`RepresentativeSection Shows Representative not present message when no
       "centralOfficeTimeString": "03:30",
       "claimantId": 4,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 1,
       "disposition": null,
       "dispositionEditable": true,
@@ -17332,6 +17345,7 @@ exports[`RepresentativeSection Shows Representative not present message when no
         "fullName": "Aaron Judge_HearingsAndCases Abshire",
         "id": 3,
         "lastLoginAt": null,
+        "meetingType": "pexip",
         "roles": Object {},
         "selectedRegionalOffice": null,
         "stationId": "101",
@@ -17375,6 +17389,7 @@ exports[`RepresentativeSection Shows Representative not present message when no
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -17402,6 +17417,7 @@ exports[`RepresentativeSection Shows Representative not present message when no
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
diff --git a/client/test/app/hearings/components/__snapshots__/Details.test.js.snap b/client/test/app/hearings/components/__snapshots__/Details.test.js.snap
index 9ae6339857e..b99d8414ffb 100644
--- a/client/test/app/hearings/components/__snapshots__/Details.test.js.snap
+++ b/client/test/app/hearings/components/__snapshots__/Details.test.js.snap
@@ -24,6 +24,7 @@ exports[`Details Displays HearingConversion when converting from central 1`] = `
       "centralOfficeTimeString": "03:30",
       "claimantId": 4,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 1,
       "disposition": null,
       "dispositionEditable": true,
@@ -59,6 +60,7 @@ exports[`Details Displays HearingConversion when converting from central 1`] = `
         "fullName": "Aaron Judge_HearingsAndCases Abshire",
         "id": 3,
         "lastLoginAt": null,
+        "meetingType": "pexip",
         "roles": Object {},
         "selectedRegionalOffice": null,
         "stationId": "101",
@@ -102,6 +104,7 @@ exports[`Details Displays HearingConversion when converting from central 1`] = `
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -149,6 +152,7 @@ exports[`Details Displays HearingConversion when converting from central 1`] = `
         "centralOfficeTimeString": "03:30",
         "claimantId": 4,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 1,
         "disposition": null,
         "dispositionEditable": true,
@@ -184,6 +188,7 @@ exports[`Details Displays HearingConversion when converting from central 1`] = `
           "fullName": "Aaron Judge_HearingsAndCases Abshire",
           "id": 3,
           "lastLoginAt": null,
+          "meetingType": "pexip",
           "roles": Object {},
           "selectedRegionalOffice": null,
           "stationId": "101",
@@ -227,6 +232,7 @@ exports[`Details Displays HearingConversion when converting from central 1`] = `
           "appellantEmail": "Bob.Smith@test.com",
           "appellantTz": "America/Denver",
           "clientHost": "care.evn.va.gov",
+          "conferenceProvider": "pexip",
           "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
           "guestPin": "2684353125#",
           "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -279,6 +285,7 @@ exports[`Details Displays HearingConversion when converting from central 1`] = `
           "centralOfficeTimeString": "03:30",
           "claimantId": 4,
           "closestRegionalOffice": null,
+          "conferenceProvider": "pexip",
           "currentIssueCount": 1,
           "disposition": null,
           "dispositionEditable": true,
@@ -314,6 +321,7 @@ exports[`Details Displays HearingConversion when converting from central 1`] = `
             "fullName": "Aaron Judge_HearingsAndCases Abshire",
             "id": 3,
             "lastLoginAt": null,
+            "meetingType": "pexip",
             "roles": Object {},
             "selectedRegionalOffice": null,
             "stationId": "101",
@@ -363,6 +371,7 @@ exports[`Details Displays HearingConversion when converting from central 1`] = `
             "appellantEmail": "Bob.Smith@test.com",
             "appellantTz": "America/Denver",
             "clientHost": "care.evn.va.gov",
+            "conferenceProvider": "pexip",
             "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
             "guestPin": "2684353125#",
             "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -9366,6 +9375,7 @@ exports[`Details Displays HearingConversion when converting from central 1`] = `
                   "centralOfficeTimeString": "03:30",
                   "claimantId": 4,
                   "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
                   "currentIssueCount": 1,
                   "disposition": null,
                   "dispositionEditable": true,
@@ -9401,6 +9411,7 @@ exports[`Details Displays HearingConversion when converting from central 1`] = `
                     "fullName": "Aaron Judge_HearingsAndCases Abshire",
                     "id": 3,
                     "lastLoginAt": null,
+                    "meetingType": "pexip",
                     "roles": Object {},
                     "selectedRegionalOffice": null,
                     "stationId": "101",
@@ -9464,6 +9475,7 @@ exports[`Details Displays HearingConversion when converting from central 1`] = `
                   "appellantEmail": "Bob.Smith@test.com",
                   "appellantTz": "America/Denver",
                   "clientHost": "care.evn.va.gov",
+                  "conferenceProvider": "pexip",
                   "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                   "guestPin": "2684353125#",
                   "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -25760,6 +25772,7 @@ SAN FRANCISCO, CA 94103
                   "centralOfficeTimeString": "03:30",
                   "claimantId": 4,
                   "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
                   "currentIssueCount": 1,
                   "disposition": null,
                   "dispositionEditable": true,
@@ -25795,6 +25808,7 @@ SAN FRANCISCO, CA 94103
                     "fullName": "Aaron Judge_HearingsAndCases Abshire",
                     "id": 3,
                     "lastLoginAt": null,
+                    "meetingType": "pexip",
                     "roles": Object {},
                     "selectedRegionalOffice": null,
                     "stationId": "101",
@@ -25858,6 +25872,7 @@ SAN FRANCISCO, CA 94103
                   "appellantEmail": "Bob.Smith@test.com",
                   "appellantTz": "America/Denver",
                   "clientHost": "care.evn.va.gov",
+                  "conferenceProvider": "pexip",
                   "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                   "guestPin": "2684353125#",
                   "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -42202,6 +42217,7 @@ exports[`Details Displays HearingConversion when converting from video 1`] = `
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -42303,6 +42319,7 @@ exports[`Details Displays HearingConversion when converting from video 1`] = `
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -42409,6 +42426,7 @@ exports[`Details Displays HearingConversion when converting from video 1`] = `
           "centralOfficeTimeString": "04:00",
           "claimantId": 604,
           "closestRegionalOffice": null,
+          "conferenceProvider": "pexip",
           "currentIssueCount": 0,
           "disposition": null,
           "dispositionEditable": true,
@@ -51470,6 +51488,7 @@ exports[`Details Displays HearingConversion when converting from video 1`] = `
                   "centralOfficeTimeString": "04:00",
                   "claimantId": 604,
                   "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
                   "currentIssueCount": 0,
                   "disposition": null,
                   "dispositionEditable": true,
@@ -67843,6 +67862,7 @@ SAN FRANCISCO, CA 94103
                   "centralOfficeTimeString": "04:00",
                   "claimantId": 604,
                   "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
                   "currentIssueCount": 0,
                   "disposition": null,
                   "dispositionEditable": true,
@@ -85788,6 +85808,7 @@ exports[`Details Displays HearingConversion when converting from virtual 1`] = `
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -85818,6 +85839,7 @@ exports[`Details Displays HearingConversion when converting from virtual 1`] = `
           "appellantEmail": "Bob.Smith@test.com",
           "appellantTz": "America/Denver",
           "clientHost": "care.evn.va.gov",
+          "conferenceProvider": "pexip",
           "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
           "guestPin": "2684353125#",
           "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -85868,6 +85890,7 @@ exports[`Details Displays HearingConversion when converting from virtual 1`] = `
           "centralOfficeTimeString": "04:00",
           "claimantId": 604,
           "closestRegionalOffice": null,
+          "conferenceProvider": "pexip",
           "currentIssueCount": 0,
           "disposition": null,
           "dispositionEditable": true,
@@ -94925,6 +94948,7 @@ exports[`Details Displays HearingConversion when converting from virtual 1`] = `
                   "centralOfficeTimeString": "04:00",
                   "claimantId": 604,
                   "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
                   "currentIssueCount": 0,
                   "disposition": null,
                   "dispositionEditable": true,
@@ -111298,6 +111322,7 @@ SAN FRANCISCO, CA 94103
                   "centralOfficeTimeString": "04:00",
                   "claimantId": 604,
                   "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
                   "currentIssueCount": 0,
                   "disposition": null,
                   "dispositionEditable": true,
@@ -129257,6 +129282,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
       "centralOfficeTimeString": "03:30",
       "claimantId": 4,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 1,
       "disposition": null,
       "dispositionEditable": true,
@@ -129292,6 +129318,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
         "fullName": "Aaron Judge_HearingsAndCases Abshire",
         "id": 3,
         "lastLoginAt": null,
+        "meetingType": "pexip",
         "roles": Object {},
         "selectedRegionalOffice": null,
         "stationId": "101",
@@ -129335,6 +129362,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -129403,6 +129431,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
         "centralOfficeTimeString": "03:30",
         "claimantId": 4,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 1,
         "disposition": null,
         "dispositionEditable": true,
@@ -129438,6 +129467,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
           "fullName": "Aaron Judge_HearingsAndCases Abshire",
           "id": 3,
           "lastLoginAt": null,
+          "meetingType": "pexip",
           "roles": Object {},
           "selectedRegionalOffice": null,
           "stationId": "101",
@@ -129481,6 +129511,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
           "appellantEmail": "Bob.Smith@test.com",
           "appellantTz": "America/Denver",
           "clientHost": "care.evn.va.gov",
+          "conferenceProvider": "pexip",
           "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
           "guestPin": "2684353125#",
           "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -129566,6 +129597,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                 "centralOfficeTimeString": "03:30",
                 "claimantId": 4,
                 "closestRegionalOffice": null,
+                "conferenceProvider": "pexip",
                 "currentIssueCount": 1,
                 "disposition": null,
                 "dispositionEditable": true,
@@ -129601,6 +129633,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                   "fullName": "Aaron Judge_HearingsAndCases Abshire",
                   "id": 3,
                   "lastLoginAt": null,
+                  "meetingType": "pexip",
                   "roles": Object {},
                   "selectedRegionalOffice": null,
                   "stationId": "101",
@@ -129650,6 +129683,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                   "appellantEmail": "Bob.Smith@test.com",
                   "appellantTz": "America/Denver",
                   "clientHost": "care.evn.va.gov",
+                  "conferenceProvider": "pexip",
                   "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                   "guestPin": "2684353125#",
                   "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -129713,11 +129747,12 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                         aria-describedby="tooltip-500000003"
                         aria-label=""
                         className="cf-apppeal-id"
-                        data-css-cjlnsd=""
+                        data-css-p6dv0b=""
                         data-event="focus mouseenter"
                         data-event-off="mouseleave keydown"
                         data-for="tooltip-500000003"
                         data-tip={true}
+                        disabled={true}
                         onClick={[Function]}
                         tabIndex={0}
                         type="submit"
@@ -129883,6 +129918,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                       "centralOfficeTimeString": "03:30",
                       "claimantId": 4,
                       "closestRegionalOffice": null,
+                      "conferenceProvider": "pexip",
                       "currentIssueCount": 1,
                       "disposition": null,
                       "dispositionEditable": true,
@@ -129918,6 +129954,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                         "fullName": "Aaron Judge_HearingsAndCases Abshire",
                         "id": 3,
                         "lastLoginAt": null,
+                        "meetingType": "pexip",
                         "roles": Object {},
                         "selectedRegionalOffice": null,
                         "stationId": "101",
@@ -129967,6 +130004,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                         "appellantEmail": "Bob.Smith@test.com",
                         "appellantTz": "America/Denver",
                         "clientHost": "care.evn.va.gov",
+                        "conferenceProvider": "pexip",
                         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                         "guestPin": "2684353125#",
                         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -130007,6 +130045,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                       "centralOfficeTimeString": "03:30",
                       "claimantId": 4,
                       "closestRegionalOffice": null,
+                      "conferenceProvider": "pexip",
                       "currentIssueCount": 1,
                       "disposition": null,
                       "dispositionEditable": true,
@@ -130042,6 +130081,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                         "fullName": "Aaron Judge_HearingsAndCases Abshire",
                         "id": 3,
                         "lastLoginAt": null,
+                        "meetingType": "pexip",
                         "roles": Object {},
                         "selectedRegionalOffice": null,
                         "stationId": "101",
@@ -130091,6 +130131,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                         "appellantEmail": "Bob.Smith@test.com",
                         "appellantTz": "America/Denver",
                         "clientHost": "care.evn.va.gov",
+                        "conferenceProvider": "pexip",
                         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                         "guestPin": "2684353125#",
                         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -130437,6 +130478,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                 "centralOfficeTimeString": "03:30",
                 "claimantId": 4,
                 "closestRegionalOffice": null,
+                "conferenceProvider": "pexip",
                 "currentIssueCount": 1,
                 "disposition": null,
                 "dispositionEditable": true,
@@ -130472,6 +130514,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                   "fullName": "Aaron Judge_HearingsAndCases Abshire",
                   "id": 3,
                   "lastLoginAt": null,
+                  "meetingType": "pexip",
                   "roles": Object {},
                   "selectedRegionalOffice": null,
                   "stationId": "101",
@@ -130521,6 +130564,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                   "appellantEmail": "Bob.Smith@test.com",
                   "appellantTz": "America/Denver",
                   "clientHost": "care.evn.va.gov",
+                  "conferenceProvider": "pexip",
                   "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                   "guestPin": "2684353125#",
                   "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -130574,6 +130618,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                 "centralOfficeTimeString": "03:30",
                 "claimantId": 4,
                 "closestRegionalOffice": null,
+                "conferenceProvider": "pexip",
                 "currentIssueCount": 1,
                 "disposition": null,
                 "dispositionEditable": true,
@@ -130609,6 +130654,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                   "fullName": "Aaron Judge_HearingsAndCases Abshire",
                   "id": 3,
                   "lastLoginAt": null,
+                  "meetingType": "pexip",
                   "roles": Object {},
                   "selectedRegionalOffice": null,
                   "stationId": "101",
@@ -130658,6 +130704,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                   "appellantEmail": "Bob.Smith@test.com",
                   "appellantTz": "America/Denver",
                   "clientHost": "care.evn.va.gov",
+                  "conferenceProvider": "pexip",
                   "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                   "guestPin": "2684353125#",
                   "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -139210,6 +139257,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                   "centralOfficeTimeString": "03:30",
                   "claimantId": 4,
                   "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
                   "currentIssueCount": 1,
                   "disposition": null,
                   "dispositionEditable": true,
@@ -139245,6 +139293,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                     "fullName": "Aaron Judge_HearingsAndCases Abshire",
                     "id": 3,
                     "lastLoginAt": null,
+                    "meetingType": "pexip",
                     "roles": Object {},
                     "selectedRegionalOffice": null,
                     "stationId": "101",
@@ -139294,6 +139343,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                     "appellantEmail": "Bob.Smith@test.com",
                     "appellantTz": "America/Denver",
                     "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                     "guestPin": "2684353125#",
                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -139332,6 +139382,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                   "centralOfficeTimeString": "03:30",
                   "claimantId": 4,
                   "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
                   "currentIssueCount": 1,
                   "disposition": null,
                   "dispositionEditable": true,
@@ -139367,6 +139418,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                     "fullName": "Aaron Judge_HearingsAndCases Abshire",
                     "id": 3,
                     "lastLoginAt": null,
+                    "meetingType": "pexip",
                     "roles": Object {},
                     "selectedRegionalOffice": null,
                     "stationId": "101",
@@ -139416,6 +139468,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                     "appellantEmail": "Bob.Smith@test.com",
                     "appellantTz": "America/Denver",
                     "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                     "guestPin": "2684353125#",
                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -139440,6 +139493,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                   "appellantEmail": "Bob.Smith@test.com",
                   "appellantTz": "America/Denver",
                   "clientHost": "care.evn.va.gov",
+                  "conferenceProvider": "pexip",
                   "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                   "guestPin": "2684353125#",
                   "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -139455,7 +139509,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
               }
             >
               <ContentSection
-                header="Virtual Hearing Links"
+                header="Hearing Links"
               >
                 <div
                   className="cf-app-segment"
@@ -139463,11 +139517,19 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                   <h2
                     data-css-3rhuy2=""
                   >
-                    Virtual Hearing Links
+                    Hearing Links
                   </h2>
                   <div
                     data-css-1571z6o=""
                   >
+                    <div
+                      data-css-tx10g=""
+                    >
+                      <strong>
+                        Pexip
+                         Hearing
+                      </strong>
+                    </div>
                     <HearingLinks
                       hearing={
                         Object {
@@ -139490,6 +139552,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                           "centralOfficeTimeString": "03:30",
                           "claimantId": 4,
                           "closestRegionalOffice": null,
+                          "conferenceProvider": "pexip",
                           "currentIssueCount": 1,
                           "disposition": null,
                           "dispositionEditable": true,
@@ -139525,6 +139588,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                             "fullName": "Aaron Judge_HearingsAndCases Abshire",
                             "id": 3,
                             "lastLoginAt": null,
+                            "meetingType": "pexip",
                             "roles": Object {},
                             "selectedRegionalOffice": null,
                             "stationId": "101",
@@ -139574,6 +139638,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                             "appellantEmail": "Bob.Smith@test.com",
                             "appellantTz": "America/Denver",
                             "clientHost": "care.evn.va.gov",
+                            "conferenceProvider": "pexip",
                             "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                             "guestPin": "2684353125#",
                             "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -139591,7 +139656,9 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                           "worksheetIssues": Object {},
                         }
                       }
+                      isCancelled={false}
                       isVirtual={true}
+                      scheduledForIsPast={false}
                       user={
                         Object {
                           "addressCity": "Washington",
@@ -139607,6 +139674,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                           "appellantEmail": "Bob.Smith@test.com",
                           "appellantTz": "America/Denver",
                           "clientHost": "care.evn.va.gov",
+                          "conferenceProvider": "pexip",
                           "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                           "guestPin": "2684353125#",
                           "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -139648,6 +139716,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                               "centralOfficeTimeString": "03:30",
                               "claimantId": 4,
                               "closestRegionalOffice": null,
+                              "conferenceProvider": "pexip",
                               "currentIssueCount": 1,
                               "disposition": null,
                               "dispositionEditable": true,
@@ -139683,6 +139752,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                                 "fullName": "Aaron Judge_HearingsAndCases Abshire",
                                 "id": 3,
                                 "lastLoginAt": null,
+                                "meetingType": "pexip",
                                 "roles": Object {},
                                 "selectedRegionalOffice": null,
                                 "stationId": "101",
@@ -139732,6 +139802,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                                 "appellantEmail": "Bob.Smith@test.com",
                                 "appellantTz": "America/Denver",
                                 "clientHost": "care.evn.va.gov",
+                                "conferenceProvider": "pexip",
                                 "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                                 "guestPin": "2684353125#",
                                 "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -139752,7 +139823,27 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                           isVirtual={true}
                           label="Guest Link"
                           link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
-                          linkText="Join Virtual Hearing"
+                          linkText="Join Hearing"
+                          links={
+                            Object {
+                              "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                              "appellantEmail": "Bob.Smith@test.com",
+                              "appellantTz": "America/Denver",
+                              "clientHost": "care.evn.va.gov",
+                              "conferenceProvider": "pexip",
+                              "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                              "guestPin": "2684353125#",
+                              "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                              "hostPin": "8600030#",
+                              "jobCompleted": true,
+                              "representativeEmail": "tom.brady@caseflow.gov",
+                              "representativeTz": "America/Los_Angeles",
+                              "requestCancelled": false,
+                              "scheduledInTimezone": "America/Chicago",
+                              "scheduledTimeString": "03:30",
+                              "status": "active",
+                            }
+                          }
                           role="Guest"
                           user={
                             Object {
@@ -139769,6 +139860,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                               "appellantEmail": "Bob.Smith@test.com",
                               "appellantTz": "America/Denver",
                               "clientHost": "care.evn.va.gov",
+                              "conferenceProvider": "pexip",
                               "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                               "guestPin": "2684353125#",
                               "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -139815,6 +139907,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                                   "centralOfficeTimeString": "03:30",
                                   "claimantId": 4,
                                   "closestRegionalOffice": null,
+                                  "conferenceProvider": "pexip",
                                   "currentIssueCount": 1,
                                   "disposition": null,
                                   "dispositionEditable": true,
@@ -139850,6 +139943,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                                     "fullName": "Aaron Judge_HearingsAndCases Abshire",
                                     "id": 3,
                                     "lastLoginAt": null,
+                                    "meetingType": "pexip",
                                     "roles": Object {},
                                     "selectedRegionalOffice": null,
                                     "stationId": "101",
@@ -139899,6 +139993,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                                     "appellantEmail": "Bob.Smith@test.com",
                                     "appellantTz": "America/Denver",
                                     "clientHost": "care.evn.va.gov",
+                                    "conferenceProvider": "pexip",
                                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                                     "guestPin": "2684353125#",
                                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -139917,7 +140012,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                                 }
                               }
                               isVirtual={true}
-                              label="Join Virtual Hearing"
+                              label="Join Hearing"
                               link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
                               pin="2684353125#"
                               role="Guest"
@@ -139936,6 +140031,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                                   "appellantEmail": "Bob.Smith@test.com",
                                   "appellantTz": "America/Denver",
                                   "clientHost": "care.evn.va.gov",
+                                  "conferenceProvider": "pexip",
                                   "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                                   "guestPin": "2684353125#",
                                   "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -139973,6 +140069,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                                     "centralOfficeTimeString": "03:30",
                                     "claimantId": 4,
                                     "closestRegionalOffice": null,
+                                    "conferenceProvider": "pexip",
                                     "currentIssueCount": 1,
                                     "disposition": null,
                                     "dispositionEditable": true,
@@ -140008,6 +140105,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                                       "fullName": "Aaron Judge_HearingsAndCases Abshire",
                                       "id": 3,
                                       "lastLoginAt": null,
+                                      "meetingType": "pexip",
                                       "roles": Object {},
                                       "selectedRegionalOffice": null,
                                       "stationId": "101",
@@ -140057,6 +140155,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                                       "appellantEmail": "Bob.Smith@test.com",
                                       "appellantTz": "America/Denver",
                                       "clientHost": "care.evn.va.gov",
+                                      "conferenceProvider": "pexip",
                                       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                                       "guestPin": "2684353125#",
                                       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -140075,7 +140174,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                                   }
                                 }
                                 isVirtual={true}
-                                label="Join Virtual Hearing"
+                                label="Join Hearing"
                                 link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
                                 newWindow={true}
                                 showFullLink={false}
@@ -140094,6 +140193,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                                     "appellantEmail": "Bob.Smith@test.com",
                                     "appellantTz": "America/Denver",
                                     "clientHost": "care.evn.va.gov",
+                                    "conferenceProvider": "pexip",
                                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                                     "guestPin": "2684353125#",
                                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -140118,7 +140218,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                                     type={null}
                                   >
                                     <strong>
-                                      Join Virtual Hearing
+                                      Join Hearing
                                     </strong>
                                     <span
                                       data-css-32srrr=""
@@ -140126,7 +140226,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                                        
                                       <ExternalLinkIcon
                                         className=""
-                                        color="#0071bc"
+                                        color="#757575"
                                         size={20}
                                       >
                                         <svg
@@ -140143,7 +140243,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                                             strokeWidth="1"
                                           >
                                             <g
-                                              fill="#0071bc"
+                                              fill="#757575"
                                               fillRule="nonzero"
                                             >
                                               <g
@@ -140208,11 +140308,12 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                                       aria-describedby="tooltip-Copy Guest Link"
                                       aria-label=""
                                       className="cf-apppeal-id"
-                                      data-css-cjlnsd=""
+                                      data-css-p6dv0b=""
                                       data-event="focus mouseenter"
                                       data-event-off="mouseleave keydown"
                                       data-for="tooltip-Copy Guest Link"
                                       data-tip={true}
+                                      disabled={false}
                                       onClick={[Function]}
                                       tabIndex={0}
                                       type="submit"
@@ -140351,7 +140452,6 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                             </VirtualHearingLinkDetails>
                           </div>
                         </LinkContainer>
-                        <div />
                       </div>
                     </HearingLinks>
                   </div>
@@ -140382,6 +140482,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                   "centralOfficeTimeString": "03:30",
                   "claimantId": 4,
                   "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
                   "currentIssueCount": 1,
                   "disposition": null,
                   "dispositionEditable": true,
@@ -140417,6 +140518,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                     "fullName": "Aaron Judge_HearingsAndCases Abshire",
                     "id": 3,
                     "lastLoginAt": null,
+                    "meetingType": "pexip",
                     "roles": Object {},
                     "selectedRegionalOffice": null,
                     "stationId": "101",
@@ -140466,6 +140568,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                     "appellantEmail": "Bob.Smith@test.com",
                     "appellantTz": "America/Denver",
                     "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                     "guestPin": "2684353125#",
                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -140504,6 +140607,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                   "centralOfficeTimeString": "03:30",
                   "claimantId": 4,
                   "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
                   "currentIssueCount": 1,
                   "disposition": null,
                   "dispositionEditable": true,
@@ -140539,6 +140643,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                     "fullName": "Aaron Judge_HearingsAndCases Abshire",
                     "id": 3,
                     "lastLoginAt": null,
+                    "meetingType": "pexip",
                     "roles": Object {},
                     "selectedRegionalOffice": null,
                     "stationId": "101",
@@ -140588,6 +140693,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                     "appellantEmail": "Bob.Smith@test.com",
                     "appellantTz": "America/Denver",
                     "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                     "guestPin": "2684353125#",
                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -173416,6 +173522,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                   "centralOfficeTimeString": "03:30",
                   "claimantId": 4,
                   "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
                   "currentIssueCount": 1,
                   "disposition": null,
                   "dispositionEditable": true,
@@ -173451,6 +173558,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                     "fullName": "Aaron Judge_HearingsAndCases Abshire",
                     "id": 3,
                     "lastLoginAt": null,
+                    "meetingType": "pexip",
                     "roles": Object {},
                     "selectedRegionalOffice": null,
                     "stationId": "101",
@@ -173500,6 +173608,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                     "appellantEmail": "Bob.Smith@test.com",
                     "appellantTz": "America/Denver",
                     "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                     "guestPin": "2684353125#",
                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -173517,6 +173626,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                   "worksheetIssues": Object {},
                 }
               }
+              isLegacy={false}
               transcription={
                 Object {
                   "expectedReturnDate": undefined,
@@ -177701,6 +177811,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                           "centralOfficeTimeString": "03:30",
                           "claimantId": 4,
                           "closestRegionalOffice": null,
+                          "conferenceProvider": "pexip",
                           "currentIssueCount": 1,
                           "disposition": null,
                           "dispositionEditable": true,
@@ -177736,6 +177847,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                             "fullName": "Aaron Judge_HearingsAndCases Abshire",
                             "id": 3,
                             "lastLoginAt": null,
+                            "meetingType": "pexip",
                             "roles": Object {},
                             "selectedRegionalOffice": null,
                             "stationId": "101",
@@ -177785,6 +177897,7 @@ exports[`Details Displays VirtualHearing details when there is a virtual hearing
                             "appellantEmail": "Bob.Smith@test.com",
                             "appellantTz": "America/Denver",
                             "clientHost": "care.evn.va.gov",
+                            "conferenceProvider": "pexip",
                             "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                             "guestPin": "2684353125#",
                             "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -178017,6 +178130,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
       "centralOfficeTimeString": "03:30",
       "claimantId": 4,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 1,
       "disposition": null,
       "dispositionEditable": true,
@@ -178052,6 +178166,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
         "fullName": "Aaron Judge_HearingsAndCases Abshire",
         "id": 3,
         "lastLoginAt": null,
+        "meetingType": "pexip",
         "roles": Object {},
         "selectedRegionalOffice": null,
         "stationId": "101",
@@ -178095,6 +178210,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -178163,6 +178279,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
         "centralOfficeTimeString": "03:30",
         "claimantId": 4,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 1,
         "disposition": null,
         "dispositionEditable": true,
@@ -178198,6 +178315,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
           "fullName": "Aaron Judge_HearingsAndCases Abshire",
           "id": 3,
           "lastLoginAt": null,
+          "meetingType": "pexip",
           "roles": Object {},
           "selectedRegionalOffice": null,
           "stationId": "101",
@@ -178241,6 +178359,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
           "appellantEmail": "Bob.Smith@test.com",
           "appellantTz": "America/Denver",
           "clientHost": "care.evn.va.gov",
+          "conferenceProvider": "pexip",
           "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
           "guestPin": "2684353125#",
           "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -178326,6 +178445,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                 "centralOfficeTimeString": "03:30",
                 "claimantId": 4,
                 "closestRegionalOffice": null,
+                "conferenceProvider": "pexip",
                 "currentIssueCount": 1,
                 "disposition": null,
                 "dispositionEditable": true,
@@ -178361,6 +178481,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                   "fullName": "Aaron Judge_HearingsAndCases Abshire",
                   "id": 3,
                   "lastLoginAt": null,
+                  "meetingType": "pexip",
                   "roles": Object {},
                   "selectedRegionalOffice": null,
                   "stationId": "101",
@@ -178410,6 +178531,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                   "appellantEmail": "Bob.Smith@test.com",
                   "appellantTz": "America/Denver",
                   "clientHost": "care.evn.va.gov",
+                  "conferenceProvider": "pexip",
                   "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                   "guestPin": "2684353125#",
                   "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -178473,11 +178595,12 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                         aria-describedby="tooltip-500000003"
                         aria-label=""
                         className="cf-apppeal-id"
-                        data-css-cjlnsd=""
+                        data-css-p6dv0b=""
                         data-event="focus mouseenter"
                         data-event-off="mouseleave keydown"
                         data-for="tooltip-500000003"
                         data-tip={true}
+                        disabled={true}
                         onClick={[Function]}
                         tabIndex={0}
                         type="submit"
@@ -178643,6 +178766,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                       "centralOfficeTimeString": "03:30",
                       "claimantId": 4,
                       "closestRegionalOffice": null,
+                      "conferenceProvider": "pexip",
                       "currentIssueCount": 1,
                       "disposition": null,
                       "dispositionEditable": true,
@@ -178678,6 +178802,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                         "fullName": "Aaron Judge_HearingsAndCases Abshire",
                         "id": 3,
                         "lastLoginAt": null,
+                        "meetingType": "pexip",
                         "roles": Object {},
                         "selectedRegionalOffice": null,
                         "stationId": "101",
@@ -178727,6 +178852,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                         "appellantEmail": "Bob.Smith@test.com",
                         "appellantTz": "America/Denver",
                         "clientHost": "care.evn.va.gov",
+                        "conferenceProvider": "pexip",
                         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                         "guestPin": "2684353125#",
                         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -178767,6 +178893,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                       "centralOfficeTimeString": "03:30",
                       "claimantId": 4,
                       "closestRegionalOffice": null,
+                      "conferenceProvider": "pexip",
                       "currentIssueCount": 1,
                       "disposition": null,
                       "dispositionEditable": true,
@@ -178802,6 +178929,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                         "fullName": "Aaron Judge_HearingsAndCases Abshire",
                         "id": 3,
                         "lastLoginAt": null,
+                        "meetingType": "pexip",
                         "roles": Object {},
                         "selectedRegionalOffice": null,
                         "stationId": "101",
@@ -178851,6 +178979,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                         "appellantEmail": "Bob.Smith@test.com",
                         "appellantTz": "America/Denver",
                         "clientHost": "care.evn.va.gov",
+                        "conferenceProvider": "pexip",
                         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                         "guestPin": "2684353125#",
                         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -179197,6 +179326,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                 "centralOfficeTimeString": "03:30",
                 "claimantId": 4,
                 "closestRegionalOffice": null,
+                "conferenceProvider": "pexip",
                 "currentIssueCount": 1,
                 "disposition": null,
                 "dispositionEditable": true,
@@ -179232,6 +179362,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                   "fullName": "Aaron Judge_HearingsAndCases Abshire",
                   "id": 3,
                   "lastLoginAt": null,
+                  "meetingType": "pexip",
                   "roles": Object {},
                   "selectedRegionalOffice": null,
                   "stationId": "101",
@@ -179281,6 +179412,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                   "appellantEmail": "Bob.Smith@test.com",
                   "appellantTz": "America/Denver",
                   "clientHost": "care.evn.va.gov",
+                  "conferenceProvider": "pexip",
                   "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                   "guestPin": "2684353125#",
                   "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -179334,6 +179466,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                 "centralOfficeTimeString": "03:30",
                 "claimantId": 4,
                 "closestRegionalOffice": null,
+                "conferenceProvider": "pexip",
                 "currentIssueCount": 1,
                 "disposition": null,
                 "dispositionEditable": true,
@@ -179369,6 +179502,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                   "fullName": "Aaron Judge_HearingsAndCases Abshire",
                   "id": 3,
                   "lastLoginAt": null,
+                  "meetingType": "pexip",
                   "roles": Object {},
                   "selectedRegionalOffice": null,
                   "stationId": "101",
@@ -179418,6 +179552,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                   "appellantEmail": "Bob.Smith@test.com",
                   "appellantTz": "America/Denver",
                   "clientHost": "care.evn.va.gov",
+                  "conferenceProvider": "pexip",
                   "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                   "guestPin": "2684353125#",
                   "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -187970,6 +188105,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                   "centralOfficeTimeString": "03:30",
                   "claimantId": 4,
                   "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
                   "currentIssueCount": 1,
                   "disposition": null,
                   "dispositionEditable": true,
@@ -188005,6 +188141,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                     "fullName": "Aaron Judge_HearingsAndCases Abshire",
                     "id": 3,
                     "lastLoginAt": null,
+                    "meetingType": "pexip",
                     "roles": Object {},
                     "selectedRegionalOffice": null,
                     "stationId": "101",
@@ -188054,6 +188191,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                     "appellantEmail": "Bob.Smith@test.com",
                     "appellantTz": "America/Denver",
                     "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                     "guestPin": "2684353125#",
                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -188092,6 +188230,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                   "centralOfficeTimeString": "03:30",
                   "claimantId": 4,
                   "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
                   "currentIssueCount": 1,
                   "disposition": null,
                   "dispositionEditable": true,
@@ -188127,6 +188266,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                     "fullName": "Aaron Judge_HearingsAndCases Abshire",
                     "id": 3,
                     "lastLoginAt": null,
+                    "meetingType": "pexip",
                     "roles": Object {},
                     "selectedRegionalOffice": null,
                     "stationId": "101",
@@ -188176,6 +188316,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                     "appellantEmail": "Bob.Smith@test.com",
                     "appellantTz": "America/Denver",
                     "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                     "guestPin": "2684353125#",
                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -188200,6 +188341,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                   "appellantEmail": "Bob.Smith@test.com",
                   "appellantTz": "America/Denver",
                   "clientHost": "care.evn.va.gov",
+                  "conferenceProvider": "pexip",
                   "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                   "guestPin": "2684353125#",
                   "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -188215,7 +188357,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
               }
             >
               <ContentSection
-                header="Virtual Hearing Links"
+                header="Hearing Links"
               >
                 <div
                   className="cf-app-segment"
@@ -188223,11 +188365,19 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                   <h2
                     data-css-3rhuy2=""
                   >
-                    Virtual Hearing Links
+                    Hearing Links
                   </h2>
                   <div
                     data-css-1571z6o=""
                   >
+                    <div
+                      data-css-tx10g=""
+                    >
+                      <strong>
+                        Pexip
+                         Hearing
+                      </strong>
+                    </div>
                     <HearingLinks
                       hearing={
                         Object {
@@ -188250,6 +188400,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                           "centralOfficeTimeString": "03:30",
                           "claimantId": 4,
                           "closestRegionalOffice": null,
+                          "conferenceProvider": "pexip",
                           "currentIssueCount": 1,
                           "disposition": null,
                           "dispositionEditable": true,
@@ -188285,6 +188436,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                             "fullName": "Aaron Judge_HearingsAndCases Abshire",
                             "id": 3,
                             "lastLoginAt": null,
+                            "meetingType": "pexip",
                             "roles": Object {},
                             "selectedRegionalOffice": null,
                             "stationId": "101",
@@ -188334,6 +188486,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                             "appellantEmail": "Bob.Smith@test.com",
                             "appellantTz": "America/Denver",
                             "clientHost": "care.evn.va.gov",
+                            "conferenceProvider": "pexip",
                             "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                             "guestPin": "2684353125#",
                             "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -188351,7 +188504,9 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                           "worksheetIssues": Object {},
                         }
                       }
+                      isCancelled={false}
                       isVirtual={true}
+                      scheduledForIsPast={false}
                       user={
                         Object {
                           "addressCity": "Washington",
@@ -188367,6 +188522,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                           "appellantEmail": "Bob.Smith@test.com",
                           "appellantTz": "America/Denver",
                           "clientHost": "care.evn.va.gov",
+                          "conferenceProvider": "pexip",
                           "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                           "guestPin": "2684353125#",
                           "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -188408,6 +188564,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                               "centralOfficeTimeString": "03:30",
                               "claimantId": 4,
                               "closestRegionalOffice": null,
+                              "conferenceProvider": "pexip",
                               "currentIssueCount": 1,
                               "disposition": null,
                               "dispositionEditable": true,
@@ -188443,6 +188600,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                                 "fullName": "Aaron Judge_HearingsAndCases Abshire",
                                 "id": 3,
                                 "lastLoginAt": null,
+                                "meetingType": "pexip",
                                 "roles": Object {},
                                 "selectedRegionalOffice": null,
                                 "stationId": "101",
@@ -188492,6 +188650,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                                 "appellantEmail": "Bob.Smith@test.com",
                                 "appellantTz": "America/Denver",
                                 "clientHost": "care.evn.va.gov",
+                                "conferenceProvider": "pexip",
                                 "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                                 "guestPin": "2684353125#",
                                 "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -188512,7 +188671,27 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                           isVirtual={true}
                           label="Guest Link"
                           link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
-                          linkText="Join Virtual Hearing"
+                          linkText="Join Hearing"
+                          links={
+                            Object {
+                              "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                              "appellantEmail": "Bob.Smith@test.com",
+                              "appellantTz": "America/Denver",
+                              "clientHost": "care.evn.va.gov",
+                              "conferenceProvider": "pexip",
+                              "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                              "guestPin": "2684353125#",
+                              "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                              "hostPin": "8600030#",
+                              "jobCompleted": true,
+                              "representativeEmail": "tom.brady@caseflow.gov",
+                              "representativeTz": "America/Los_Angeles",
+                              "requestCancelled": false,
+                              "scheduledInTimezone": "America/Chicago",
+                              "scheduledTimeString": "03:30",
+                              "status": "active",
+                            }
+                          }
                           role="Guest"
                           user={
                             Object {
@@ -188529,6 +188708,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                               "appellantEmail": "Bob.Smith@test.com",
                               "appellantTz": "America/Denver",
                               "clientHost": "care.evn.va.gov",
+                              "conferenceProvider": "pexip",
                               "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                               "guestPin": "2684353125#",
                               "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -188575,6 +188755,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                                   "centralOfficeTimeString": "03:30",
                                   "claimantId": 4,
                                   "closestRegionalOffice": null,
+                                  "conferenceProvider": "pexip",
                                   "currentIssueCount": 1,
                                   "disposition": null,
                                   "dispositionEditable": true,
@@ -188610,6 +188791,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                                     "fullName": "Aaron Judge_HearingsAndCases Abshire",
                                     "id": 3,
                                     "lastLoginAt": null,
+                                    "meetingType": "pexip",
                                     "roles": Object {},
                                     "selectedRegionalOffice": null,
                                     "stationId": "101",
@@ -188659,6 +188841,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                                     "appellantEmail": "Bob.Smith@test.com",
                                     "appellantTz": "America/Denver",
                                     "clientHost": "care.evn.va.gov",
+                                    "conferenceProvider": "pexip",
                                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                                     "guestPin": "2684353125#",
                                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -188677,7 +188860,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                                 }
                               }
                               isVirtual={true}
-                              label="Join Virtual Hearing"
+                              label="Join Hearing"
                               link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
                               pin="2684353125#"
                               role="Guest"
@@ -188696,6 +188879,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                                   "appellantEmail": "Bob.Smith@test.com",
                                   "appellantTz": "America/Denver",
                                   "clientHost": "care.evn.va.gov",
+                                  "conferenceProvider": "pexip",
                                   "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                                   "guestPin": "2684353125#",
                                   "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -188733,6 +188917,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                                     "centralOfficeTimeString": "03:30",
                                     "claimantId": 4,
                                     "closestRegionalOffice": null,
+                                    "conferenceProvider": "pexip",
                                     "currentIssueCount": 1,
                                     "disposition": null,
                                     "dispositionEditable": true,
@@ -188768,6 +188953,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                                       "fullName": "Aaron Judge_HearingsAndCases Abshire",
                                       "id": 3,
                                       "lastLoginAt": null,
+                                      "meetingType": "pexip",
                                       "roles": Object {},
                                       "selectedRegionalOffice": null,
                                       "stationId": "101",
@@ -188817,6 +189003,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                                       "appellantEmail": "Bob.Smith@test.com",
                                       "appellantTz": "America/Denver",
                                       "clientHost": "care.evn.va.gov",
+                                      "conferenceProvider": "pexip",
                                       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                                       "guestPin": "2684353125#",
                                       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -188835,7 +189022,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                                   }
                                 }
                                 isVirtual={true}
-                                label="Join Virtual Hearing"
+                                label="Join Hearing"
                                 link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
                                 newWindow={true}
                                 showFullLink={false}
@@ -188854,6 +189041,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                                     "appellantEmail": "Bob.Smith@test.com",
                                     "appellantTz": "America/Denver",
                                     "clientHost": "care.evn.va.gov",
+                                    "conferenceProvider": "pexip",
                                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                                     "guestPin": "2684353125#",
                                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -188878,7 +189066,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                                     type={null}
                                   >
                                     <strong>
-                                      Join Virtual Hearing
+                                      Join Hearing
                                     </strong>
                                     <span
                                       data-css-32srrr=""
@@ -188886,7 +189074,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                                        
                                       <ExternalLinkIcon
                                         className=""
-                                        color="#0071bc"
+                                        color="#757575"
                                         size={20}
                                       >
                                         <svg
@@ -188903,7 +189091,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                                             strokeWidth="1"
                                           >
                                             <g
-                                              fill="#0071bc"
+                                              fill="#757575"
                                               fillRule="nonzero"
                                             >
                                               <g
@@ -188968,11 +189156,12 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                                       aria-describedby="tooltip-Copy Guest Link"
                                       aria-label=""
                                       className="cf-apppeal-id"
-                                      data-css-cjlnsd=""
+                                      data-css-p6dv0b=""
                                       data-event="focus mouseenter"
                                       data-event-off="mouseleave keydown"
                                       data-for="tooltip-Copy Guest Link"
                                       data-tip={true}
+                                      disabled={false}
                                       onClick={[Function]}
                                       tabIndex={0}
                                       type="submit"
@@ -189111,7 +189300,6 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                             </VirtualHearingLinkDetails>
                           </div>
                         </LinkContainer>
-                        <div />
                       </div>
                     </HearingLinks>
                   </div>
@@ -189142,6 +189330,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                   "centralOfficeTimeString": "03:30",
                   "claimantId": 4,
                   "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
                   "currentIssueCount": 1,
                   "disposition": null,
                   "dispositionEditable": true,
@@ -189177,6 +189366,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                     "fullName": "Aaron Judge_HearingsAndCases Abshire",
                     "id": 3,
                     "lastLoginAt": null,
+                    "meetingType": "pexip",
                     "roles": Object {},
                     "selectedRegionalOffice": null,
                     "stationId": "101",
@@ -189226,6 +189416,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                     "appellantEmail": "Bob.Smith@test.com",
                     "appellantTz": "America/Denver",
                     "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                     "guestPin": "2684353125#",
                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -189264,6 +189455,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                   "centralOfficeTimeString": "03:30",
                   "claimantId": 4,
                   "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
                   "currentIssueCount": 1,
                   "disposition": null,
                   "dispositionEditable": true,
@@ -189299,6 +189491,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                     "fullName": "Aaron Judge_HearingsAndCases Abshire",
                     "id": 3,
                     "lastLoginAt": null,
+                    "meetingType": "pexip",
                     "roles": Object {},
                     "selectedRegionalOffice": null,
                     "stationId": "101",
@@ -189348,6 +189541,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                     "appellantEmail": "Bob.Smith@test.com",
                     "appellantTz": "America/Denver",
                     "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                     "guestPin": "2684353125#",
                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -222176,6 +222370,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                   "centralOfficeTimeString": "03:30",
                   "claimantId": 4,
                   "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
                   "currentIssueCount": 1,
                   "disposition": null,
                   "dispositionEditable": true,
@@ -222211,6 +222406,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                     "fullName": "Aaron Judge_HearingsAndCases Abshire",
                     "id": 3,
                     "lastLoginAt": null,
+                    "meetingType": "pexip",
                     "roles": Object {},
                     "selectedRegionalOffice": null,
                     "stationId": "101",
@@ -222260,6 +222456,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                     "appellantEmail": "Bob.Smith@test.com",
                     "appellantTz": "America/Denver",
                     "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                     "guestPin": "2684353125#",
                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -222277,6 +222474,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                   "worksheetIssues": Object {},
                 }
               }
+              isLegacy={false}
               transcription={
                 Object {
                   "expectedReturnDate": undefined,
@@ -226461,6 +226659,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                           "centralOfficeTimeString": "03:30",
                           "claimantId": 4,
                           "closestRegionalOffice": null,
+                          "conferenceProvider": "pexip",
                           "currentIssueCount": 1,
                           "disposition": null,
                           "dispositionEditable": true,
@@ -226496,6 +226695,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                             "fullName": "Aaron Judge_HearingsAndCases Abshire",
                             "id": 3,
                             "lastLoginAt": null,
+                            "meetingType": "pexip",
                             "roles": Object {},
                             "selectedRegionalOffice": null,
                             "stationId": "101",
@@ -226545,6 +226745,7 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
                             "appellantEmail": "Bob.Smith@test.com",
                             "appellantTz": "America/Denver",
                             "clientHost": "care.evn.va.gov",
+                            "conferenceProvider": "pexip",
                             "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                             "guestPin": "2684353125#",
                             "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -226785,22 +226986,24 @@ exports[`Details Does not display EmailConfirmationModal when updating transcrip
 </Connect(HearingDetails)>
 `;
 
-exports[`Details Does not display transcription section for legacy hearings 1`] = `
+exports[`Details Matches snapshot with default props 1`] = `
 <Connect(HearingDetails)
   goBack={[MockFunction]}
   hearing={
     Object {
       "advanceOnDocketMotion": null,
       "aod": false,
-      "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+      "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
       "appealId": 613,
       "appellantAddressLine1": "9999 MISSION ST",
       "appellantCity": "SAN FRANCISCO",
       "appellantEmailAddress": "tom.brady@caseflow.gov",
       "appellantFirstName": "Tom",
-      "appellantIsNotVeteran": true,
+      "appellantIsNotVeteran": false,
       "appellantLastName": "Brady",
+      "appellantRelationship": "Spouse",
       "appellantState": "CA",
+      "appellantTz": "America/Los_Angeles",
       "appellantZip": "94103",
       "availableHearingLocations": Object {},
       "bvaPoc": null,
@@ -226808,11 +227011,12 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
-      "currentIssueCount": 1,
+      "conferenceProvider": "pexip",
+      "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
-      "docketName": "legacy",
-      "docketNumber": "200624-613",
+      "docketName": "hearing",
+      "docketNumber": "200624-614",
       "emailEvents": Array [],
       "evidenceWindowWaived": false,
       "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
@@ -226848,21 +227052,30 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
       "regionalOfficeName": "St. Petersburg regional office",
       "regionalOfficeTimezone": "America/New_York",
       "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+      "representativeAddress": Object {
+        "addressLine1": "9999 MISSION ST",
+        "city": "SAN FRANCISCO",
+        "state": "CA",
+        "zip": "94103",
+      },
       "representativeEmailAddress": "tom.brady@caseflow.gov",
       "representativeName": null,
+      "representativeTz": "America/Los_Angeles",
       "room": "1",
-      "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+      "scheduledFor": "2020-07-06T06:00:00.000-04:00",
       "scheduledForIsPast": false,
-      "scheduledTime": "2000-01-01T04:00:00.000-05:00",
-      "scheduledTimeString": "04:00",
+      "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+      "scheduledTimeString": "06:00",
       "summary": null,
+      "transcriptRequested": null,
+      "transcription": Object {},
       "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
       "veteranAge": 85,
-      "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+      "veteranEmailAddress": "John.Smith@test.com",
       "veteranFileNumber": "100000005",
-      "veteranFirstName": "Brian",
+      "veteranFirstName": "John",
       "veteranGender": "M",
-      "veteranLastName": "Hodkiewicz",
+      "veteranLastName": "Smith",
       "virtualHearing": null,
       "wasVirtual": false,
       "witness": null,
@@ -226871,28 +227084,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
   }
   onReceiveAlerts={[MockFunction]}
   onReceiveTransitioningAlert={[MockFunction]}
-  saveHearing={
-    [MockFunction] {
-      "calls": Array [
-        Array [
-          Object {
-            "hearing": Object {
-              "email_recipients_attributes": Object {},
-              "transcriptSentDate": "07/25/2020",
-              "transcription_attributes": Object {},
-              "virtual_hearing_attributes": Object {},
-            },
-          },
-        ],
-      ],
-      "results": Array [
-        Object {
-          "type": "return",
-          "value": undefined,
-        },
-      ],
-    }
-  }
+  saveHearing={[MockFunction]}
   setHearing={[MockFunction]}
   transitionAlert={[MockFunction]}
 >
@@ -226903,15 +227095,17 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
       Object {
         "advanceOnDocketMotion": null,
         "aod": false,
-        "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+        "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
         "appealId": 613,
         "appellantAddressLine1": "9999 MISSION ST",
         "appellantCity": "SAN FRANCISCO",
         "appellantEmailAddress": "tom.brady@caseflow.gov",
         "appellantFirstName": "Tom",
-        "appellantIsNotVeteran": true,
+        "appellantIsNotVeteran": false,
         "appellantLastName": "Brady",
+        "appellantRelationship": "Spouse",
         "appellantState": "CA",
+        "appellantTz": "America/Los_Angeles",
         "appellantZip": "94103",
         "availableHearingLocations": Object {},
         "bvaPoc": null,
@@ -226919,11 +227113,12 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
-        "currentIssueCount": 1,
+        "conferenceProvider": "pexip",
+        "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
-        "docketName": "legacy",
-        "docketNumber": "200624-613",
+        "docketName": "hearing",
+        "docketNumber": "200624-614",
         "emailEvents": Array [],
         "evidenceWindowWaived": false,
         "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
@@ -226959,21 +227154,30 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
         "regionalOfficeName": "St. Petersburg regional office",
         "regionalOfficeTimezone": "America/New_York",
         "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+        "representativeAddress": Object {
+          "addressLine1": "9999 MISSION ST",
+          "city": "SAN FRANCISCO",
+          "state": "CA",
+          "zip": "94103",
+        },
         "representativeEmailAddress": "tom.brady@caseflow.gov",
         "representativeName": null,
+        "representativeTz": "America/Los_Angeles",
         "room": "1",
-        "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+        "scheduledFor": "2020-07-06T06:00:00.000-04:00",
         "scheduledForIsPast": false,
-        "scheduledTime": "2000-01-01T04:00:00.000-05:00",
-        "scheduledTimeString": "04:00",
+        "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+        "scheduledTimeString": "06:00",
         "summary": null,
+        "transcriptRequested": null,
+        "transcription": Object {},
         "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
         "veteranAge": 85,
-        "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+        "veteranEmailAddress": "John.Smith@test.com",
         "veteranFileNumber": "100000005",
-        "veteranFirstName": "Brian",
+        "veteranFirstName": "John",
         "veteranGender": "M",
-        "veteranLastName": "Hodkiewicz",
+        "veteranLastName": "Smith",
         "virtualHearing": null,
         "wasVirtual": false,
         "witness": null,
@@ -226982,28 +227186,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
     }
     onReceiveAlerts={[Function]}
     onReceiveTransitioningAlert={[Function]}
-    saveHearing={
-      [MockFunction] {
-        "calls": Array [
-          Array [
-            Object {
-              "hearing": Object {
-                "email_recipients_attributes": Object {},
-                "transcriptSentDate": "07/25/2020",
-                "transcription_attributes": Object {},
-                "virtual_hearing_attributes": Object {},
-              },
-            },
-          ],
-        ],
-        "results": Array [
-          Object {
-            "type": "return",
-            "value": undefined,
-          },
-        ],
-      }
-    }
+    saveHearing={[MockFunction]}
     setHearing={[MockFunction]}
     transitionAlert={[Function]}
   >
@@ -227025,21 +227208,23 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
           <DetailsHeader
             aod={false}
             disposition={null}
-            docketName="legacy"
-            docketNumber="200624-613"
+            docketName="hearing"
+            docketNumber="200624-614"
             hearing={
               Object {
                 "advanceOnDocketMotion": null,
                 "aod": false,
-                "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+                "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
                 "appealId": 613,
                 "appellantAddressLine1": "9999 MISSION ST",
                 "appellantCity": "SAN FRANCISCO",
                 "appellantEmailAddress": "tom.brady@caseflow.gov",
                 "appellantFirstName": "Tom",
-                "appellantIsNotVeteran": true,
+                "appellantIsNotVeteran": false,
                 "appellantLastName": "Brady",
+                "appellantRelationship": "Spouse",
                 "appellantState": "CA",
+                "appellantTz": "America/Los_Angeles",
                 "appellantZip": "94103",
                 "availableHearingLocations": Object {},
                 "bvaPoc": null,
@@ -227047,11 +227232,12 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                 "centralOfficeTimeString": "04:00",
                 "claimantId": 604,
                 "closestRegionalOffice": null,
-                "currentIssueCount": 1,
+                "conferenceProvider": "pexip",
+                "currentIssueCount": 0,
                 "disposition": null,
                 "dispositionEditable": true,
-                "docketName": "legacy",
-                "docketNumber": "200624-613",
+                "docketName": "hearing",
+                "docketNumber": "200624-614",
                 "emailEvents": Array [],
                 "evidenceWindowWaived": false,
                 "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
@@ -227087,14 +227273,22 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                 "regionalOfficeName": "St. Petersburg regional office",
                 "regionalOfficeTimezone": "America/New_York",
                 "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                "representativeAddress": Object {
+                  "addressLine1": "9999 MISSION ST",
+                  "city": "SAN FRANCISCO",
+                  "state": "CA",
+                  "zip": "94103",
+                },
                 "representativeEmailAddress": "tom.brady@caseflow.gov",
                 "representativeName": null,
+                "representativeTz": "America/Los_Angeles",
                 "room": "1",
-                "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+                "scheduledFor": "2020-07-06T06:00:00.000-04:00",
                 "scheduledForIsPast": false,
-                "scheduledTime": "2000-01-01T04:00:00.000-05:00",
-                "scheduledTimeString": "04:00",
+                "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                "scheduledTimeString": "06:00",
                 "summary": null,
+                "transcriptRequested": null,
                 "transcriptSentDate": undefined,
                 "transcription": Object {
                   "expectedReturnDate": undefined,
@@ -227104,11 +227298,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                 },
                 "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
                 "veteranAge": 85,
-                "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+                "veteranEmailAddress": "John.Smith@test.com",
                 "veteranFileNumber": "100000005",
-                "veteranFirstName": "Brian",
+                "veteranFirstName": "John",
                 "veteranGender": "M",
-                "veteranLastName": "Hodkiewicz",
+                "veteranLastName": "Smith",
                 "virtualHearing": null,
                 "wasVirtual": false,
                 "witness": null,
@@ -227120,10 +227314,10 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
             readableLocation={null}
             readableRequestType="Video"
             regionalOfficeName="St. Petersburg regional office"
-            scheduledFor="2020-07-06T04:00:00.000-04:00"
+            scheduledFor="2020-07-06T06:00:00.000-04:00"
             veteranFileNumber="100000005"
-            veteranFirstName="Brian"
-            veteranLastName="Hodkiewicz"
+            veteranFirstName="John"
+            veteranLastName="Smith"
           >
             <div
               data-css-valz31=""
@@ -227132,7 +227326,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                 className="cf-margin-bottom-0"
                 data-css-1l2qzxe=""
               >
-                Brian Hodkiewicz's Hearing Details
+                John Smith's Hearing Details
               </h1>
               <div>
                 Veteran ID: 
@@ -227161,11 +227355,12 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                         aria-describedby="tooltip-100000005"
                         aria-label=""
                         className="cf-apppeal-id"
-                        data-css-cjlnsd=""
+                        data-css-p6dv0b=""
                         data-event="focus mouseenter"
                         data-event-off="mouseleave keydown"
                         data-for="tooltip-100000005"
                         data-tip={true}
+                        disabled={true}
                         onClick={[Function]}
                         tabIndex={0}
                         type="submit"
@@ -227314,15 +227509,17 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                     Object {
                       "advanceOnDocketMotion": null,
                       "aod": false,
-                      "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+                      "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
                       "appealId": 613,
                       "appellantAddressLine1": "9999 MISSION ST",
                       "appellantCity": "SAN FRANCISCO",
                       "appellantEmailAddress": "tom.brady@caseflow.gov",
                       "appellantFirstName": "Tom",
-                      "appellantIsNotVeteran": true,
+                      "appellantIsNotVeteran": false,
                       "appellantLastName": "Brady",
+                      "appellantRelationship": "Spouse",
                       "appellantState": "CA",
+                      "appellantTz": "America/Los_Angeles",
                       "appellantZip": "94103",
                       "availableHearingLocations": Object {},
                       "bvaPoc": null,
@@ -227330,11 +227527,12 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                       "centralOfficeTimeString": "04:00",
                       "claimantId": 604,
                       "closestRegionalOffice": null,
-                      "currentIssueCount": 1,
+                      "conferenceProvider": "pexip",
+                      "currentIssueCount": 0,
                       "disposition": null,
                       "dispositionEditable": true,
-                      "docketName": "legacy",
-                      "docketNumber": "200624-613",
+                      "docketName": "hearing",
+                      "docketNumber": "200624-614",
                       "emailEvents": Array [],
                       "evidenceWindowWaived": false,
                       "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
@@ -227370,14 +227568,22 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                       "regionalOfficeName": "St. Petersburg regional office",
                       "regionalOfficeTimezone": "America/New_York",
                       "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                      "representativeAddress": Object {
+                        "addressLine1": "9999 MISSION ST",
+                        "city": "SAN FRANCISCO",
+                        "state": "CA",
+                        "zip": "94103",
+                      },
                       "representativeEmailAddress": "tom.brady@caseflow.gov",
                       "representativeName": null,
+                      "representativeTz": "America/Los_Angeles",
                       "room": "1",
-                      "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+                      "scheduledFor": "2020-07-06T06:00:00.000-04:00",
                       "scheduledForIsPast": false,
-                      "scheduledTime": "2000-01-01T04:00:00.000-05:00",
-                      "scheduledTimeString": "04:00",
+                      "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                      "scheduledTimeString": "06:00",
                       "summary": null,
+                      "transcriptRequested": null,
                       "transcriptSentDate": undefined,
                       "transcription": Object {
                         "expectedReturnDate": undefined,
@@ -227387,11 +227593,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                       },
                       "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
                       "veteranAge": 85,
-                      "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+                      "veteranEmailAddress": "John.Smith@test.com",
                       "veteranFileNumber": "100000005",
-                      "veteranFirstName": "Brian",
+                      "veteranFirstName": "John",
                       "veteranGender": "M",
-                      "veteranLastName": "Hodkiewicz",
+                      "veteranLastName": "Smith",
                       "virtualHearing": null,
                       "wasVirtual": false,
                       "witness": null,
@@ -227404,15 +227610,17 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                     Object {
                       "advanceOnDocketMotion": null,
                       "aod": false,
-                      "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+                      "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
                       "appealId": 613,
                       "appellantAddressLine1": "9999 MISSION ST",
                       "appellantCity": "SAN FRANCISCO",
                       "appellantEmailAddress": "tom.brady@caseflow.gov",
                       "appellantFirstName": "Tom",
-                      "appellantIsNotVeteran": true,
+                      "appellantIsNotVeteran": false,
                       "appellantLastName": "Brady",
+                      "appellantRelationship": "Spouse",
                       "appellantState": "CA",
+                      "appellantTz": "America/Los_Angeles",
                       "appellantZip": "94103",
                       "availableHearingLocations": Object {},
                       "bvaPoc": null,
@@ -227420,11 +227628,12 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                       "centralOfficeTimeString": "04:00",
                       "claimantId": 604,
                       "closestRegionalOffice": null,
-                      "currentIssueCount": 1,
+                      "conferenceProvider": "pexip",
+                      "currentIssueCount": 0,
                       "disposition": null,
                       "dispositionEditable": true,
-                      "docketName": "legacy",
-                      "docketNumber": "200624-613",
+                      "docketName": "hearing",
+                      "docketNumber": "200624-614",
                       "emailEvents": Array [],
                       "evidenceWindowWaived": false,
                       "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
@@ -227460,14 +227669,22 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                       "regionalOfficeName": "St. Petersburg regional office",
                       "regionalOfficeTimezone": "America/New_York",
                       "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                      "representativeAddress": Object {
+                        "addressLine1": "9999 MISSION ST",
+                        "city": "SAN FRANCISCO",
+                        "state": "CA",
+                        "zip": "94103",
+                      },
                       "representativeEmailAddress": "tom.brady@caseflow.gov",
                       "representativeName": null,
+                      "representativeTz": "America/Los_Angeles",
                       "room": "1",
-                      "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+                      "scheduledFor": "2020-07-06T06:00:00.000-04:00",
                       "scheduledForIsPast": false,
-                      "scheduledTime": "2000-01-01T04:00:00.000-05:00",
-                      "scheduledTimeString": "04:00",
+                      "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                      "scheduledTimeString": "06:00",
                       "summary": null,
+                      "transcriptRequested": null,
                       "transcriptSentDate": undefined,
                       "transcription": Object {
                         "expectedReturnDate": undefined,
@@ -227477,11 +227694,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                       },
                       "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
                       "veteranAge": 85,
-                      "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+                      "veteranEmailAddress": "John.Smith@test.com",
                       "veteranFileNumber": "100000005",
-                      "veteranFirstName": "Brian",
+                      "veteranFirstName": "John",
                       "veteranGender": "M",
-                      "veteranLastName": "Hodkiewicz",
+                      "veteranLastName": "Smith",
                       "virtualHearing": null,
                       "wasVirtual": false,
                       "witness": null,
@@ -227508,10 +227725,10 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                     "label": "Docket Number",
                     "value": <span>
                       <DocketTypeBadge
-                        name="legacy"
-                        number="200624-613"
+                        name="hearing"
+                        number="200624-614"
                       />
-                      200624-613
+                      200624-614
                     </span>,
                   },
                   Object {
@@ -227545,6 +227762,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                   data-css-1atuorp=""
                 >
                   <TitleDetailsSubheaderSection
+                    key="0"
                     title="Hearing Date"
                   >
                     <div
@@ -227575,6 +227793,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                     </div>
                   </TitleDetailsSubheaderSection>
                   <TitleDetailsSubheaderSection
+                    key="1"
                     title="Docket Number"
                   >
                     <div
@@ -227586,34 +227805,34 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                       <div>
                         <span>
                           <DocketTypeBadge
-                            name="legacy"
-                            number="200624-613"
+                            name="hearing"
+                            number="200624-614"
                           >
                             <Tooltip
-                              id="badge-200624-613"
+                              id="badge-200624-614"
                               position="bottom"
-                              text="Legacy"
+                              text="Hearing Request"
                             >
                               <span
-                                aria-describedby="badge-200624-613"
+                                aria-describedby="badge-200624-614"
                                 aria-label=""
                                 data-css-2moai0=""
                                 data-event="focus mouseenter"
                                 data-event-off="mouseleave keydown"
-                                data-for="badge-200624-613"
+                                data-for="badge-200624-614"
                                 data-tip={true}
                                 tabIndex={0}
                               >
-                                L
+                                H
                               </span>
                               <span
-                                data-css-1iar5hk=""
+                                data-css-127pskq=""
                               >
                                 <ReactTooltip
                                   className="cf-tooltip"
                                   clickable={false}
                                   effect="solid"
-                                  id="badge-200624-613"
+                                  id="badge-200624-614"
                                   insecure={true}
                                   multiline={true}
                                   offset={Object {}}
@@ -227625,7 +227844,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                   <div
                                     className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
                                     data-id="tooltip"
-                                    id="badge-200624-613"
+                                    id="badge-200624-614"
                                     role="tooltip"
                                   >
                                     <style
@@ -227709,18 +227928,19 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                         }
                                       }
                                     />
-                                    Legacy
+                                    Hearing Request
                                   </div>
                                 </ReactTooltip>
                               </span>
                             </Tooltip>
                           </DocketTypeBadge>
-                          200624-613
+                          200624-614
                         </span>
                       </div>
                     </div>
                   </TitleDetailsSubheaderSection>
                   <TitleDetailsSubheaderSection
+                    key="2"
                     title="Regional office"
                   >
                     <div
@@ -227735,6 +227955,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                     </div>
                   </TitleDetailsSubheaderSection>
                   <TitleDetailsSubheaderSection
+                    key="3"
                     title="Hearing Location"
                   >
                     <div
@@ -227747,6 +227968,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                     </div>
                   </TitleDetailsSubheaderSection>
                   <TitleDetailsSubheaderSection
+                    key="4"
                     title="Disposition"
                   >
                     <div
@@ -227761,6 +227983,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                     </div>
                   </TitleDetailsSubheaderSection>
                   <TitleDetailsSubheaderSection
+                    key="5"
                     title="Type"
                   >
                     <div
@@ -227775,6 +227998,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                     </div>
                   </TitleDetailsSubheaderSection>
                   <TitleDetailsSubheaderSection
+                    key="6"
                     title="AOD Status"
                   >
                     <div
@@ -227798,15 +228022,17 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
               Object {
                 "advanceOnDocketMotion": null,
                 "aod": false,
-                "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+                "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
                 "appealId": 613,
                 "appellantAddressLine1": "9999 MISSION ST",
                 "appellantCity": "SAN FRANCISCO",
                 "appellantEmailAddress": "tom.brady@caseflow.gov",
                 "appellantFirstName": "Tom",
-                "appellantIsNotVeteran": true,
+                "appellantIsNotVeteran": false,
                 "appellantLastName": "Brady",
+                "appellantRelationship": "Spouse",
                 "appellantState": "CA",
+                "appellantTz": "America/Los_Angeles",
                 "appellantZip": "94103",
                 "availableHearingLocations": Object {},
                 "bvaPoc": null,
@@ -227814,11 +228040,12 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                 "centralOfficeTimeString": "04:00",
                 "claimantId": 604,
                 "closestRegionalOffice": null,
-                "currentIssueCount": 1,
+                "conferenceProvider": "pexip",
+                "currentIssueCount": 0,
                 "disposition": null,
                 "dispositionEditable": true,
-                "docketName": "legacy",
-                "docketNumber": "200624-613",
+                "docketName": "hearing",
+                "docketNumber": "200624-614",
                 "emailEvents": Array [],
                 "evidenceWindowWaived": false,
                 "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
@@ -227854,14 +228081,22 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                 "regionalOfficeName": "St. Petersburg regional office",
                 "regionalOfficeTimezone": "America/New_York",
                 "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                "representativeAddress": Object {
+                  "addressLine1": "9999 MISSION ST",
+                  "city": "SAN FRANCISCO",
+                  "state": "CA",
+                  "zip": "94103",
+                },
                 "representativeEmailAddress": "tom.brady@caseflow.gov",
                 "representativeName": null,
+                "representativeTz": "America/Los_Angeles",
                 "room": "1",
-                "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+                "scheduledFor": "2020-07-06T06:00:00.000-04:00",
                 "scheduledForIsPast": false,
-                "scheduledTime": "2000-01-01T04:00:00.000-05:00",
-                "scheduledTimeString": "04:00",
+                "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                "scheduledTimeString": "06:00",
                 "summary": null,
+                "transcriptRequested": null,
                 "transcriptSentDate": undefined,
                 "transcription": Object {
                   "expectedReturnDate": undefined,
@@ -227871,11 +228106,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                 },
                 "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
                 "veteranAge": 85,
-                "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+                "veteranEmailAddress": "John.Smith@test.com",
                 "veteranFileNumber": "100000005",
-                "veteranFirstName": "Brian",
+                "veteranFirstName": "John",
                 "veteranGender": "M",
-                "veteranLastName": "Hodkiewicz",
+                "veteranLastName": "Smith",
                 "virtualHearing": null,
                 "wasVirtual": false,
                 "witness": null,
@@ -227901,15 +228136,17 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
               Object {
                 "advanceOnDocketMotion": null,
                 "aod": false,
-                "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+                "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
                 "appealId": 613,
                 "appellantAddressLine1": "9999 MISSION ST",
                 "appellantCity": "SAN FRANCISCO",
                 "appellantEmailAddress": "tom.brady@caseflow.gov",
                 "appellantFirstName": "Tom",
-                "appellantIsNotVeteran": true,
+                "appellantIsNotVeteran": false,
                 "appellantLastName": "Brady",
+                "appellantRelationship": "Spouse",
                 "appellantState": "CA",
+                "appellantTz": "America/Los_Angeles",
                 "appellantZip": "94103",
                 "availableHearingLocations": Object {},
                 "bvaPoc": null,
@@ -227917,11 +228154,12 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                 "centralOfficeTimeString": "04:00",
                 "claimantId": 604,
                 "closestRegionalOffice": null,
-                "currentIssueCount": 1,
+                "conferenceProvider": "pexip",
+                "currentIssueCount": 0,
                 "disposition": null,
                 "dispositionEditable": true,
-                "docketName": "legacy",
-                "docketNumber": "200624-613",
+                "docketName": "hearing",
+                "docketNumber": "200624-614",
                 "emailEvents": Array [],
                 "evidenceWindowWaived": false,
                 "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
@@ -227957,14 +228195,22 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                 "regionalOfficeName": "St. Petersburg regional office",
                 "regionalOfficeTimezone": "America/New_York",
                 "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                "representativeAddress": Object {
+                  "addressLine1": "9999 MISSION ST",
+                  "city": "SAN FRANCISCO",
+                  "state": "CA",
+                  "zip": "94103",
+                },
                 "representativeEmailAddress": "tom.brady@caseflow.gov",
                 "representativeName": null,
+                "representativeTz": "America/Los_Angeles",
                 "room": "1",
-                "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+                "scheduledFor": "2020-07-06T06:00:00.000-04:00",
                 "scheduledForIsPast": false,
-                "scheduledTime": "2000-01-01T04:00:00.000-05:00",
-                "scheduledTimeString": "04:00",
+                "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                "scheduledTimeString": "06:00",
                 "summary": null,
+                "transcriptRequested": null,
                 "transcriptSentDate": undefined,
                 "transcription": Object {
                   "expectedReturnDate": undefined,
@@ -227974,18 +228220,18 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                 },
                 "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
                 "veteranAge": 85,
-                "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+                "veteranEmailAddress": "John.Smith@test.com",
                 "veteranFileNumber": "100000005",
-                "veteranFirstName": "Brian",
+                "veteranFirstName": "John",
                 "veteranGender": "M",
-                "veteranLastName": "Hodkiewicz",
+                "veteranLastName": "Smith",
                 "virtualHearing": null,
                 "wasVirtual": false,
                 "witness": null,
                 "worksheetIssues": Object {},
               }
             }
-            isLegacy={true}
+            isLegacy={false}
             update={[Function]}
           >
             <ContentSection
@@ -236405,7 +236651,45 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                         </div>
                       </SearchableDropdown>
                     </HearingTypeDropdown>
-                    <div />
+                    <div>
+                      <strong>
+                        Waive 90 Day Evidence Hold
+                      </strong>
+                      <Checkbox
+                        label="Yes, Waive 90 Day Evidence Hold"
+                        name="evidenceWindowWaived"
+                        onChange={[Function]}
+                        required={false}
+                        value={false}
+                      >
+                        <div
+                          className="checkbox-wrapper-evidenceWindowWaived cf-form-checkboxes"
+                        >
+                          <div
+                            className="cf-form-checkbox"
+                          >
+                            <input
+                              aria-label="evidenceWindowWaived"
+                              checked={false}
+                              id="evidenceWindowWaived"
+                              name="evidenceWindowWaived"
+                              onChange={[Function]}
+                              type="checkbox"
+                            />
+                            <label
+                              htmlFor="evidenceWindowWaived"
+                            >
+                              <span
+                                className=""
+                              >
+                                Yes, Waive 90 Day Evidence Hold
+                              </span>
+                               
+                            </label>
+                          </div>
+                        </div>
+                      </Checkbox>
+                    </div>
                     <div />
                   </div>
                   <div>
@@ -236465,103 +236749,17 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                 Object {
                   "advanceOnDocketMotion": null,
                   "aod": false,
-                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
-                  "appealId": 613,
-                  "appellantAddressLine1": "9999 MISSION ST",
-                  "appellantCity": "SAN FRANCISCO",
-                  "appellantEmailAddress": "tom.brady@caseflow.gov",
-                  "appellantFirstName": "Tom",
-                  "appellantIsNotVeteran": true,
-                  "appellantLastName": "Brady",
-                  "appellantState": "CA",
-                  "appellantZip": "94103",
-                  "availableHearingLocations": Object {},
-                  "bvaPoc": null,
-                  "caseType": "Original",
-                  "centralOfficeTimeString": "04:00",
-                  "claimantId": 604,
-                  "closestRegionalOffice": null,
-                  "currentIssueCount": 1,
-                  "disposition": null,
-                  "dispositionEditable": true,
-                  "docketName": "legacy",
-                  "docketNumber": "200624-613",
-                  "emailEvents": Array [],
-                  "evidenceWindowWaived": false,
-                  "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                  "hearingDayId": 11,
-                  "id": 10,
-                  "isVirtual": false,
-                  "judge": Object {
-                    "createdAt": "2020-06-25T11:00:43.257-04:00",
-                    "cssId": "BVAAABSHIRE",
-                    "displayName": "BVAAABSHIRE (VACO)",
-                    "efolderDocumentsFetchedAt": null,
-                    "email": null,
-                    "fullName": "Aaron Judge_HearingsAndCases Abshire",
-                    "id": 3,
-                    "lastLoginAt": null,
-                    "roles": Object {},
-                    "selectedRegionalOffice": null,
-                    "stationId": "101",
-                    "status": "active",
-                    "statusUpdatedAt": null,
-                    "updatedAt": "2020-06-25T11:00:43.257-04:00",
-                  },
-                  "judgeId": "3",
-                  "location": null,
-                  "militaryService": "",
-                  "notes": null,
-                  "paperCase": false,
-                  "poaName": "AMERICAN LEGION",
-                  "prepped": null,
-                  "readableLocation": null,
-                  "readableRequestType": "Video",
-                  "regionalOfficeKey": "RO17",
-                  "regionalOfficeName": "St. Petersburg regional office",
-                  "regionalOfficeTimezone": "America/New_York",
-                  "representative": "PARALYZED VETERANS OF AMERICA, INC.",
-                  "representativeEmailAddress": "tom.brady@caseflow.gov",
-                  "representativeName": null,
-                  "room": "1",
-                  "scheduledFor": "2020-07-06T04:00:00.000-04:00",
-                  "scheduledForIsPast": false,
-                  "scheduledTime": "2000-01-01T04:00:00.000-05:00",
-                  "scheduledTimeString": "04:00",
-                  "summary": null,
-                  "transcriptSentDate": undefined,
-                  "transcription": Object {
-                    "expectedReturnDate": undefined,
-                    "problemNoticeSentDate": undefined,
-                    "sentToTranscriberDate": undefined,
-                    "uploadedToVbmsDate": undefined,
-                  },
-                  "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                  "veteranAge": 85,
-                  "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
-                  "veteranFileNumber": "100000005",
-                  "veteranFirstName": "Brian",
-                  "veteranGender": "M",
-                  "veteranLastName": "Hodkiewicz",
-                  "virtualHearing": null,
-                  "wasVirtual": false,
-                  "witness": null,
-                  "worksheetIssues": Object {},
-                }
-              }
-              initialHearing={
-                Object {
-                  "advanceOnDocketMotion": null,
-                  "aod": false,
-                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
                   "appealId": 613,
                   "appellantAddressLine1": "9999 MISSION ST",
                   "appellantCity": "SAN FRANCISCO",
                   "appellantEmailAddress": "tom.brady@caseflow.gov",
                   "appellantFirstName": "Tom",
-                  "appellantIsNotVeteran": true,
+                  "appellantIsNotVeteran": false,
                   "appellantLastName": "Brady",
+                  "appellantRelationship": "Spouse",
                   "appellantState": "CA",
+                  "appellantTz": "America/Los_Angeles",
                   "appellantZip": "94103",
                   "availableHearingLocations": Object {},
                   "bvaPoc": null,
@@ -236569,11 +236767,12 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                   "centralOfficeTimeString": "04:00",
                   "claimantId": 604,
                   "closestRegionalOffice": null,
-                  "currentIssueCount": 1,
+                  "conferenceProvider": "pexip",
+                  "currentIssueCount": 0,
                   "disposition": null,
                   "dispositionEditable": true,
-                  "docketName": "legacy",
-                  "docketNumber": "200624-613",
+                  "docketName": "hearing",
+                  "docketNumber": "200624-614",
                   "emailEvents": Array [],
                   "evidenceWindowWaived": false,
                   "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
@@ -236609,108 +236808,22 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                   "regionalOfficeName": "St. Petersburg regional office",
                   "regionalOfficeTimezone": "America/New_York",
                   "representative": "PARALYZED VETERANS OF AMERICA, INC.",
-                  "representativeEmailAddress": "tom.brady@caseflow.gov",
-                  "representativeName": null,
-                  "room": "1",
-                  "scheduledFor": "2020-07-06T04:00:00.000-04:00",
-                  "scheduledForIsPast": false,
-                  "scheduledTime": "2000-01-01T04:00:00.000-05:00",
-                  "scheduledTimeString": "04:00",
-                  "summary": null,
-                  "transcriptSentDate": undefined,
-                  "transcription": Object {
-                    "expectedReturnDate": undefined,
-                    "problemNoticeSentDate": undefined,
-                    "sentToTranscriberDate": undefined,
-                    "uploadedToVbmsDate": undefined,
-                  },
-                  "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                  "veteranAge": 85,
-                  "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
-                  "veteranFileNumber": "100000005",
-                  "veteranFirstName": "Brian",
-                  "veteranGender": "M",
-                  "veteranLastName": "Hodkiewicz",
-                  "virtualHearing": null,
-                  "wasVirtual": false,
-                  "witness": null,
-                  "worksheetIssues": Object {},
-                }
-              }
-              update={[Function]}
-              virtualHearing={null}
-            />
-            <EmailNotificationFields
-              errors={Object {}}
-              header="Email Notifications"
-              hearing={
-                Object {
-                  "advanceOnDocketMotion": null,
-                  "aod": false,
-                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
-                  "appealId": 613,
-                  "appellantAddressLine1": "9999 MISSION ST",
-                  "appellantCity": "SAN FRANCISCO",
-                  "appellantEmailAddress": "tom.brady@caseflow.gov",
-                  "appellantFirstName": "Tom",
-                  "appellantIsNotVeteran": true,
-                  "appellantLastName": "Brady",
-                  "appellantState": "CA",
-                  "appellantZip": "94103",
-                  "availableHearingLocations": Object {},
-                  "bvaPoc": null,
-                  "caseType": "Original",
-                  "centralOfficeTimeString": "04:00",
-                  "claimantId": 604,
-                  "closestRegionalOffice": null,
-                  "currentIssueCount": 1,
-                  "disposition": null,
-                  "dispositionEditable": true,
-                  "docketName": "legacy",
-                  "docketNumber": "200624-613",
-                  "emailEvents": Array [],
-                  "evidenceWindowWaived": false,
-                  "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                  "hearingDayId": 11,
-                  "id": 10,
-                  "isVirtual": false,
-                  "judge": Object {
-                    "createdAt": "2020-06-25T11:00:43.257-04:00",
-                    "cssId": "BVAAABSHIRE",
-                    "displayName": "BVAAABSHIRE (VACO)",
-                    "efolderDocumentsFetchedAt": null,
-                    "email": null,
-                    "fullName": "Aaron Judge_HearingsAndCases Abshire",
-                    "id": 3,
-                    "lastLoginAt": null,
-                    "roles": Object {},
-                    "selectedRegionalOffice": null,
-                    "stationId": "101",
-                    "status": "active",
-                    "statusUpdatedAt": null,
-                    "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                  "representativeAddress": Object {
+                    "addressLine1": "9999 MISSION ST",
+                    "city": "SAN FRANCISCO",
+                    "state": "CA",
+                    "zip": "94103",
                   },
-                  "judgeId": "3",
-                  "location": null,
-                  "militaryService": "",
-                  "notes": null,
-                  "paperCase": false,
-                  "poaName": "AMERICAN LEGION",
-                  "prepped": null,
-                  "readableLocation": null,
-                  "readableRequestType": "Video",
-                  "regionalOfficeKey": "RO17",
-                  "regionalOfficeName": "St. Petersburg regional office",
-                  "regionalOfficeTimezone": "America/New_York",
-                  "representative": "PARALYZED VETERANS OF AMERICA, INC.",
                   "representativeEmailAddress": "tom.brady@caseflow.gov",
                   "representativeName": null,
+                  "representativeTz": "America/Los_Angeles",
                   "room": "1",
-                  "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+                  "scheduledFor": "2020-07-06T06:00:00.000-04:00",
                   "scheduledForIsPast": false,
-                  "scheduledTime": "2000-01-01T04:00:00.000-05:00",
-                  "scheduledTimeString": "04:00",
+                  "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                  "scheduledTimeString": "06:00",
                   "summary": null,
+                  "transcriptRequested": null,
                   "transcriptSentDate": undefined,
                   "transcription": Object {
                     "expectedReturnDate": undefined,
@@ -236720,11 +236833,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                   },
                   "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
                   "veteranAge": 85,
-                  "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+                  "veteranEmailAddress": "John.Smith@test.com",
                   "veteranFileNumber": "100000005",
-                  "veteranFirstName": "Brian",
+                  "veteranFirstName": "John",
                   "veteranGender": "M",
-                  "veteranLastName": "Hodkiewicz",
+                  "veteranLastName": "Smith",
                   "virtualHearing": null,
                   "wasVirtual": false,
                   "witness": null,
@@ -236735,15 +236848,17 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                 Object {
                   "advanceOnDocketMotion": null,
                   "aod": false,
-                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
                   "appealId": 613,
                   "appellantAddressLine1": "9999 MISSION ST",
                   "appellantCity": "SAN FRANCISCO",
                   "appellantEmailAddress": "tom.brady@caseflow.gov",
                   "appellantFirstName": "Tom",
-                  "appellantIsNotVeteran": true,
+                  "appellantIsNotVeteran": false,
                   "appellantLastName": "Brady",
+                  "appellantRelationship": "Spouse",
                   "appellantState": "CA",
+                  "appellantTz": "America/Los_Angeles",
                   "appellantZip": "94103",
                   "availableHearingLocations": Object {},
                   "bvaPoc": null,
@@ -236751,11 +236866,12 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                   "centralOfficeTimeString": "04:00",
                   "claimantId": 604,
                   "closestRegionalOffice": null,
-                  "currentIssueCount": 1,
+                  "conferenceProvider": "pexip",
+                  "currentIssueCount": 0,
                   "disposition": null,
                   "dispositionEditable": true,
-                  "docketName": "legacy",
-                  "docketNumber": "200624-613",
+                  "docketName": "hearing",
+                  "docketNumber": "200624-614",
                   "emailEvents": Array [],
                   "evidenceWindowWaived": false,
                   "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
@@ -236791,14 +236907,22 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                   "regionalOfficeName": "St. Petersburg regional office",
                   "regionalOfficeTimezone": "America/New_York",
                   "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                  "representativeAddress": Object {
+                    "addressLine1": "9999 MISSION ST",
+                    "city": "SAN FRANCISCO",
+                    "state": "CA",
+                    "zip": "94103",
+                  },
                   "representativeEmailAddress": "tom.brady@caseflow.gov",
                   "representativeName": null,
+                  "representativeTz": "America/Los_Angeles",
                   "room": "1",
-                  "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+                  "scheduledFor": "2020-07-06T06:00:00.000-04:00",
                   "scheduledForIsPast": false,
-                  "scheduledTime": "2000-01-01T04:00:00.000-05:00",
-                  "scheduledTimeString": "04:00",
+                  "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                  "scheduledTimeString": "06:00",
                   "summary": null,
+                  "transcriptRequested": null,
                   "transcriptSentDate": undefined,
                   "transcription": Object {
                     "expectedReturnDate": undefined,
@@ -236808,20 +236932,800 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                   },
                   "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
                   "veteranAge": 85,
-                  "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+                  "veteranEmailAddress": "John.Smith@test.com",
                   "veteranFileNumber": "100000005",
-                  "veteranFirstName": "Brian",
+                  "veteranFirstName": "John",
                   "veteranGender": "M",
-                  "veteranLastName": "Hodkiewicz",
+                  "veteranLastName": "Smith",
+                  "virtualHearing": null,
+                  "wasVirtual": false,
+                  "witness": null,
+                  "worksheetIssues": Object {},
+                }
+              }
+              update={[Function]}
+              virtualHearing={null}
+            >
+              <ContentSection
+                header="Hearing Links"
+              >
+                <div
+                  className="cf-app-segment"
+                >
+                  <h2
+                    data-css-3rhuy2=""
+                  >
+                    Hearing Links
+                  </h2>
+                  <div
+                    data-css-1571z6o=""
+                  >
+                    <div
+                      data-css-tx10g=""
+                    >
+                      <strong>
+                        Pexip
+                         Hearing
+                      </strong>
+                    </div>
+                    <HearingLinks
+                      hearing={
+                        Object {
+                          "advanceOnDocketMotion": null,
+                          "aod": false,
+                          "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
+                          "appealId": 613,
+                          "appellantAddressLine1": "9999 MISSION ST",
+                          "appellantCity": "SAN FRANCISCO",
+                          "appellantEmailAddress": "tom.brady@caseflow.gov",
+                          "appellantFirstName": "Tom",
+                          "appellantIsNotVeteran": false,
+                          "appellantLastName": "Brady",
+                          "appellantRelationship": "Spouse",
+                          "appellantState": "CA",
+                          "appellantTz": "America/Los_Angeles",
+                          "appellantZip": "94103",
+                          "availableHearingLocations": Object {},
+                          "bvaPoc": null,
+                          "caseType": "Original",
+                          "centralOfficeTimeString": "04:00",
+                          "claimantId": 604,
+                          "closestRegionalOffice": null,
+                          "conferenceProvider": "pexip",
+                          "currentIssueCount": 0,
+                          "disposition": null,
+                          "dispositionEditable": true,
+                          "docketName": "hearing",
+                          "docketNumber": "200624-614",
+                          "emailEvents": Array [],
+                          "evidenceWindowWaived": false,
+                          "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                          "hearingDayId": 11,
+                          "id": 10,
+                          "isVirtual": false,
+                          "judge": Object {
+                            "createdAt": "2020-06-25T11:00:43.257-04:00",
+                            "cssId": "BVAAABSHIRE",
+                            "displayName": "BVAAABSHIRE (VACO)",
+                            "efolderDocumentsFetchedAt": null,
+                            "email": null,
+                            "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                            "id": 3,
+                            "lastLoginAt": null,
+                            "roles": Object {},
+                            "selectedRegionalOffice": null,
+                            "stationId": "101",
+                            "status": "active",
+                            "statusUpdatedAt": null,
+                            "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                          },
+                          "judgeId": "3",
+                          "location": null,
+                          "militaryService": "",
+                          "notes": null,
+                          "paperCase": false,
+                          "poaName": "AMERICAN LEGION",
+                          "prepped": null,
+                          "readableLocation": null,
+                          "readableRequestType": "Video",
+                          "regionalOfficeKey": "RO17",
+                          "regionalOfficeName": "St. Petersburg regional office",
+                          "regionalOfficeTimezone": "America/New_York",
+                          "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                          "representativeAddress": Object {
+                            "addressLine1": "9999 MISSION ST",
+                            "city": "SAN FRANCISCO",
+                            "state": "CA",
+                            "zip": "94103",
+                          },
+                          "representativeEmailAddress": "tom.brady@caseflow.gov",
+                          "representativeName": null,
+                          "representativeTz": "America/Los_Angeles",
+                          "room": "1",
+                          "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                          "scheduledForIsPast": false,
+                          "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                          "scheduledTimeString": "06:00",
+                          "summary": null,
+                          "transcriptRequested": null,
+                          "transcriptSentDate": undefined,
+                          "transcription": Object {
+                            "expectedReturnDate": undefined,
+                            "problemNoticeSentDate": undefined,
+                            "sentToTranscriberDate": undefined,
+                            "uploadedToVbmsDate": undefined,
+                          },
+                          "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                          "veteranAge": 85,
+                          "veteranEmailAddress": "John.Smith@test.com",
+                          "veteranFileNumber": "100000005",
+                          "veteranFirstName": "John",
+                          "veteranGender": "M",
+                          "veteranLastName": "Smith",
+                          "virtualHearing": null,
+                          "wasVirtual": false,
+                          "witness": null,
+                          "worksheetIssues": Object {},
+                        }
+                      }
+                      isCancelled={false}
+                      isVirtual={false}
+                      scheduledForIsPast={false}
+                      user={
+                        Object {
+                          "addressCity": "Washington",
+                          "addressLine1": "123 Fake St.",
+                          "addressState": "DC",
+                          "addressZip": "20001",
+                          "name": "John Smith",
+                        }
+                      }
+                      virtualHearing={null}
+                      wasVirtual={false}
+                    >
+                      <div
+                        data-css-19plkw7=""
+                        data-css-1fmltfu=""
+                      >
+                        <LinkContainer
+                          hearing={
+                            Object {
+                              "advanceOnDocketMotion": null,
+                              "aod": false,
+                              "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
+                              "appealId": 613,
+                              "appellantAddressLine1": "9999 MISSION ST",
+                              "appellantCity": "SAN FRANCISCO",
+                              "appellantEmailAddress": "tom.brady@caseflow.gov",
+                              "appellantFirstName": "Tom",
+                              "appellantIsNotVeteran": false,
+                              "appellantLastName": "Brady",
+                              "appellantRelationship": "Spouse",
+                              "appellantState": "CA",
+                              "appellantTz": "America/Los_Angeles",
+                              "appellantZip": "94103",
+                              "availableHearingLocations": Object {},
+                              "bvaPoc": null,
+                              "caseType": "Original",
+                              "centralOfficeTimeString": "04:00",
+                              "claimantId": 604,
+                              "closestRegionalOffice": null,
+                              "conferenceProvider": "pexip",
+                              "currentIssueCount": 0,
+                              "disposition": null,
+                              "dispositionEditable": true,
+                              "docketName": "hearing",
+                              "docketNumber": "200624-614",
+                              "emailEvents": Array [],
+                              "evidenceWindowWaived": false,
+                              "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                              "hearingDayId": 11,
+                              "id": 10,
+                              "isVirtual": false,
+                              "judge": Object {
+                                "createdAt": "2020-06-25T11:00:43.257-04:00",
+                                "cssId": "BVAAABSHIRE",
+                                "displayName": "BVAAABSHIRE (VACO)",
+                                "efolderDocumentsFetchedAt": null,
+                                "email": null,
+                                "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                                "id": 3,
+                                "lastLoginAt": null,
+                                "roles": Object {},
+                                "selectedRegionalOffice": null,
+                                "stationId": "101",
+                                "status": "active",
+                                "statusUpdatedAt": null,
+                                "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                              },
+                              "judgeId": "3",
+                              "location": null,
+                              "militaryService": "",
+                              "notes": null,
+                              "paperCase": false,
+                              "poaName": "AMERICAN LEGION",
+                              "prepped": null,
+                              "readableLocation": null,
+                              "readableRequestType": "Video",
+                              "regionalOfficeKey": "RO17",
+                              "regionalOfficeName": "St. Petersburg regional office",
+                              "regionalOfficeTimezone": "America/New_York",
+                              "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                              "representativeAddress": Object {
+                                "addressLine1": "9999 MISSION ST",
+                                "city": "SAN FRANCISCO",
+                                "state": "CA",
+                                "zip": "94103",
+                              },
+                              "representativeEmailAddress": "tom.brady@caseflow.gov",
+                              "representativeName": null,
+                              "representativeTz": "America/Los_Angeles",
+                              "room": "1",
+                              "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                              "scheduledForIsPast": false,
+                              "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                              "scheduledTimeString": "06:00",
+                              "summary": null,
+                              "transcriptRequested": null,
+                              "transcriptSentDate": undefined,
+                              "transcription": Object {
+                                "expectedReturnDate": undefined,
+                                "problemNoticeSentDate": undefined,
+                                "sentToTranscriberDate": undefined,
+                                "uploadedToVbmsDate": undefined,
+                              },
+                              "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                              "veteranAge": 85,
+                              "veteranEmailAddress": "John.Smith@test.com",
+                              "veteranFileNumber": "100000005",
+                              "veteranFirstName": "John",
+                              "veteranGender": "M",
+                              "veteranLastName": "Smith",
+                              "virtualHearing": null,
+                              "wasVirtual": false,
+                              "witness": null,
+                              "worksheetIssues": Object {},
+                            }
+                          }
+                          isVirtual={false}
+                          label="Guest Link"
+                          linkText="Join Hearing"
+                          role="Guest"
+                          user={
+                            Object {
+                              "addressCity": "Washington",
+                              "addressLine1": "123 Fake St.",
+                              "addressState": "DC",
+                              "addressZip": "20001",
+                              "name": "John Smith",
+                            }
+                          }
+                          virtualHearing={null}
+                          wasVirtual={false}
+                        >
+                          <div
+                            data-css-tx10g=""
+                            id="guest-hearings-link"
+                          >
+                            <strong>
+                              Guest Link
+                              : 
+                            </strong>
+                            <VirtualHearingLinkDetails
+                              hearing={
+                                Object {
+                                  "advanceOnDocketMotion": null,
+                                  "aod": false,
+                                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
+                                  "appealId": 613,
+                                  "appellantAddressLine1": "9999 MISSION ST",
+                                  "appellantCity": "SAN FRANCISCO",
+                                  "appellantEmailAddress": "tom.brady@caseflow.gov",
+                                  "appellantFirstName": "Tom",
+                                  "appellantIsNotVeteran": false,
+                                  "appellantLastName": "Brady",
+                                  "appellantRelationship": "Spouse",
+                                  "appellantState": "CA",
+                                  "appellantTz": "America/Los_Angeles",
+                                  "appellantZip": "94103",
+                                  "availableHearingLocations": Object {},
+                                  "bvaPoc": null,
+                                  "caseType": "Original",
+                                  "centralOfficeTimeString": "04:00",
+                                  "claimantId": 604,
+                                  "closestRegionalOffice": null,
+                                  "conferenceProvider": "pexip",
+                                  "currentIssueCount": 0,
+                                  "disposition": null,
+                                  "dispositionEditable": true,
+                                  "docketName": "hearing",
+                                  "docketNumber": "200624-614",
+                                  "emailEvents": Array [],
+                                  "evidenceWindowWaived": false,
+                                  "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                                  "hearingDayId": 11,
+                                  "id": 10,
+                                  "isVirtual": false,
+                                  "judge": Object {
+                                    "createdAt": "2020-06-25T11:00:43.257-04:00",
+                                    "cssId": "BVAAABSHIRE",
+                                    "displayName": "BVAAABSHIRE (VACO)",
+                                    "efolderDocumentsFetchedAt": null,
+                                    "email": null,
+                                    "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                                    "id": 3,
+                                    "lastLoginAt": null,
+                                    "roles": Object {},
+                                    "selectedRegionalOffice": null,
+                                    "stationId": "101",
+                                    "status": "active",
+                                    "statusUpdatedAt": null,
+                                    "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                                  },
+                                  "judgeId": "3",
+                                  "location": null,
+                                  "militaryService": "",
+                                  "notes": null,
+                                  "paperCase": false,
+                                  "poaName": "AMERICAN LEGION",
+                                  "prepped": null,
+                                  "readableLocation": null,
+                                  "readableRequestType": "Video",
+                                  "regionalOfficeKey": "RO17",
+                                  "regionalOfficeName": "St. Petersburg regional office",
+                                  "regionalOfficeTimezone": "America/New_York",
+                                  "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                                  "representativeAddress": Object {
+                                    "addressLine1": "9999 MISSION ST",
+                                    "city": "SAN FRANCISCO",
+                                    "state": "CA",
+                                    "zip": "94103",
+                                  },
+                                  "representativeEmailAddress": "tom.brady@caseflow.gov",
+                                  "representativeName": null,
+                                  "representativeTz": "America/Los_Angeles",
+                                  "room": "1",
+                                  "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                                  "scheduledForIsPast": false,
+                                  "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                                  "scheduledTimeString": "06:00",
+                                  "summary": null,
+                                  "transcriptRequested": null,
+                                  "transcriptSentDate": undefined,
+                                  "transcription": Object {
+                                    "expectedReturnDate": undefined,
+                                    "problemNoticeSentDate": undefined,
+                                    "sentToTranscriberDate": undefined,
+                                    "uploadedToVbmsDate": undefined,
+                                  },
+                                  "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                                  "veteranAge": 85,
+                                  "veteranEmailAddress": "John.Smith@test.com",
+                                  "veteranFileNumber": "100000005",
+                                  "veteranFirstName": "John",
+                                  "veteranGender": "M",
+                                  "veteranLastName": "Smith",
+                                  "virtualHearing": null,
+                                  "wasVirtual": false,
+                                  "witness": null,
+                                  "worksheetIssues": Object {},
+                                }
+                              }
+                              isVirtual={false}
+                              label="Join Hearing"
+                              role="Guest"
+                              user={
+                                Object {
+                                  "addressCity": "Washington",
+                                  "addressLine1": "123 Fake St.",
+                                  "addressState": "DC",
+                                  "addressZip": "20001",
+                                  "name": "John Smith",
+                                }
+                              }
+                              virtualHearing={null}
+                              wasVirtual={false}
+                            >
+                              <span>
+                                N/A
+                              </span>
+                              <div
+                                data-css-1abghdv=""
+                              >
+                                <strong>
+                                  Conference Room: 
+                                </strong>
+                                N/A
+                              </div>
+                              <div
+                                data-css-6aejb2=""
+                              >
+                                <strong>
+                                  PIN: 
+                                </strong>
+                                N/A
+                              </div>
+                              <CopyTextButton
+                                ariaLabel="Copy Guest Link"
+                                label=""
+                                styling={Object {}}
+                                text="Copy Guest Link"
+                                textToCopy={null}
+                              >
+                                <Tooltip
+                                  id="tooltip-Copy Guest Link"
+                                  position="bottom"
+                                  text="Click to copy"
+                                >
+                                  <CopyToClipboard
+                                    aria-describedby="tooltip-Copy Guest Link"
+                                    aria-label=""
+                                    data-event="focus mouseenter"
+                                    data-event-off="mouseleave keydown"
+                                    data-for="tooltip-Copy Guest Link"
+                                    data-tip={true}
+                                    tabIndex={0}
+                                    text="Copy Guest Link"
+                                  >
+                                    <button
+                                      aria-describedby="tooltip-Copy Guest Link"
+                                      aria-label=""
+                                      className="cf-apppeal-id"
+                                      data-css-p6dv0b=""
+                                      data-event="focus mouseenter"
+                                      data-event-off="mouseleave keydown"
+                                      data-for="tooltip-Copy Guest Link"
+                                      data-tip={true}
+                                      disabled={true}
+                                      onClick={[Function]}
+                                      tabIndex={0}
+                                      type="submit"
+                                    >
+                                      Copy Guest Link
+                                       
+                                      <ClipboardIcon
+                                        className=""
+                                        color="#5b616b"
+                                        size={17}
+                                      >
+                                        <svg
+                                          className=""
+                                          height={17}
+                                          viewBox="0 0 21 21"
+                                          xmlns="http://www.w3.org/2000/svg"
+                                        >
+                                          <path
+                                            d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                                            fill="#5b616b"
+                                            fillRule="evenodd"
+                                          />
+                                        </svg>
+                                      </ClipboardIcon>
+                                    </button>
+                                  </CopyToClipboard>
+                                  <span
+                                    data-css-1qgqh7a=""
+                                  >
+                                    <ReactTooltip
+                                      className="cf-tooltip"
+                                      clickable={false}
+                                      effect="solid"
+                                      id="tooltip-Copy Guest Link"
+                                      insecure={true}
+                                      multiline={true}
+                                      offset={Object {}}
+                                      place="bottom"
+                                      resizeHide={true}
+                                      role="tooltip"
+                                      wrapper="div"
+                                    >
+                                      <div
+                                        className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                                        data-id="tooltip"
+                                        id="tooltip-Copy Guest Link"
+                                        role="tooltip"
+                                      >
+                                        <style
+                                          dangerouslySetInnerHTML={
+                                            Object {
+                                              "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                                            }
+                                          }
+                                        />
+                                        Click to copy
+                                      </div>
+                                    </ReactTooltip>
+                                  </span>
+                                </Tooltip>
+                              </CopyTextButton>
+                            </VirtualHearingLinkDetails>
+                          </div>
+                        </LinkContainer>
+                      </div>
+                    </HearingLinks>
+                  </div>
+                </div>
+              </ContentSection>
+            </VirtualHearingFields>
+            <EmailNotificationFields
+              errors={Object {}}
+              header="Email Notifications"
+              hearing={
+                Object {
+                  "advanceOnDocketMotion": null,
+                  "aod": false,
+                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
+                  "appealId": 613,
+                  "appellantAddressLine1": "9999 MISSION ST",
+                  "appellantCity": "SAN FRANCISCO",
+                  "appellantEmailAddress": "tom.brady@caseflow.gov",
+                  "appellantFirstName": "Tom",
+                  "appellantIsNotVeteran": false,
+                  "appellantLastName": "Brady",
+                  "appellantRelationship": "Spouse",
+                  "appellantState": "CA",
+                  "appellantTz": "America/Los_Angeles",
+                  "appellantZip": "94103",
+                  "availableHearingLocations": Object {},
+                  "bvaPoc": null,
+                  "caseType": "Original",
+                  "centralOfficeTimeString": "04:00",
+                  "claimantId": 604,
+                  "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
+                  "currentIssueCount": 0,
+                  "disposition": null,
+                  "dispositionEditable": true,
+                  "docketName": "hearing",
+                  "docketNumber": "200624-614",
+                  "emailEvents": Array [],
+                  "evidenceWindowWaived": false,
+                  "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                  "hearingDayId": 11,
+                  "id": 10,
+                  "isVirtual": false,
+                  "judge": Object {
+                    "createdAt": "2020-06-25T11:00:43.257-04:00",
+                    "cssId": "BVAAABSHIRE",
+                    "displayName": "BVAAABSHIRE (VACO)",
+                    "efolderDocumentsFetchedAt": null,
+                    "email": null,
+                    "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                    "id": 3,
+                    "lastLoginAt": null,
+                    "roles": Object {},
+                    "selectedRegionalOffice": null,
+                    "stationId": "101",
+                    "status": "active",
+                    "statusUpdatedAt": null,
+                    "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                  },
+                  "judgeId": "3",
+                  "location": null,
+                  "militaryService": "",
+                  "notes": null,
+                  "paperCase": false,
+                  "poaName": "AMERICAN LEGION",
+                  "prepped": null,
+                  "readableLocation": null,
+                  "readableRequestType": "Video",
+                  "regionalOfficeKey": "RO17",
+                  "regionalOfficeName": "St. Petersburg regional office",
+                  "regionalOfficeTimezone": "America/New_York",
+                  "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                  "representativeAddress": Object {
+                    "addressLine1": "9999 MISSION ST",
+                    "city": "SAN FRANCISCO",
+                    "state": "CA",
+                    "zip": "94103",
+                  },
+                  "representativeEmailAddress": "tom.brady@caseflow.gov",
+                  "representativeName": null,
+                  "representativeTz": "America/Los_Angeles",
+                  "room": "1",
+                  "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                  "scheduledForIsPast": false,
+                  "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                  "scheduledTimeString": "06:00",
+                  "summary": null,
+                  "transcriptRequested": null,
+                  "transcriptSentDate": undefined,
+                  "transcription": Object {
+                    "expectedReturnDate": undefined,
+                    "problemNoticeSentDate": undefined,
+                    "sentToTranscriberDate": undefined,
+                    "uploadedToVbmsDate": undefined,
+                  },
+                  "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                  "veteranAge": 85,
+                  "veteranEmailAddress": "John.Smith@test.com",
+                  "veteranFileNumber": "100000005",
+                  "veteranFirstName": "John",
+                  "veteranGender": "M",
+                  "veteranLastName": "Smith",
+                  "virtualHearing": null,
+                  "wasVirtual": false,
+                  "witness": null,
+                  "worksheetIssues": Object {},
+                }
+              }
+              initialHearing={
+                Object {
+                  "advanceOnDocketMotion": null,
+                  "aod": false,
+                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
+                  "appealId": 613,
+                  "appellantAddressLine1": "9999 MISSION ST",
+                  "appellantCity": "SAN FRANCISCO",
+                  "appellantEmailAddress": "tom.brady@caseflow.gov",
+                  "appellantFirstName": "Tom",
+                  "appellantIsNotVeteran": false,
+                  "appellantLastName": "Brady",
+                  "appellantRelationship": "Spouse",
+                  "appellantState": "CA",
+                  "appellantTz": "America/Los_Angeles",
+                  "appellantZip": "94103",
+                  "availableHearingLocations": Object {},
+                  "bvaPoc": null,
+                  "caseType": "Original",
+                  "centralOfficeTimeString": "04:00",
+                  "claimantId": 604,
+                  "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
+                  "currentIssueCount": 0,
+                  "disposition": null,
+                  "dispositionEditable": true,
+                  "docketName": "hearing",
+                  "docketNumber": "200624-614",
+                  "emailEvents": Array [],
+                  "evidenceWindowWaived": false,
+                  "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                  "hearingDayId": 11,
+                  "id": 10,
+                  "isVirtual": false,
+                  "judge": Object {
+                    "createdAt": "2020-06-25T11:00:43.257-04:00",
+                    "cssId": "BVAAABSHIRE",
+                    "displayName": "BVAAABSHIRE (VACO)",
+                    "efolderDocumentsFetchedAt": null,
+                    "email": null,
+                    "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                    "id": 3,
+                    "lastLoginAt": null,
+                    "roles": Object {},
+                    "selectedRegionalOffice": null,
+                    "stationId": "101",
+                    "status": "active",
+                    "statusUpdatedAt": null,
+                    "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                  },
+                  "judgeId": "3",
+                  "location": null,
+                  "militaryService": "",
+                  "notes": null,
+                  "paperCase": false,
+                  "poaName": "AMERICAN LEGION",
+                  "prepped": null,
+                  "readableLocation": null,
+                  "readableRequestType": "Video",
+                  "regionalOfficeKey": "RO17",
+                  "regionalOfficeName": "St. Petersburg regional office",
+                  "regionalOfficeTimezone": "America/New_York",
+                  "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                  "representativeAddress": Object {
+                    "addressLine1": "9999 MISSION ST",
+                    "city": "SAN FRANCISCO",
+                    "state": "CA",
+                    "zip": "94103",
+                  },
+                  "representativeEmailAddress": "tom.brady@caseflow.gov",
+                  "representativeName": null,
+                  "representativeTz": "America/Los_Angeles",
+                  "room": "1",
+                  "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                  "scheduledForIsPast": false,
+                  "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                  "scheduledTimeString": "06:00",
+                  "summary": null,
+                  "transcriptRequested": null,
+                  "transcriptSentDate": undefined,
+                  "transcription": Object {
+                    "expectedReturnDate": undefined,
+                    "problemNoticeSentDate": undefined,
+                    "sentToTranscriberDate": undefined,
+                    "uploadedToVbmsDate": undefined,
+                  },
+                  "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                  "veteranAge": 85,
+                  "veteranEmailAddress": "John.Smith@test.com",
+                  "veteranFileNumber": "100000005",
+                  "veteranFirstName": "John",
+                  "veteranGender": "M",
+                  "veteranLastName": "Smith",
                   "virtualHearing": null,
                   "wasVirtual": false,
                   "witness": null,
                   "worksheetIssues": Object {},
                 }
               }
+              initialRepresentativeTz="America/Los_Angeles"
               requestType="Video"
               roTimezone="America/New_York"
-              time="04:00"
+              time="06:00"
               update={[Function]}
             >
               <ContentSection
@@ -236848,19 +237752,19 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                       >
                         <Timezone
                           hearingDayDate="2020-07-06"
-                          label="Appellant Timezone"
+                          label="Veteran Timezone"
                           name="appellantTz"
                           onChange={[Function]}
                           optional={true}
                           readOnly={false}
                           required={false}
                           roTimezone="America/New_York"
-                          time="04:00"
-                          value={null}
+                          time="06:00"
+                          value="America/Los_Angeles"
                         >
                           <SearchableDropdown
                             clearOnSelect={false}
-                            label="Appellant Timezone"
+                            label="Veteran Timezone"
                             loading={false}
                             name="appellantTz"
                             onChange={[Function]}
@@ -236873,762 +237777,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                 },
                                 Object {
                                   "index": -3,
-                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
                                   "value": "America/New_York",
                                 },
                                 Object {
                                   "index": -2,
-                                  "label": "Central Time (US & Canada) (3:00 AM)",
+                                  "label": "Central Time (US & Canada) (5:00 AM)",
                                   "value": "America/Chicago",
                                 },
                                 Object {
                                   "index": -1,
-                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
                                   "value": "America/Denver",
                                 },
                                 Object {
                                   "index": -0,
-                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
                                   "value": "America/Los_Angeles",
                                 },
                                 Object {
                                   "index": 2.4,
-                                  "label": "Indiana (East) (4:00 AM)",
+                                  "label": "Indiana (East) (6:00 AM)",
                                   "value": "America/Indiana/Indianapolis",
                                 },
                                 Object {
                                   "index": 2.4,
-                                  "label": "Puerto Rico (4:00 AM)",
+                                  "label": "Puerto Rico (6:00 AM)",
                                   "value": "America/Puerto_Rico",
                                 },
                                 Object {
                                   "index": 4.2,
-                                  "label": "Arizona (1:00 AM)",
+                                  "label": "Arizona (3:00 AM)",
                                   "value": "America/Phoenix",
                                 },
                                 Object {
                                   "index": 4.8,
-                                  "label": "Alaska (12:00 AM)",
+                                  "label": "Alaska (2:00 AM)",
                                   "value": "America/Juneau",
                                 },
                                 Object {
                                   "index": 4.8,
-                                  "label": "Philippine Standard Time (4:00 PM)",
+                                  "label": "Philippine Standard Time (6:00 PM)",
                                   "value": "Asia/Manila",
                                 },
                                 Object {
                                   "index": 6,
-                                  "label": "Hawaii (10:00 PM)",
+                                  "label": "Hawaii (12:00 AM)",
                                   "value": "Pacific/Honolulu",
                                 },
                                 Object {
                                   "index": 100,
-                                  "label": "Azores (8:00 AM)",
+                                  "label": "Azores (10:00 AM)",
                                   "value": "Atlantic/Azores",
                                 },
                                 Object {
                                   "index": 100,
-                                  "label": "Monrovia (8:00 AM)",
+                                  "label": "Monrovia (10:00 AM)",
                                   "value": "Africa/Monrovia",
                                 },
                                 Object {
                                   "index": 100,
-                                  "label": "UTC (8:00 AM)",
+                                  "label": "UTC (10:00 AM)",
                                   "value": "Etc/UTC",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "Cape Verde Is. (7:00 AM)",
+                                  "label": "Cape Verde Is. (9:00 AM)",
                                   "value": "Atlantic/Cape_Verde",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "Dublin (9:00 AM)",
+                                  "label": "Dublin (11:00 AM)",
                                   "value": "Europe/Dublin",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "Edinburgh (9:00 AM)",
+                                  "label": "Edinburgh (11:00 AM)",
                                   "value": "Europe/London",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "Lisbon (9:00 AM)",
+                                  "label": "Lisbon (11:00 AM)",
                                   "value": "Europe/Lisbon",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "London (9:00 AM)",
+                                  "label": "London (11:00 AM)",
                                   "value": "Europe/London",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "Casablanca (9:00 AM)",
+                                  "label": "Casablanca (11:00 AM)",
                                   "value": "Africa/Casablanca",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "West Central Africa (9:00 AM)",
+                                  "label": "West Central Africa (11:00 AM)",
                                   "value": "Africa/Algiers",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Greenland (6:00 AM)",
+                                  "label": "Greenland (8:00 AM)",
                                   "value": "America/Godthab",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Mid-Atlantic (6:00 AM)",
+                                  "label": "Mid-Atlantic (8:00 AM)",
                                   "value": "Atlantic/South_Georgia",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Belgrade (10:00 AM)",
+                                  "label": "Belgrade (12:00 PM)",
                                   "value": "Europe/Belgrade",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Bratislava (10:00 AM)",
+                                  "label": "Bratislava (12:00 PM)",
                                   "value": "Europe/Bratislava",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Budapest (10:00 AM)",
+                                  "label": "Budapest (12:00 PM)",
                                   "value": "Europe/Budapest",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Ljubljana (10:00 AM)",
+                                  "label": "Ljubljana (12:00 PM)",
                                   "value": "Europe/Ljubljana",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Prague (10:00 AM)",
+                                  "label": "Prague (12:00 PM)",
                                   "value": "Europe/Prague",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Sarajevo (10:00 AM)",
+                                  "label": "Sarajevo (12:00 PM)",
                                   "value": "Europe/Sarajevo",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Skopje (10:00 AM)",
+                                  "label": "Skopje (12:00 PM)",
                                   "value": "Europe/Skopje",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Warsaw (10:00 AM)",
+                                  "label": "Warsaw (12:00 PM)",
                                   "value": "Europe/Warsaw",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Zagreb (10:00 AM)",
+                                  "label": "Zagreb (12:00 PM)",
                                   "value": "Europe/Zagreb",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Brussels (10:00 AM)",
+                                  "label": "Brussels (12:00 PM)",
                                   "value": "Europe/Brussels",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Copenhagen (10:00 AM)",
+                                  "label": "Copenhagen (12:00 PM)",
                                   "value": "Europe/Copenhagen",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Madrid (10:00 AM)",
+                                  "label": "Madrid (12:00 PM)",
                                   "value": "Europe/Madrid",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Paris (10:00 AM)",
+                                  "label": "Paris (12:00 PM)",
                                   "value": "Europe/Paris",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Amsterdam (10:00 AM)",
+                                  "label": "Amsterdam (12:00 PM)",
                                   "value": "Europe/Amsterdam",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Berlin (10:00 AM)",
+                                  "label": "Berlin (12:00 PM)",
                                   "value": "Europe/Berlin",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Bern (10:00 AM)",
+                                  "label": "Bern (12:00 PM)",
                                   "value": "Europe/Zurich",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Zurich (10:00 AM)",
+                                  "label": "Zurich (12:00 PM)",
                                   "value": "Europe/Zurich",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Rome (10:00 AM)",
+                                  "label": "Rome (12:00 PM)",
                                   "value": "Europe/Rome",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Stockholm (10:00 AM)",
+                                  "label": "Stockholm (12:00 PM)",
                                   "value": "Europe/Stockholm",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Vienna (10:00 AM)",
+                                  "label": "Vienna (12:00 PM)",
                                   "value": "Europe/Vienna",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Cairo (10:00 AM)",
+                                  "label": "Cairo (12:00 PM)",
                                   "value": "Africa/Cairo",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Harare (10:00 AM)",
+                                  "label": "Harare (12:00 PM)",
                                   "value": "Africa/Harare",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Pretoria (10:00 AM)",
+                                  "label": "Pretoria (12:00 PM)",
                                   "value": "Africa/Johannesburg",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Kaliningrad (10:00 AM)",
+                                  "label": "Kaliningrad (12:00 PM)",
                                   "value": "Europe/Kaliningrad",
                                 },
                                 Object {
                                   "index": 250,
-                                  "label": "Newfoundland (5:30 AM)",
+                                  "label": "Newfoundland (7:30 AM)",
                                   "value": "America/St_Johns",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Atlantic Time (Canada) (5:00 AM)",
+                                  "label": "Atlantic Time (Canada) (7:00 AM)",
                                   "value": "America/Halifax",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Brasilia (5:00 AM)",
+                                  "label": "Brasilia (7:00 AM)",
                                   "value": "America/Sao_Paulo",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Buenos Aires (5:00 AM)",
+                                  "label": "Buenos Aires (7:00 AM)",
                                   "value": "America/Argentina/Buenos_Aires",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Montevideo (5:00 AM)",
+                                  "label": "Montevideo (7:00 AM)",
                                   "value": "America/Montevideo",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Bucharest (11:00 AM)",
+                                  "label": "Bucharest (1:00 PM)",
                                   "value": "Europe/Bucharest",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Helsinki (11:00 AM)",
+                                  "label": "Helsinki (1:00 PM)",
                                   "value": "Europe/Helsinki",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Kyiv (11:00 AM)",
+                                  "label": "Kyiv (1:00 PM)",
                                   "value": "Europe/Kiev",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Riga (11:00 AM)",
+                                  "label": "Riga (1:00 PM)",
                                   "value": "Europe/Riga",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Sofia (11:00 AM)",
+                                  "label": "Sofia (1:00 PM)",
                                   "value": "Europe/Sofia",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Tallinn (11:00 AM)",
+                                  "label": "Tallinn (1:00 PM)",
                                   "value": "Europe/Tallinn",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Vilnius (11:00 AM)",
+                                  "label": "Vilnius (1:00 PM)",
                                   "value": "Europe/Vilnius",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Athens (11:00 AM)",
+                                  "label": "Athens (1:00 PM)",
                                   "value": "Europe/Athens",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Istanbul (11:00 AM)",
+                                  "label": "Istanbul (1:00 PM)",
                                   "value": "Europe/Istanbul",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Minsk (11:00 AM)",
+                                  "label": "Minsk (1:00 PM)",
                                   "value": "Europe/Minsk",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Jerusalem (11:00 AM)",
+                                  "label": "Jerusalem (1:00 PM)",
                                   "value": "Asia/Jerusalem",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Moscow (11:00 AM)",
+                                  "label": "Moscow (1:00 PM)",
                                   "value": "Europe/Moscow",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "St. Petersburg (11:00 AM)",
+                                  "label": "St. Petersburg (1:00 PM)",
                                   "value": "Europe/Moscow",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Kuwait (11:00 AM)",
+                                  "label": "Kuwait (1:00 PM)",
                                   "value": "Asia/Kuwait",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Riyadh (11:00 AM)",
+                                  "label": "Riyadh (1:00 PM)",
                                   "value": "Asia/Riyadh",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Nairobi (11:00 AM)",
+                                  "label": "Nairobi (1:00 PM)",
                                   "value": "Africa/Nairobi",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Baghdad (11:00 AM)",
+                                  "label": "Baghdad (1:00 PM)",
                                   "value": "Asia/Baghdad",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Caracas (4:00 AM)",
+                                  "label": "Caracas (6:00 AM)",
                                   "value": "America/Caracas",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "La Paz (4:00 AM)",
+                                  "label": "La Paz (6:00 AM)",
                                   "value": "America/La_Paz",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Santiago (4:00 AM)",
+                                  "label": "Santiago (6:00 AM)",
                                   "value": "America/Santiago",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Georgetown (4:00 AM)",
+                                  "label": "Georgetown (6:00 AM)",
                                   "value": "America/Guyana",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Volgograd (12:00 PM)",
+                                  "label": "Volgograd (2:00 PM)",
                                   "value": "Europe/Volgograd",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Samara (12:00 PM)",
+                                  "label": "Samara (2:00 PM)",
                                   "value": "Europe/Samara",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Abu Dhabi (12:00 PM)",
+                                  "label": "Abu Dhabi (2:00 PM)",
                                   "value": "Asia/Muscat",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Muscat (12:00 PM)",
+                                  "label": "Muscat (2:00 PM)",
                                   "value": "Asia/Muscat",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Baku (12:00 PM)",
+                                  "label": "Baku (2:00 PM)",
                                   "value": "Asia/Baku",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Tbilisi (12:00 PM)",
+                                  "label": "Tbilisi (2:00 PM)",
                                   "value": "Asia/Tbilisi",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Yerevan (12:00 PM)",
+                                  "label": "Yerevan (2:00 PM)",
                                   "value": "Asia/Yerevan",
                                 },
                                 Object {
                                   "index": 370,
-                                  "label": "Tehran (12:30 PM)",
+                                  "label": "Tehran (2:30 PM)",
                                   "value": "Asia/Tehran",
                                 },
                                 Object {
                                   "index": 370,
-                                  "label": "Kabul (12:30 PM)",
+                                  "label": "Kabul (2:30 PM)",
                                   "value": "Asia/Kabul",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Guadalajara (3:00 AM)",
+                                  "label": "Guadalajara (5:00 AM)",
                                   "value": "America/Mexico_City",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Mexico City (3:00 AM)",
+                                  "label": "Mexico City (5:00 AM)",
                                   "value": "America/Mexico_City",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Monterrey (3:00 AM)",
+                                  "label": "Monterrey (5:00 AM)",
                                   "value": "America/Monterrey",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Bogota (3:00 AM)",
+                                  "label": "Bogota (5:00 AM)",
                                   "value": "America/Bogota",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Lima (3:00 AM)",
+                                  "label": "Lima (5:00 AM)",
                                   "value": "America/Lima",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Quito (3:00 AM)",
+                                  "label": "Quito (5:00 AM)",
                                   "value": "America/Lima",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Ekaterinburg (1:00 PM)",
+                                  "label": "Ekaterinburg (3:00 PM)",
                                   "value": "Asia/Yekaterinburg",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Islamabad (1:00 PM)",
+                                  "label": "Islamabad (3:00 PM)",
                                   "value": "Asia/Karachi",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Karachi (1:00 PM)",
+                                  "label": "Karachi (3:00 PM)",
                                   "value": "Asia/Karachi",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Tashkent (1:00 PM)",
+                                  "label": "Tashkent (3:00 PM)",
                                   "value": "Asia/Tashkent",
                                 },
                                 Object {
                                   "index": 430,
-                                  "label": "Chennai (1:30 PM)",
+                                  "label": "Chennai (3:30 PM)",
                                   "value": "Asia/Kolkata",
                                 },
                                 Object {
                                   "index": 430,
-                                  "label": "Kolkata (1:30 PM)",
+                                  "label": "Kolkata (3:30 PM)",
                                   "value": "Asia/Kolkata",
                                 },
                                 Object {
                                   "index": 430,
-                                  "label": "Mumbai (1:30 PM)",
+                                  "label": "Mumbai (3:30 PM)",
                                   "value": "Asia/Kolkata",
                                 },
                                 Object {
                                   "index": 430,
-                                  "label": "New Delhi (1:30 PM)",
+                                  "label": "New Delhi (3:30 PM)",
                                   "value": "Asia/Kolkata",
                                 },
                                 Object {
                                   "index": 430,
-                                  "label": "Sri Jayawardenepura (1:30 PM)",
+                                  "label": "Sri Jayawardenepura (3:30 PM)",
                                   "value": "Asia/Colombo",
                                 },
                                 Object {
                                   "index": 445,
-                                  "label": "Kathmandu (1:45 PM)",
+                                  "label": "Kathmandu (3:45 PM)",
                                   "value": "Asia/Kathmandu",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Chihuahua (2:00 AM)",
+                                  "label": "Chihuahua (4:00 AM)",
                                   "value": "America/Chihuahua",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Mazatlan (2:00 AM)",
+                                  "label": "Mazatlan (4:00 AM)",
                                   "value": "America/Mazatlan",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Saskatchewan (2:00 AM)",
+                                  "label": "Saskatchewan (4:00 AM)",
                                   "value": "America/Regina",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Central America (2:00 AM)",
+                                  "label": "Central America (4:00 AM)",
                                   "value": "America/Guatemala",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Astana (2:00 PM)",
+                                  "label": "Astana (4:00 PM)",
                                   "value": "Asia/Dhaka",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Dhaka (2:00 PM)",
+                                  "label": "Dhaka (4:00 PM)",
                                   "value": "Asia/Dhaka",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Almaty (2:00 PM)",
+                                  "label": "Almaty (4:00 PM)",
                                   "value": "Asia/Almaty",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Urumqi (2:00 PM)",
+                                  "label": "Urumqi (4:00 PM)",
                                   "value": "Asia/Urumqi",
                                 },
                                 Object {
                                   "index": 490,
-                                  "label": "Rangoon (2:30 PM)",
+                                  "label": "Rangoon (4:30 PM)",
                                   "value": "Asia/Rangoon",
                                 },
                                 Object {
                                   "index": 520,
-                                  "label": "Tijuana (1:00 AM)",
+                                  "label": "Tijuana (3:00 AM)",
                                   "value": "America/Tijuana",
                                 },
                                 Object {
                                   "index": 520,
-                                  "label": "Novosibirsk (3:00 PM)",
+                                  "label": "Novosibirsk (5:00 PM)",
                                   "value": "Asia/Novosibirsk",
                                 },
                                 Object {
                                   "index": 520,
-                                  "label": "Bangkok (3:00 PM)",
+                                  "label": "Bangkok (5:00 PM)",
                                   "value": "Asia/Bangkok",
                                 },
                                 Object {
                                   "index": 520,
-                                  "label": "Hanoi (3:00 PM)",
+                                  "label": "Hanoi (5:00 PM)",
                                   "value": "Asia/Bangkok",
                                 },
                                 Object {
                                   "index": 520,
-                                  "label": "Jakarta (3:00 PM)",
+                                  "label": "Jakarta (5:00 PM)",
                                   "value": "Asia/Jakarta",
                                 },
                                 Object {
                                   "index": 520,
-                                  "label": "Krasnoyarsk (3:00 PM)",
+                                  "label": "Krasnoyarsk (5:00 PM)",
                                   "value": "Asia/Krasnoyarsk",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Beijing (4:00 PM)",
+                                  "label": "Beijing (6:00 PM)",
                                   "value": "Asia/Shanghai",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Chongqing (4:00 PM)",
+                                  "label": "Chongqing (6:00 PM)",
                                   "value": "Asia/Chongqing",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Hong Kong (4:00 PM)",
+                                  "label": "Hong Kong (6:00 PM)",
                                   "value": "Asia/Hong_Kong",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Kuala Lumpur (4:00 PM)",
+                                  "label": "Kuala Lumpur (6:00 PM)",
                                   "value": "Asia/Kuala_Lumpur",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Singapore (4:00 PM)",
+                                  "label": "Singapore (6:00 PM)",
                                   "value": "Asia/Singapore",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Taipei (4:00 PM)",
+                                  "label": "Taipei (6:00 PM)",
                                   "value": "Asia/Taipei",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Perth (4:00 PM)",
+                                  "label": "Perth (6:00 PM)",
                                   "value": "Australia/Perth",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Irkutsk (4:00 PM)",
+                                  "label": "Irkutsk (6:00 PM)",
                                   "value": "Asia/Irkutsk",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Ulaanbaatar (4:00 PM)",
+                                  "label": "Ulaanbaatar (6:00 PM)",
                                   "value": "Asia/Ulaanbaatar",
                                 },
                                 Object {
                                   "index": 640,
-                                  "label": "Seoul (5:00 PM)",
+                                  "label": "Seoul (7:00 PM)",
                                   "value": "Asia/Seoul",
                                 },
                                 Object {
                                   "index": 640,
-                                  "label": "Osaka (5:00 PM)",
+                                  "label": "Osaka (7:00 PM)",
                                   "value": "Asia/Tokyo",
                                 },
                                 Object {
                                   "index": 640,
-                                  "label": "Sapporo (5:00 PM)",
+                                  "label": "Sapporo (7:00 PM)",
                                   "value": "Asia/Tokyo",
                                 },
                                 Object {
                                   "index": 640,
-                                  "label": "Tokyo (5:00 PM)",
+                                  "label": "Tokyo (7:00 PM)",
                                   "value": "Asia/Tokyo",
                                 },
                                 Object {
                                   "index": 640,
-                                  "label": "Yakutsk (5:00 PM)",
+                                  "label": "Yakutsk (7:00 PM)",
                                   "value": "Asia/Yakutsk",
                                 },
                                 Object {
                                   "index": 670,
-                                  "label": "Darwin (5:30 PM)",
+                                  "label": "Darwin (7:30 PM)",
                                   "value": "Australia/Darwin",
                                 },
                                 Object {
                                   "index": 670,
-                                  "label": "Adelaide (5:30 PM)",
+                                  "label": "Adelaide (7:30 PM)",
                                   "value": "Australia/Adelaide",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Canberra (6:00 PM)",
+                                  "label": "Canberra (8:00 PM)",
                                   "value": "Australia/Melbourne",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Melbourne (6:00 PM)",
+                                  "label": "Melbourne (8:00 PM)",
                                   "value": "Australia/Melbourne",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Sydney (6:00 PM)",
+                                  "label": "Sydney (8:00 PM)",
                                   "value": "Australia/Sydney",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Brisbane (6:00 PM)",
+                                  "label": "Brisbane (8:00 PM)",
                                   "value": "Australia/Brisbane",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Hobart (6:00 PM)",
+                                  "label": "Hobart (8:00 PM)",
                                   "value": "Australia/Hobart",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Vladivostok (6:00 PM)",
+                                  "label": "Vladivostok (8:00 PM)",
                                   "value": "Asia/Vladivostok",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Guam (6:00 PM)",
+                                  "label": "Guam (8:00 PM)",
                                   "value": "Pacific/Guam",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Port Moresby (6:00 PM)",
+                                  "label": "Port Moresby (8:00 PM)",
                                   "value": "Pacific/Port_Moresby",
                                 },
                                 Object {
                                   "index": 760,
-                                  "label": "Midway Island (9:00 PM)",
+                                  "label": "Midway Island (11:00 PM)",
                                   "value": "Pacific/Midway",
                                 },
                                 Object {
                                   "index": 760,
-                                  "label": "American Samoa (9:00 PM)",
+                                  "label": "American Samoa (11:00 PM)",
                                   "value": "Pacific/Pago_Pago",
                                 },
                                 Object {
                                   "index": 760,
-                                  "label": "Magadan (7:00 PM)",
+                                  "label": "Magadan (9:00 PM)",
                                   "value": "Asia/Magadan",
                                 },
                                 Object {
                                   "index": 760,
-                                  "label": "Srednekolymsk (7:00 PM)",
+                                  "label": "Srednekolymsk (9:00 PM)",
                                   "value": "Asia/Srednekolymsk",
                                 },
                                 Object {
                                   "index": 760,
-                                  "label": "Solomon Is. (7:00 PM)",
+                                  "label": "Solomon Is. (9:00 PM)",
                                   "value": "Pacific/Guadalcanal",
                                 },
                                 Object {
                                   "index": 760,
-                                  "label": "New Caledonia (7:00 PM)",
+                                  "label": "New Caledonia (9:00 PM)",
                                   "value": "Pacific/Noumea",
                                 },
                                 Object {
                                   "index": 820,
-                                  "label": "International Date Line West (8:00 PM)",
+                                  "label": "International Date Line West (10:00 PM)",
                                   "value": "Etc/GMT+12",
                                 },
                                 Object {
                                   "index": 820,
-                                  "label": "Fiji (8:00 PM)",
+                                  "label": "Fiji (10:00 PM)",
                                   "value": "Pacific/Fiji",
                                 },
                                 Object {
                                   "index": 820,
-                                  "label": "Kamchatka (8:00 PM)",
+                                  "label": "Kamchatka (10:00 PM)",
                                   "value": "Asia/Kamchatka",
                                 },
                                 Object {
                                   "index": 820,
-                                  "label": "Marshall Is. (8:00 PM)",
+                                  "label": "Marshall Is. (10:00 PM)",
                                   "value": "Pacific/Majuro",
                                 },
                                 Object {
                                   "index": 820,
-                                  "label": "Auckland (8:00 PM)",
+                                  "label": "Auckland (10:00 PM)",
                                   "value": "Pacific/Auckland",
                                 },
                                 Object {
                                   "index": 820,
-                                  "label": "Wellington (8:00 PM)",
+                                  "label": "Wellington (10:00 PM)",
                                   "value": "Pacific/Auckland",
                                 },
                                 Object {
                                   "index": 865,
-                                  "label": "Chatham Is. (8:45 PM)",
+                                  "label": "Chatham Is. (10:45 PM)",
                                   "value": "Pacific/Chatham",
                                 },
                                 Object {
                                   "index": 880,
-                                  "label": "Nuku'alofa (9:00 PM)",
+                                  "label": "Nuku'alofa (11:00 PM)",
                                   "value": "Pacific/Tongatapu",
                                 },
                                 Object {
                                   "index": 880,
-                                  "label": "Tokelau Is. (9:00 PM)",
+                                  "label": "Tokelau Is. (11:00 PM)",
                                   "value": "Pacific/Fakaofo",
                                 },
                                 Object {
                                   "index": 880,
-                                  "label": "Samoa (9:00 PM)",
+                                  "label": "Samoa (11:00 PM)",
                                   "value": "Pacific/Apia",
                                 },
                               ]
@@ -237649,7 +238553,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                 },
                               }
                             }
-                            value={null}
+                            value="America/Los_Angeles"
                           >
                             <div
                               className=""
@@ -237665,13 +238569,13 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                 >
                                   <strong>
                                     <FormLabel
-                                      label="Appellant Timezone"
-                                      name="Appellant Timezone"
+                                      label="Veteran Timezone"
+                                      name="Veteran Timezone"
                                       optional={true}
                                       required={false}
                                     >
                                       <span>
-                                        Appellant Timezone
+                                        Veteran Timezone
                                         <span
                                           className="cf-optional"
                                         >
@@ -237715,762 +238619,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                         },
                                         Object {
                                           "index": -3,
-                                          "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                          "label": "Eastern Time (US & Canada) (6:00 AM)",
                                           "value": "America/New_York",
                                         },
                                         Object {
                                           "index": -2,
-                                          "label": "Central Time (US & Canada) (3:00 AM)",
+                                          "label": "Central Time (US & Canada) (5:00 AM)",
                                           "value": "America/Chicago",
                                         },
                                         Object {
                                           "index": -1,
-                                          "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                          "label": "Mountain Time (US & Canada) (4:00 AM)",
                                           "value": "America/Denver",
                                         },
                                         Object {
                                           "index": -0,
-                                          "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
                                           "value": "America/Los_Angeles",
                                         },
                                         Object {
                                           "index": 2.4,
-                                          "label": "Indiana (East) (4:00 AM)",
+                                          "label": "Indiana (East) (6:00 AM)",
                                           "value": "America/Indiana/Indianapolis",
                                         },
                                         Object {
                                           "index": 2.4,
-                                          "label": "Puerto Rico (4:00 AM)",
+                                          "label": "Puerto Rico (6:00 AM)",
                                           "value": "America/Puerto_Rico",
                                         },
                                         Object {
                                           "index": 4.2,
-                                          "label": "Arizona (1:00 AM)",
+                                          "label": "Arizona (3:00 AM)",
                                           "value": "America/Phoenix",
                                         },
                                         Object {
                                           "index": 4.8,
-                                          "label": "Alaska (12:00 AM)",
+                                          "label": "Alaska (2:00 AM)",
                                           "value": "America/Juneau",
                                         },
                                         Object {
                                           "index": 4.8,
-                                          "label": "Philippine Standard Time (4:00 PM)",
+                                          "label": "Philippine Standard Time (6:00 PM)",
                                           "value": "Asia/Manila",
                                         },
                                         Object {
                                           "index": 6,
-                                          "label": "Hawaii (10:00 PM)",
+                                          "label": "Hawaii (12:00 AM)",
                                           "value": "Pacific/Honolulu",
                                         },
                                         Object {
                                           "index": 100,
-                                          "label": "Azores (8:00 AM)",
+                                          "label": "Azores (10:00 AM)",
                                           "value": "Atlantic/Azores",
                                         },
                                         Object {
                                           "index": 100,
-                                          "label": "Monrovia (8:00 AM)",
+                                          "label": "Monrovia (10:00 AM)",
                                           "value": "Africa/Monrovia",
                                         },
                                         Object {
                                           "index": 100,
-                                          "label": "UTC (8:00 AM)",
+                                          "label": "UTC (10:00 AM)",
                                           "value": "Etc/UTC",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "Cape Verde Is. (7:00 AM)",
+                                          "label": "Cape Verde Is. (9:00 AM)",
                                           "value": "Atlantic/Cape_Verde",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "Dublin (9:00 AM)",
+                                          "label": "Dublin (11:00 AM)",
                                           "value": "Europe/Dublin",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "Edinburgh (9:00 AM)",
+                                          "label": "Edinburgh (11:00 AM)",
                                           "value": "Europe/London",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "Lisbon (9:00 AM)",
+                                          "label": "Lisbon (11:00 AM)",
                                           "value": "Europe/Lisbon",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "London (9:00 AM)",
+                                          "label": "London (11:00 AM)",
                                           "value": "Europe/London",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "Casablanca (9:00 AM)",
+                                          "label": "Casablanca (11:00 AM)",
                                           "value": "Africa/Casablanca",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "West Central Africa (9:00 AM)",
+                                          "label": "West Central Africa (11:00 AM)",
                                           "value": "Africa/Algiers",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Greenland (6:00 AM)",
+                                          "label": "Greenland (8:00 AM)",
                                           "value": "America/Godthab",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Mid-Atlantic (6:00 AM)",
+                                          "label": "Mid-Atlantic (8:00 AM)",
                                           "value": "Atlantic/South_Georgia",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Belgrade (10:00 AM)",
+                                          "label": "Belgrade (12:00 PM)",
                                           "value": "Europe/Belgrade",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Bratislava (10:00 AM)",
+                                          "label": "Bratislava (12:00 PM)",
                                           "value": "Europe/Bratislava",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Budapest (10:00 AM)",
+                                          "label": "Budapest (12:00 PM)",
                                           "value": "Europe/Budapest",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Ljubljana (10:00 AM)",
+                                          "label": "Ljubljana (12:00 PM)",
                                           "value": "Europe/Ljubljana",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Prague (10:00 AM)",
+                                          "label": "Prague (12:00 PM)",
                                           "value": "Europe/Prague",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Sarajevo (10:00 AM)",
+                                          "label": "Sarajevo (12:00 PM)",
                                           "value": "Europe/Sarajevo",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Skopje (10:00 AM)",
+                                          "label": "Skopje (12:00 PM)",
                                           "value": "Europe/Skopje",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Warsaw (10:00 AM)",
+                                          "label": "Warsaw (12:00 PM)",
                                           "value": "Europe/Warsaw",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Zagreb (10:00 AM)",
+                                          "label": "Zagreb (12:00 PM)",
                                           "value": "Europe/Zagreb",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Brussels (10:00 AM)",
+                                          "label": "Brussels (12:00 PM)",
                                           "value": "Europe/Brussels",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Copenhagen (10:00 AM)",
+                                          "label": "Copenhagen (12:00 PM)",
                                           "value": "Europe/Copenhagen",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Madrid (10:00 AM)",
+                                          "label": "Madrid (12:00 PM)",
                                           "value": "Europe/Madrid",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Paris (10:00 AM)",
+                                          "label": "Paris (12:00 PM)",
                                           "value": "Europe/Paris",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Amsterdam (10:00 AM)",
+                                          "label": "Amsterdam (12:00 PM)",
                                           "value": "Europe/Amsterdam",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Berlin (10:00 AM)",
+                                          "label": "Berlin (12:00 PM)",
                                           "value": "Europe/Berlin",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Bern (10:00 AM)",
+                                          "label": "Bern (12:00 PM)",
                                           "value": "Europe/Zurich",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Zurich (10:00 AM)",
+                                          "label": "Zurich (12:00 PM)",
                                           "value": "Europe/Zurich",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Rome (10:00 AM)",
+                                          "label": "Rome (12:00 PM)",
                                           "value": "Europe/Rome",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Stockholm (10:00 AM)",
+                                          "label": "Stockholm (12:00 PM)",
                                           "value": "Europe/Stockholm",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Vienna (10:00 AM)",
+                                          "label": "Vienna (12:00 PM)",
                                           "value": "Europe/Vienna",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Cairo (10:00 AM)",
+                                          "label": "Cairo (12:00 PM)",
                                           "value": "Africa/Cairo",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Harare (10:00 AM)",
+                                          "label": "Harare (12:00 PM)",
                                           "value": "Africa/Harare",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Pretoria (10:00 AM)",
+                                          "label": "Pretoria (12:00 PM)",
                                           "value": "Africa/Johannesburg",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Kaliningrad (10:00 AM)",
+                                          "label": "Kaliningrad (12:00 PM)",
                                           "value": "Europe/Kaliningrad",
                                         },
                                         Object {
                                           "index": 250,
-                                          "label": "Newfoundland (5:30 AM)",
+                                          "label": "Newfoundland (7:30 AM)",
                                           "value": "America/St_Johns",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Atlantic Time (Canada) (5:00 AM)",
+                                          "label": "Atlantic Time (Canada) (7:00 AM)",
                                           "value": "America/Halifax",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Brasilia (5:00 AM)",
+                                          "label": "Brasilia (7:00 AM)",
                                           "value": "America/Sao_Paulo",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Buenos Aires (5:00 AM)",
+                                          "label": "Buenos Aires (7:00 AM)",
                                           "value": "America/Argentina/Buenos_Aires",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Montevideo (5:00 AM)",
+                                          "label": "Montevideo (7:00 AM)",
                                           "value": "America/Montevideo",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Bucharest (11:00 AM)",
+                                          "label": "Bucharest (1:00 PM)",
                                           "value": "Europe/Bucharest",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Helsinki (11:00 AM)",
+                                          "label": "Helsinki (1:00 PM)",
                                           "value": "Europe/Helsinki",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Kyiv (11:00 AM)",
+                                          "label": "Kyiv (1:00 PM)",
                                           "value": "Europe/Kiev",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Riga (11:00 AM)",
+                                          "label": "Riga (1:00 PM)",
                                           "value": "Europe/Riga",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Sofia (11:00 AM)",
+                                          "label": "Sofia (1:00 PM)",
                                           "value": "Europe/Sofia",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Tallinn (11:00 AM)",
+                                          "label": "Tallinn (1:00 PM)",
                                           "value": "Europe/Tallinn",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Vilnius (11:00 AM)",
+                                          "label": "Vilnius (1:00 PM)",
                                           "value": "Europe/Vilnius",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Athens (11:00 AM)",
+                                          "label": "Athens (1:00 PM)",
                                           "value": "Europe/Athens",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Istanbul (11:00 AM)",
+                                          "label": "Istanbul (1:00 PM)",
                                           "value": "Europe/Istanbul",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Minsk (11:00 AM)",
+                                          "label": "Minsk (1:00 PM)",
                                           "value": "Europe/Minsk",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Jerusalem (11:00 AM)",
+                                          "label": "Jerusalem (1:00 PM)",
                                           "value": "Asia/Jerusalem",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Moscow (11:00 AM)",
+                                          "label": "Moscow (1:00 PM)",
                                           "value": "Europe/Moscow",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "St. Petersburg (11:00 AM)",
+                                          "label": "St. Petersburg (1:00 PM)",
                                           "value": "Europe/Moscow",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Kuwait (11:00 AM)",
+                                          "label": "Kuwait (1:00 PM)",
                                           "value": "Asia/Kuwait",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Riyadh (11:00 AM)",
+                                          "label": "Riyadh (1:00 PM)",
                                           "value": "Asia/Riyadh",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Nairobi (11:00 AM)",
+                                          "label": "Nairobi (1:00 PM)",
                                           "value": "Africa/Nairobi",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Baghdad (11:00 AM)",
+                                          "label": "Baghdad (1:00 PM)",
                                           "value": "Asia/Baghdad",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Caracas (4:00 AM)",
+                                          "label": "Caracas (6:00 AM)",
                                           "value": "America/Caracas",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "La Paz (4:00 AM)",
+                                          "label": "La Paz (6:00 AM)",
                                           "value": "America/La_Paz",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Santiago (4:00 AM)",
+                                          "label": "Santiago (6:00 AM)",
                                           "value": "America/Santiago",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Georgetown (4:00 AM)",
+                                          "label": "Georgetown (6:00 AM)",
                                           "value": "America/Guyana",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Volgograd (12:00 PM)",
+                                          "label": "Volgograd (2:00 PM)",
                                           "value": "Europe/Volgograd",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Samara (12:00 PM)",
+                                          "label": "Samara (2:00 PM)",
                                           "value": "Europe/Samara",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Abu Dhabi (12:00 PM)",
+                                          "label": "Abu Dhabi (2:00 PM)",
                                           "value": "Asia/Muscat",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Muscat (12:00 PM)",
+                                          "label": "Muscat (2:00 PM)",
                                           "value": "Asia/Muscat",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Baku (12:00 PM)",
+                                          "label": "Baku (2:00 PM)",
                                           "value": "Asia/Baku",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Tbilisi (12:00 PM)",
+                                          "label": "Tbilisi (2:00 PM)",
                                           "value": "Asia/Tbilisi",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Yerevan (12:00 PM)",
+                                          "label": "Yerevan (2:00 PM)",
                                           "value": "Asia/Yerevan",
                                         },
                                         Object {
                                           "index": 370,
-                                          "label": "Tehran (12:30 PM)",
+                                          "label": "Tehran (2:30 PM)",
                                           "value": "Asia/Tehran",
                                         },
                                         Object {
                                           "index": 370,
-                                          "label": "Kabul (12:30 PM)",
+                                          "label": "Kabul (2:30 PM)",
                                           "value": "Asia/Kabul",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Guadalajara (3:00 AM)",
+                                          "label": "Guadalajara (5:00 AM)",
                                           "value": "America/Mexico_City",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Mexico City (3:00 AM)",
+                                          "label": "Mexico City (5:00 AM)",
                                           "value": "America/Mexico_City",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Monterrey (3:00 AM)",
+                                          "label": "Monterrey (5:00 AM)",
                                           "value": "America/Monterrey",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Bogota (3:00 AM)",
+                                          "label": "Bogota (5:00 AM)",
                                           "value": "America/Bogota",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Lima (3:00 AM)",
+                                          "label": "Lima (5:00 AM)",
                                           "value": "America/Lima",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Quito (3:00 AM)",
+                                          "label": "Quito (5:00 AM)",
                                           "value": "America/Lima",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Ekaterinburg (1:00 PM)",
+                                          "label": "Ekaterinburg (3:00 PM)",
                                           "value": "Asia/Yekaterinburg",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Islamabad (1:00 PM)",
+                                          "label": "Islamabad (3:00 PM)",
                                           "value": "Asia/Karachi",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Karachi (1:00 PM)",
+                                          "label": "Karachi (3:00 PM)",
                                           "value": "Asia/Karachi",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Tashkent (1:00 PM)",
+                                          "label": "Tashkent (3:00 PM)",
                                           "value": "Asia/Tashkent",
                                         },
                                         Object {
                                           "index": 430,
-                                          "label": "Chennai (1:30 PM)",
+                                          "label": "Chennai (3:30 PM)",
                                           "value": "Asia/Kolkata",
                                         },
                                         Object {
                                           "index": 430,
-                                          "label": "Kolkata (1:30 PM)",
+                                          "label": "Kolkata (3:30 PM)",
                                           "value": "Asia/Kolkata",
                                         },
                                         Object {
                                           "index": 430,
-                                          "label": "Mumbai (1:30 PM)",
+                                          "label": "Mumbai (3:30 PM)",
                                           "value": "Asia/Kolkata",
                                         },
                                         Object {
                                           "index": 430,
-                                          "label": "New Delhi (1:30 PM)",
+                                          "label": "New Delhi (3:30 PM)",
                                           "value": "Asia/Kolkata",
                                         },
                                         Object {
                                           "index": 430,
-                                          "label": "Sri Jayawardenepura (1:30 PM)",
+                                          "label": "Sri Jayawardenepura (3:30 PM)",
                                           "value": "Asia/Colombo",
                                         },
                                         Object {
                                           "index": 445,
-                                          "label": "Kathmandu (1:45 PM)",
+                                          "label": "Kathmandu (3:45 PM)",
                                           "value": "Asia/Kathmandu",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Chihuahua (2:00 AM)",
+                                          "label": "Chihuahua (4:00 AM)",
                                           "value": "America/Chihuahua",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Mazatlan (2:00 AM)",
+                                          "label": "Mazatlan (4:00 AM)",
                                           "value": "America/Mazatlan",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Saskatchewan (2:00 AM)",
+                                          "label": "Saskatchewan (4:00 AM)",
                                           "value": "America/Regina",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Central America (2:00 AM)",
+                                          "label": "Central America (4:00 AM)",
                                           "value": "America/Guatemala",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Astana (2:00 PM)",
+                                          "label": "Astana (4:00 PM)",
                                           "value": "Asia/Dhaka",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Dhaka (2:00 PM)",
+                                          "label": "Dhaka (4:00 PM)",
                                           "value": "Asia/Dhaka",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Almaty (2:00 PM)",
+                                          "label": "Almaty (4:00 PM)",
                                           "value": "Asia/Almaty",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Urumqi (2:00 PM)",
+                                          "label": "Urumqi (4:00 PM)",
                                           "value": "Asia/Urumqi",
                                         },
                                         Object {
                                           "index": 490,
-                                          "label": "Rangoon (2:30 PM)",
+                                          "label": "Rangoon (4:30 PM)",
                                           "value": "Asia/Rangoon",
                                         },
                                         Object {
                                           "index": 520,
-                                          "label": "Tijuana (1:00 AM)",
+                                          "label": "Tijuana (3:00 AM)",
                                           "value": "America/Tijuana",
                                         },
                                         Object {
                                           "index": 520,
-                                          "label": "Novosibirsk (3:00 PM)",
+                                          "label": "Novosibirsk (5:00 PM)",
                                           "value": "Asia/Novosibirsk",
                                         },
                                         Object {
                                           "index": 520,
-                                          "label": "Bangkok (3:00 PM)",
+                                          "label": "Bangkok (5:00 PM)",
                                           "value": "Asia/Bangkok",
                                         },
                                         Object {
                                           "index": 520,
-                                          "label": "Hanoi (3:00 PM)",
+                                          "label": "Hanoi (5:00 PM)",
                                           "value": "Asia/Bangkok",
                                         },
                                         Object {
                                           "index": 520,
-                                          "label": "Jakarta (3:00 PM)",
+                                          "label": "Jakarta (5:00 PM)",
                                           "value": "Asia/Jakarta",
                                         },
                                         Object {
                                           "index": 520,
-                                          "label": "Krasnoyarsk (3:00 PM)",
+                                          "label": "Krasnoyarsk (5:00 PM)",
                                           "value": "Asia/Krasnoyarsk",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Beijing (4:00 PM)",
+                                          "label": "Beijing (6:00 PM)",
                                           "value": "Asia/Shanghai",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Chongqing (4:00 PM)",
+                                          "label": "Chongqing (6:00 PM)",
                                           "value": "Asia/Chongqing",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Hong Kong (4:00 PM)",
+                                          "label": "Hong Kong (6:00 PM)",
                                           "value": "Asia/Hong_Kong",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Kuala Lumpur (4:00 PM)",
+                                          "label": "Kuala Lumpur (6:00 PM)",
                                           "value": "Asia/Kuala_Lumpur",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Singapore (4:00 PM)",
+                                          "label": "Singapore (6:00 PM)",
                                           "value": "Asia/Singapore",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Taipei (4:00 PM)",
+                                          "label": "Taipei (6:00 PM)",
                                           "value": "Asia/Taipei",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Perth (4:00 PM)",
+                                          "label": "Perth (6:00 PM)",
                                           "value": "Australia/Perth",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Irkutsk (4:00 PM)",
+                                          "label": "Irkutsk (6:00 PM)",
                                           "value": "Asia/Irkutsk",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Ulaanbaatar (4:00 PM)",
+                                          "label": "Ulaanbaatar (6:00 PM)",
                                           "value": "Asia/Ulaanbaatar",
                                         },
                                         Object {
                                           "index": 640,
-                                          "label": "Seoul (5:00 PM)",
+                                          "label": "Seoul (7:00 PM)",
                                           "value": "Asia/Seoul",
                                         },
                                         Object {
                                           "index": 640,
-                                          "label": "Osaka (5:00 PM)",
+                                          "label": "Osaka (7:00 PM)",
                                           "value": "Asia/Tokyo",
                                         },
                                         Object {
                                           "index": 640,
-                                          "label": "Sapporo (5:00 PM)",
+                                          "label": "Sapporo (7:00 PM)",
                                           "value": "Asia/Tokyo",
                                         },
                                         Object {
                                           "index": 640,
-                                          "label": "Tokyo (5:00 PM)",
+                                          "label": "Tokyo (7:00 PM)",
                                           "value": "Asia/Tokyo",
                                         },
                                         Object {
                                           "index": 640,
-                                          "label": "Yakutsk (5:00 PM)",
+                                          "label": "Yakutsk (7:00 PM)",
                                           "value": "Asia/Yakutsk",
                                         },
                                         Object {
                                           "index": 670,
-                                          "label": "Darwin (5:30 PM)",
+                                          "label": "Darwin (7:30 PM)",
                                           "value": "Australia/Darwin",
                                         },
                                         Object {
                                           "index": 670,
-                                          "label": "Adelaide (5:30 PM)",
+                                          "label": "Adelaide (7:30 PM)",
                                           "value": "Australia/Adelaide",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Canberra (6:00 PM)",
+                                          "label": "Canberra (8:00 PM)",
                                           "value": "Australia/Melbourne",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Melbourne (6:00 PM)",
+                                          "label": "Melbourne (8:00 PM)",
                                           "value": "Australia/Melbourne",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Sydney (6:00 PM)",
+                                          "label": "Sydney (8:00 PM)",
                                           "value": "Australia/Sydney",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Brisbane (6:00 PM)",
+                                          "label": "Brisbane (8:00 PM)",
                                           "value": "Australia/Brisbane",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Hobart (6:00 PM)",
+                                          "label": "Hobart (8:00 PM)",
                                           "value": "Australia/Hobart",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Vladivostok (6:00 PM)",
+                                          "label": "Vladivostok (8:00 PM)",
                                           "value": "Asia/Vladivostok",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Guam (6:00 PM)",
+                                          "label": "Guam (8:00 PM)",
                                           "value": "Pacific/Guam",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Port Moresby (6:00 PM)",
+                                          "label": "Port Moresby (8:00 PM)",
                                           "value": "Pacific/Port_Moresby",
                                         },
                                         Object {
                                           "index": 760,
-                                          "label": "Midway Island (9:00 PM)",
+                                          "label": "Midway Island (11:00 PM)",
                                           "value": "Pacific/Midway",
                                         },
                                         Object {
                                           "index": 760,
-                                          "label": "American Samoa (9:00 PM)",
+                                          "label": "American Samoa (11:00 PM)",
                                           "value": "Pacific/Pago_Pago",
                                         },
                                         Object {
                                           "index": 760,
-                                          "label": "Magadan (7:00 PM)",
+                                          "label": "Magadan (9:00 PM)",
                                           "value": "Asia/Magadan",
                                         },
                                         Object {
                                           "index": 760,
-                                          "label": "Srednekolymsk (7:00 PM)",
+                                          "label": "Srednekolymsk (9:00 PM)",
                                           "value": "Asia/Srednekolymsk",
                                         },
                                         Object {
                                           "index": 760,
-                                          "label": "Solomon Is. (7:00 PM)",
+                                          "label": "Solomon Is. (9:00 PM)",
                                           "value": "Pacific/Guadalcanal",
                                         },
                                         Object {
                                           "index": 760,
-                                          "label": "New Caledonia (7:00 PM)",
+                                          "label": "New Caledonia (9:00 PM)",
                                           "value": "Pacific/Noumea",
                                         },
                                         Object {
                                           "index": 820,
-                                          "label": "International Date Line West (8:00 PM)",
+                                          "label": "International Date Line West (10:00 PM)",
                                           "value": "Etc/GMT+12",
                                         },
                                         Object {
                                           "index": 820,
-                                          "label": "Fiji (8:00 PM)",
+                                          "label": "Fiji (10:00 PM)",
                                           "value": "Pacific/Fiji",
                                         },
                                         Object {
                                           "index": 820,
-                                          "label": "Kamchatka (8:00 PM)",
+                                          "label": "Kamchatka (10:00 PM)",
                                           "value": "Asia/Kamchatka",
                                         },
                                         Object {
                                           "index": 820,
-                                          "label": "Marshall Is. (8:00 PM)",
+                                          "label": "Marshall Is. (10:00 PM)",
                                           "value": "Pacific/Majuro",
                                         },
                                         Object {
                                           "index": 820,
-                                          "label": "Auckland (8:00 PM)",
+                                          "label": "Auckland (10:00 PM)",
                                           "value": "Pacific/Auckland",
                                         },
                                         Object {
                                           "index": 820,
-                                          "label": "Wellington (8:00 PM)",
+                                          "label": "Wellington (10:00 PM)",
                                           "value": "Pacific/Auckland",
                                         },
                                         Object {
                                           "index": 865,
-                                          "label": "Chatham Is. (8:45 PM)",
+                                          "label": "Chatham Is. (10:45 PM)",
                                           "value": "Pacific/Chatham",
                                         },
                                         Object {
                                           "index": 880,
-                                          "label": "Nuku'alofa (9:00 PM)",
+                                          "label": "Nuku'alofa (11:00 PM)",
                                           "value": "Pacific/Tongatapu",
                                         },
                                         Object {
                                           "index": 880,
-                                          "label": "Tokelau Is. (9:00 PM)",
+                                          "label": "Tokelau Is. (11:00 PM)",
                                           "value": "Pacific/Fakaofo",
                                         },
                                         Object {
                                           "index": 880,
-                                          "label": "Samoa (9:00 PM)",
+                                          "label": "Samoa (11:00 PM)",
                                           "value": "Pacific/Apia",
                                         },
                                       ]
@@ -238482,7 +239386,13 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                         "input": [Function],
                                       }
                                     }
-                                    value={null}
+                                    value={
+                                      Object {
+                                        "index": -0,
+                                        "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                        "value": "America/Los_Angeles",
+                                      }
+                                    }
                                   >
                                     <Select
                                       backspaceRemovesValue={true}
@@ -238538,762 +239448,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                           },
                                           Object {
                                             "index": -3,
-                                            "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                            "label": "Eastern Time (US & Canada) (6:00 AM)",
                                             "value": "America/New_York",
                                           },
                                           Object {
                                             "index": -2,
-                                            "label": "Central Time (US & Canada) (3:00 AM)",
+                                            "label": "Central Time (US & Canada) (5:00 AM)",
                                             "value": "America/Chicago",
                                           },
                                           Object {
                                             "index": -1,
-                                            "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                            "label": "Mountain Time (US & Canada) (4:00 AM)",
                                             "value": "America/Denver",
                                           },
                                           Object {
                                             "index": -0,
-                                            "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                            "label": "Pacific Time (US & Canada) (3:00 AM)",
                                             "value": "America/Los_Angeles",
                                           },
                                           Object {
                                             "index": 2.4,
-                                            "label": "Indiana (East) (4:00 AM)",
+                                            "label": "Indiana (East) (6:00 AM)",
                                             "value": "America/Indiana/Indianapolis",
                                           },
                                           Object {
                                             "index": 2.4,
-                                            "label": "Puerto Rico (4:00 AM)",
+                                            "label": "Puerto Rico (6:00 AM)",
                                             "value": "America/Puerto_Rico",
                                           },
                                           Object {
                                             "index": 4.2,
-                                            "label": "Arizona (1:00 AM)",
+                                            "label": "Arizona (3:00 AM)",
                                             "value": "America/Phoenix",
                                           },
                                           Object {
                                             "index": 4.8,
-                                            "label": "Alaska (12:00 AM)",
+                                            "label": "Alaska (2:00 AM)",
                                             "value": "America/Juneau",
                                           },
                                           Object {
                                             "index": 4.8,
-                                            "label": "Philippine Standard Time (4:00 PM)",
+                                            "label": "Philippine Standard Time (6:00 PM)",
                                             "value": "Asia/Manila",
                                           },
                                           Object {
                                             "index": 6,
-                                            "label": "Hawaii (10:00 PM)",
+                                            "label": "Hawaii (12:00 AM)",
                                             "value": "Pacific/Honolulu",
                                           },
                                           Object {
                                             "index": 100,
-                                            "label": "Azores (8:00 AM)",
+                                            "label": "Azores (10:00 AM)",
                                             "value": "Atlantic/Azores",
                                           },
                                           Object {
                                             "index": 100,
-                                            "label": "Monrovia (8:00 AM)",
+                                            "label": "Monrovia (10:00 AM)",
                                             "value": "Africa/Monrovia",
                                           },
                                           Object {
                                             "index": 100,
-                                            "label": "UTC (8:00 AM)",
+                                            "label": "UTC (10:00 AM)",
                                             "value": "Etc/UTC",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "Cape Verde Is. (7:00 AM)",
+                                            "label": "Cape Verde Is. (9:00 AM)",
                                             "value": "Atlantic/Cape_Verde",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "Dublin (9:00 AM)",
+                                            "label": "Dublin (11:00 AM)",
                                             "value": "Europe/Dublin",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "Edinburgh (9:00 AM)",
+                                            "label": "Edinburgh (11:00 AM)",
                                             "value": "Europe/London",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "Lisbon (9:00 AM)",
+                                            "label": "Lisbon (11:00 AM)",
                                             "value": "Europe/Lisbon",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "London (9:00 AM)",
+                                            "label": "London (11:00 AM)",
                                             "value": "Europe/London",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "Casablanca (9:00 AM)",
+                                            "label": "Casablanca (11:00 AM)",
                                             "value": "Africa/Casablanca",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "West Central Africa (9:00 AM)",
+                                            "label": "West Central Africa (11:00 AM)",
                                             "value": "Africa/Algiers",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Greenland (6:00 AM)",
+                                            "label": "Greenland (8:00 AM)",
                                             "value": "America/Godthab",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Mid-Atlantic (6:00 AM)",
+                                            "label": "Mid-Atlantic (8:00 AM)",
                                             "value": "Atlantic/South_Georgia",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Belgrade (10:00 AM)",
+                                            "label": "Belgrade (12:00 PM)",
                                             "value": "Europe/Belgrade",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Bratislava (10:00 AM)",
+                                            "label": "Bratislava (12:00 PM)",
                                             "value": "Europe/Bratislava",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Budapest (10:00 AM)",
+                                            "label": "Budapest (12:00 PM)",
                                             "value": "Europe/Budapest",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Ljubljana (10:00 AM)",
+                                            "label": "Ljubljana (12:00 PM)",
                                             "value": "Europe/Ljubljana",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Prague (10:00 AM)",
+                                            "label": "Prague (12:00 PM)",
                                             "value": "Europe/Prague",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Sarajevo (10:00 AM)",
+                                            "label": "Sarajevo (12:00 PM)",
                                             "value": "Europe/Sarajevo",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Skopje (10:00 AM)",
+                                            "label": "Skopje (12:00 PM)",
                                             "value": "Europe/Skopje",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Warsaw (10:00 AM)",
+                                            "label": "Warsaw (12:00 PM)",
                                             "value": "Europe/Warsaw",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Zagreb (10:00 AM)",
+                                            "label": "Zagreb (12:00 PM)",
                                             "value": "Europe/Zagreb",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Brussels (10:00 AM)",
+                                            "label": "Brussels (12:00 PM)",
                                             "value": "Europe/Brussels",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Copenhagen (10:00 AM)",
+                                            "label": "Copenhagen (12:00 PM)",
                                             "value": "Europe/Copenhagen",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Madrid (10:00 AM)",
+                                            "label": "Madrid (12:00 PM)",
                                             "value": "Europe/Madrid",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Paris (10:00 AM)",
+                                            "label": "Paris (12:00 PM)",
                                             "value": "Europe/Paris",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Amsterdam (10:00 AM)",
+                                            "label": "Amsterdam (12:00 PM)",
                                             "value": "Europe/Amsterdam",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Berlin (10:00 AM)",
+                                            "label": "Berlin (12:00 PM)",
                                             "value": "Europe/Berlin",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Bern (10:00 AM)",
+                                            "label": "Bern (12:00 PM)",
                                             "value": "Europe/Zurich",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Zurich (10:00 AM)",
+                                            "label": "Zurich (12:00 PM)",
                                             "value": "Europe/Zurich",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Rome (10:00 AM)",
+                                            "label": "Rome (12:00 PM)",
                                             "value": "Europe/Rome",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Stockholm (10:00 AM)",
+                                            "label": "Stockholm (12:00 PM)",
                                             "value": "Europe/Stockholm",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Vienna (10:00 AM)",
+                                            "label": "Vienna (12:00 PM)",
                                             "value": "Europe/Vienna",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Cairo (10:00 AM)",
+                                            "label": "Cairo (12:00 PM)",
                                             "value": "Africa/Cairo",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Harare (10:00 AM)",
+                                            "label": "Harare (12:00 PM)",
                                             "value": "Africa/Harare",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Pretoria (10:00 AM)",
+                                            "label": "Pretoria (12:00 PM)",
                                             "value": "Africa/Johannesburg",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Kaliningrad (10:00 AM)",
+                                            "label": "Kaliningrad (12:00 PM)",
                                             "value": "Europe/Kaliningrad",
                                           },
                                           Object {
                                             "index": 250,
-                                            "label": "Newfoundland (5:30 AM)",
+                                            "label": "Newfoundland (7:30 AM)",
                                             "value": "America/St_Johns",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Atlantic Time (Canada) (5:00 AM)",
+                                            "label": "Atlantic Time (Canada) (7:00 AM)",
                                             "value": "America/Halifax",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Brasilia (5:00 AM)",
+                                            "label": "Brasilia (7:00 AM)",
                                             "value": "America/Sao_Paulo",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Buenos Aires (5:00 AM)",
+                                            "label": "Buenos Aires (7:00 AM)",
                                             "value": "America/Argentina/Buenos_Aires",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Montevideo (5:00 AM)",
+                                            "label": "Montevideo (7:00 AM)",
                                             "value": "America/Montevideo",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Bucharest (11:00 AM)",
+                                            "label": "Bucharest (1:00 PM)",
                                             "value": "Europe/Bucharest",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Helsinki (11:00 AM)",
+                                            "label": "Helsinki (1:00 PM)",
                                             "value": "Europe/Helsinki",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Kyiv (11:00 AM)",
+                                            "label": "Kyiv (1:00 PM)",
                                             "value": "Europe/Kiev",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Riga (11:00 AM)",
+                                            "label": "Riga (1:00 PM)",
                                             "value": "Europe/Riga",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Sofia (11:00 AM)",
+                                            "label": "Sofia (1:00 PM)",
                                             "value": "Europe/Sofia",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Tallinn (11:00 AM)",
+                                            "label": "Tallinn (1:00 PM)",
                                             "value": "Europe/Tallinn",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Vilnius (11:00 AM)",
+                                            "label": "Vilnius (1:00 PM)",
                                             "value": "Europe/Vilnius",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Athens (11:00 AM)",
+                                            "label": "Athens (1:00 PM)",
                                             "value": "Europe/Athens",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Istanbul (11:00 AM)",
+                                            "label": "Istanbul (1:00 PM)",
                                             "value": "Europe/Istanbul",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Minsk (11:00 AM)",
+                                            "label": "Minsk (1:00 PM)",
                                             "value": "Europe/Minsk",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Jerusalem (11:00 AM)",
+                                            "label": "Jerusalem (1:00 PM)",
                                             "value": "Asia/Jerusalem",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Moscow (11:00 AM)",
+                                            "label": "Moscow (1:00 PM)",
                                             "value": "Europe/Moscow",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "St. Petersburg (11:00 AM)",
+                                            "label": "St. Petersburg (1:00 PM)",
                                             "value": "Europe/Moscow",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Kuwait (11:00 AM)",
+                                            "label": "Kuwait (1:00 PM)",
                                             "value": "Asia/Kuwait",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Riyadh (11:00 AM)",
+                                            "label": "Riyadh (1:00 PM)",
                                             "value": "Asia/Riyadh",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Nairobi (11:00 AM)",
+                                            "label": "Nairobi (1:00 PM)",
                                             "value": "Africa/Nairobi",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Baghdad (11:00 AM)",
+                                            "label": "Baghdad (1:00 PM)",
                                             "value": "Asia/Baghdad",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Caracas (4:00 AM)",
+                                            "label": "Caracas (6:00 AM)",
                                             "value": "America/Caracas",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "La Paz (4:00 AM)",
+                                            "label": "La Paz (6:00 AM)",
                                             "value": "America/La_Paz",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Santiago (4:00 AM)",
+                                            "label": "Santiago (6:00 AM)",
                                             "value": "America/Santiago",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Georgetown (4:00 AM)",
+                                            "label": "Georgetown (6:00 AM)",
                                             "value": "America/Guyana",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Volgograd (12:00 PM)",
+                                            "label": "Volgograd (2:00 PM)",
                                             "value": "Europe/Volgograd",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Samara (12:00 PM)",
+                                            "label": "Samara (2:00 PM)",
                                             "value": "Europe/Samara",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Abu Dhabi (12:00 PM)",
+                                            "label": "Abu Dhabi (2:00 PM)",
                                             "value": "Asia/Muscat",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Muscat (12:00 PM)",
+                                            "label": "Muscat (2:00 PM)",
                                             "value": "Asia/Muscat",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Baku (12:00 PM)",
+                                            "label": "Baku (2:00 PM)",
                                             "value": "Asia/Baku",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Tbilisi (12:00 PM)",
+                                            "label": "Tbilisi (2:00 PM)",
                                             "value": "Asia/Tbilisi",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Yerevan (12:00 PM)",
+                                            "label": "Yerevan (2:00 PM)",
                                             "value": "Asia/Yerevan",
                                           },
                                           Object {
                                             "index": 370,
-                                            "label": "Tehran (12:30 PM)",
+                                            "label": "Tehran (2:30 PM)",
                                             "value": "Asia/Tehran",
                                           },
                                           Object {
                                             "index": 370,
-                                            "label": "Kabul (12:30 PM)",
+                                            "label": "Kabul (2:30 PM)",
                                             "value": "Asia/Kabul",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Guadalajara (3:00 AM)",
+                                            "label": "Guadalajara (5:00 AM)",
                                             "value": "America/Mexico_City",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Mexico City (3:00 AM)",
+                                            "label": "Mexico City (5:00 AM)",
                                             "value": "America/Mexico_City",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Monterrey (3:00 AM)",
+                                            "label": "Monterrey (5:00 AM)",
                                             "value": "America/Monterrey",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Bogota (3:00 AM)",
+                                            "label": "Bogota (5:00 AM)",
                                             "value": "America/Bogota",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Lima (3:00 AM)",
+                                            "label": "Lima (5:00 AM)",
                                             "value": "America/Lima",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Quito (3:00 AM)",
+                                            "label": "Quito (5:00 AM)",
                                             "value": "America/Lima",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Ekaterinburg (1:00 PM)",
+                                            "label": "Ekaterinburg (3:00 PM)",
                                             "value": "Asia/Yekaterinburg",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Islamabad (1:00 PM)",
+                                            "label": "Islamabad (3:00 PM)",
                                             "value": "Asia/Karachi",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Karachi (1:00 PM)",
+                                            "label": "Karachi (3:00 PM)",
                                             "value": "Asia/Karachi",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Tashkent (1:00 PM)",
+                                            "label": "Tashkent (3:00 PM)",
                                             "value": "Asia/Tashkent",
                                           },
                                           Object {
                                             "index": 430,
-                                            "label": "Chennai (1:30 PM)",
+                                            "label": "Chennai (3:30 PM)",
                                             "value": "Asia/Kolkata",
                                           },
                                           Object {
                                             "index": 430,
-                                            "label": "Kolkata (1:30 PM)",
+                                            "label": "Kolkata (3:30 PM)",
                                             "value": "Asia/Kolkata",
                                           },
                                           Object {
                                             "index": 430,
-                                            "label": "Mumbai (1:30 PM)",
+                                            "label": "Mumbai (3:30 PM)",
                                             "value": "Asia/Kolkata",
                                           },
                                           Object {
                                             "index": 430,
-                                            "label": "New Delhi (1:30 PM)",
+                                            "label": "New Delhi (3:30 PM)",
                                             "value": "Asia/Kolkata",
                                           },
                                           Object {
                                             "index": 430,
-                                            "label": "Sri Jayawardenepura (1:30 PM)",
+                                            "label": "Sri Jayawardenepura (3:30 PM)",
                                             "value": "Asia/Colombo",
                                           },
                                           Object {
                                             "index": 445,
-                                            "label": "Kathmandu (1:45 PM)",
+                                            "label": "Kathmandu (3:45 PM)",
                                             "value": "Asia/Kathmandu",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Chihuahua (2:00 AM)",
+                                            "label": "Chihuahua (4:00 AM)",
                                             "value": "America/Chihuahua",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Mazatlan (2:00 AM)",
+                                            "label": "Mazatlan (4:00 AM)",
                                             "value": "America/Mazatlan",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Saskatchewan (2:00 AM)",
+                                            "label": "Saskatchewan (4:00 AM)",
                                             "value": "America/Regina",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Central America (2:00 AM)",
+                                            "label": "Central America (4:00 AM)",
                                             "value": "America/Guatemala",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Astana (2:00 PM)",
+                                            "label": "Astana (4:00 PM)",
                                             "value": "Asia/Dhaka",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Dhaka (2:00 PM)",
+                                            "label": "Dhaka (4:00 PM)",
                                             "value": "Asia/Dhaka",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Almaty (2:00 PM)",
+                                            "label": "Almaty (4:00 PM)",
                                             "value": "Asia/Almaty",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Urumqi (2:00 PM)",
+                                            "label": "Urumqi (4:00 PM)",
                                             "value": "Asia/Urumqi",
                                           },
                                           Object {
                                             "index": 490,
-                                            "label": "Rangoon (2:30 PM)",
+                                            "label": "Rangoon (4:30 PM)",
                                             "value": "Asia/Rangoon",
                                           },
                                           Object {
                                             "index": 520,
-                                            "label": "Tijuana (1:00 AM)",
+                                            "label": "Tijuana (3:00 AM)",
                                             "value": "America/Tijuana",
                                           },
                                           Object {
                                             "index": 520,
-                                            "label": "Novosibirsk (3:00 PM)",
+                                            "label": "Novosibirsk (5:00 PM)",
                                             "value": "Asia/Novosibirsk",
                                           },
                                           Object {
                                             "index": 520,
-                                            "label": "Bangkok (3:00 PM)",
+                                            "label": "Bangkok (5:00 PM)",
                                             "value": "Asia/Bangkok",
                                           },
                                           Object {
                                             "index": 520,
-                                            "label": "Hanoi (3:00 PM)",
+                                            "label": "Hanoi (5:00 PM)",
                                             "value": "Asia/Bangkok",
                                           },
                                           Object {
                                             "index": 520,
-                                            "label": "Jakarta (3:00 PM)",
+                                            "label": "Jakarta (5:00 PM)",
                                             "value": "Asia/Jakarta",
                                           },
                                           Object {
                                             "index": 520,
-                                            "label": "Krasnoyarsk (3:00 PM)",
+                                            "label": "Krasnoyarsk (5:00 PM)",
                                             "value": "Asia/Krasnoyarsk",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Beijing (4:00 PM)",
+                                            "label": "Beijing (6:00 PM)",
                                             "value": "Asia/Shanghai",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Chongqing (4:00 PM)",
+                                            "label": "Chongqing (6:00 PM)",
                                             "value": "Asia/Chongqing",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Hong Kong (4:00 PM)",
+                                            "label": "Hong Kong (6:00 PM)",
                                             "value": "Asia/Hong_Kong",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Kuala Lumpur (4:00 PM)",
+                                            "label": "Kuala Lumpur (6:00 PM)",
                                             "value": "Asia/Kuala_Lumpur",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Singapore (4:00 PM)",
+                                            "label": "Singapore (6:00 PM)",
                                             "value": "Asia/Singapore",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Taipei (4:00 PM)",
+                                            "label": "Taipei (6:00 PM)",
                                             "value": "Asia/Taipei",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Perth (4:00 PM)",
+                                            "label": "Perth (6:00 PM)",
                                             "value": "Australia/Perth",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Irkutsk (4:00 PM)",
+                                            "label": "Irkutsk (6:00 PM)",
                                             "value": "Asia/Irkutsk",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Ulaanbaatar (4:00 PM)",
+                                            "label": "Ulaanbaatar (6:00 PM)",
                                             "value": "Asia/Ulaanbaatar",
                                           },
                                           Object {
                                             "index": 640,
-                                            "label": "Seoul (5:00 PM)",
+                                            "label": "Seoul (7:00 PM)",
                                             "value": "Asia/Seoul",
                                           },
                                           Object {
                                             "index": 640,
-                                            "label": "Osaka (5:00 PM)",
+                                            "label": "Osaka (7:00 PM)",
                                             "value": "Asia/Tokyo",
                                           },
                                           Object {
                                             "index": 640,
-                                            "label": "Sapporo (5:00 PM)",
+                                            "label": "Sapporo (7:00 PM)",
                                             "value": "Asia/Tokyo",
                                           },
                                           Object {
                                             "index": 640,
-                                            "label": "Tokyo (5:00 PM)",
+                                            "label": "Tokyo (7:00 PM)",
                                             "value": "Asia/Tokyo",
                                           },
                                           Object {
                                             "index": 640,
-                                            "label": "Yakutsk (5:00 PM)",
+                                            "label": "Yakutsk (7:00 PM)",
                                             "value": "Asia/Yakutsk",
                                           },
                                           Object {
                                             "index": 670,
-                                            "label": "Darwin (5:30 PM)",
+                                            "label": "Darwin (7:30 PM)",
                                             "value": "Australia/Darwin",
                                           },
                                           Object {
                                             "index": 670,
-                                            "label": "Adelaide (5:30 PM)",
+                                            "label": "Adelaide (7:30 PM)",
                                             "value": "Australia/Adelaide",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Canberra (6:00 PM)",
+                                            "label": "Canberra (8:00 PM)",
                                             "value": "Australia/Melbourne",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Melbourne (6:00 PM)",
+                                            "label": "Melbourne (8:00 PM)",
                                             "value": "Australia/Melbourne",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Sydney (6:00 PM)",
+                                            "label": "Sydney (8:00 PM)",
                                             "value": "Australia/Sydney",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Brisbane (6:00 PM)",
+                                            "label": "Brisbane (8:00 PM)",
                                             "value": "Australia/Brisbane",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Hobart (6:00 PM)",
+                                            "label": "Hobart (8:00 PM)",
                                             "value": "Australia/Hobart",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Vladivostok (6:00 PM)",
+                                            "label": "Vladivostok (8:00 PM)",
                                             "value": "Asia/Vladivostok",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Guam (6:00 PM)",
+                                            "label": "Guam (8:00 PM)",
                                             "value": "Pacific/Guam",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Port Moresby (6:00 PM)",
+                                            "label": "Port Moresby (8:00 PM)",
                                             "value": "Pacific/Port_Moresby",
                                           },
                                           Object {
                                             "index": 760,
-                                            "label": "Midway Island (9:00 PM)",
+                                            "label": "Midway Island (11:00 PM)",
                                             "value": "Pacific/Midway",
                                           },
                                           Object {
                                             "index": 760,
-                                            "label": "American Samoa (9:00 PM)",
+                                            "label": "American Samoa (11:00 PM)",
                                             "value": "Pacific/Pago_Pago",
                                           },
                                           Object {
                                             "index": 760,
-                                            "label": "Magadan (7:00 PM)",
+                                            "label": "Magadan (9:00 PM)",
                                             "value": "Asia/Magadan",
                                           },
                                           Object {
                                             "index": 760,
-                                            "label": "Srednekolymsk (7:00 PM)",
+                                            "label": "Srednekolymsk (9:00 PM)",
                                             "value": "Asia/Srednekolymsk",
                                           },
                                           Object {
                                             "index": 760,
-                                            "label": "Solomon Is. (7:00 PM)",
+                                            "label": "Solomon Is. (9:00 PM)",
                                             "value": "Pacific/Guadalcanal",
                                           },
                                           Object {
                                             "index": 760,
-                                            "label": "New Caledonia (7:00 PM)",
+                                            "label": "New Caledonia (9:00 PM)",
                                             "value": "Pacific/Noumea",
                                           },
                                           Object {
                                             "index": 820,
-                                            "label": "International Date Line West (8:00 PM)",
+                                            "label": "International Date Line West (10:00 PM)",
                                             "value": "Etc/GMT+12",
                                           },
                                           Object {
                                             "index": 820,
-                                            "label": "Fiji (8:00 PM)",
+                                            "label": "Fiji (10:00 PM)",
                                             "value": "Pacific/Fiji",
                                           },
                                           Object {
                                             "index": 820,
-                                            "label": "Kamchatka (8:00 PM)",
+                                            "label": "Kamchatka (10:00 PM)",
                                             "value": "Asia/Kamchatka",
                                           },
                                           Object {
                                             "index": 820,
-                                            "label": "Marshall Is. (8:00 PM)",
+                                            "label": "Marshall Is. (10:00 PM)",
                                             "value": "Pacific/Majuro",
                                           },
                                           Object {
                                             "index": 820,
-                                            "label": "Auckland (8:00 PM)",
+                                            "label": "Auckland (10:00 PM)",
                                             "value": "Pacific/Auckland",
                                           },
                                           Object {
                                             "index": 820,
-                                            "label": "Wellington (8:00 PM)",
+                                            "label": "Wellington (10:00 PM)",
                                             "value": "Pacific/Auckland",
                                           },
                                           Object {
                                             "index": 865,
-                                            "label": "Chatham Is. (8:45 PM)",
+                                            "label": "Chatham Is. (10:45 PM)",
                                             "value": "Pacific/Chatham",
                                           },
                                           Object {
                                             "index": 880,
-                                            "label": "Nuku'alofa (9:00 PM)",
+                                            "label": "Nuku'alofa (11:00 PM)",
                                             "value": "Pacific/Tongatapu",
                                           },
                                           Object {
                                             "index": 880,
-                                            "label": "Tokelau Is. (9:00 PM)",
+                                            "label": "Tokelau Is. (11:00 PM)",
                                             "value": "Pacific/Fakaofo",
                                           },
                                           Object {
                                             "index": 880,
-                                            "label": "Samoa (9:00 PM)",
+                                            "label": "Samoa (11:00 PM)",
                                             "value": "Pacific/Apia",
                                           },
                                         ]
@@ -239309,14 +240219,20 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                       }
                                       tabIndex="0"
                                       tabSelectsValue={true}
-                                      value={null}
+                                      value={
+                                        Object {
+                                          "index": -0,
+                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                          "value": "America/Los_Angeles",
+                                        }
+                                      }
                                     >
                                       <SelectContainer
                                         clearValue={[Function]}
                                         cx={[Function]}
                                         getStyles={[Function]}
                                         getValue={[Function]}
-                                        hasValue={false}
+                                        hasValue={true}
                                         innerProps={
                                           Object {
                                             "id": undefined,
@@ -239335,762 +240251,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                             },
                                             Object {
                                               "index": -3,
-                                              "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                              "label": "Eastern Time (US & Canada) (6:00 AM)",
                                               "value": "America/New_York",
                                             },
                                             Object {
                                               "index": -2,
-                                              "label": "Central Time (US & Canada) (3:00 AM)",
+                                              "label": "Central Time (US & Canada) (5:00 AM)",
                                               "value": "America/Chicago",
                                             },
                                             Object {
                                               "index": -1,
-                                              "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                              "label": "Mountain Time (US & Canada) (4:00 AM)",
                                               "value": "America/Denver",
                                             },
                                             Object {
                                               "index": -0,
-                                              "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                              "label": "Pacific Time (US & Canada) (3:00 AM)",
                                               "value": "America/Los_Angeles",
                                             },
                                             Object {
                                               "index": 2.4,
-                                              "label": "Indiana (East) (4:00 AM)",
+                                              "label": "Indiana (East) (6:00 AM)",
                                               "value": "America/Indiana/Indianapolis",
                                             },
                                             Object {
                                               "index": 2.4,
-                                              "label": "Puerto Rico (4:00 AM)",
+                                              "label": "Puerto Rico (6:00 AM)",
                                               "value": "America/Puerto_Rico",
                                             },
                                             Object {
                                               "index": 4.2,
-                                              "label": "Arizona (1:00 AM)",
+                                              "label": "Arizona (3:00 AM)",
                                               "value": "America/Phoenix",
                                             },
                                             Object {
                                               "index": 4.8,
-                                              "label": "Alaska (12:00 AM)",
+                                              "label": "Alaska (2:00 AM)",
                                               "value": "America/Juneau",
                                             },
                                             Object {
                                               "index": 4.8,
-                                              "label": "Philippine Standard Time (4:00 PM)",
+                                              "label": "Philippine Standard Time (6:00 PM)",
                                               "value": "Asia/Manila",
                                             },
                                             Object {
                                               "index": 6,
-                                              "label": "Hawaii (10:00 PM)",
+                                              "label": "Hawaii (12:00 AM)",
                                               "value": "Pacific/Honolulu",
                                             },
                                             Object {
                                               "index": 100,
-                                              "label": "Azores (8:00 AM)",
+                                              "label": "Azores (10:00 AM)",
                                               "value": "Atlantic/Azores",
                                             },
                                             Object {
                                               "index": 100,
-                                              "label": "Monrovia (8:00 AM)",
+                                              "label": "Monrovia (10:00 AM)",
                                               "value": "Africa/Monrovia",
                                             },
                                             Object {
                                               "index": 100,
-                                              "label": "UTC (8:00 AM)",
+                                              "label": "UTC (10:00 AM)",
                                               "value": "Etc/UTC",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "Cape Verde Is. (7:00 AM)",
+                                              "label": "Cape Verde Is. (9:00 AM)",
                                               "value": "Atlantic/Cape_Verde",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "Dublin (9:00 AM)",
+                                              "label": "Dublin (11:00 AM)",
                                               "value": "Europe/Dublin",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "Edinburgh (9:00 AM)",
+                                              "label": "Edinburgh (11:00 AM)",
                                               "value": "Europe/London",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "Lisbon (9:00 AM)",
+                                              "label": "Lisbon (11:00 AM)",
                                               "value": "Europe/Lisbon",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "London (9:00 AM)",
+                                              "label": "London (11:00 AM)",
                                               "value": "Europe/London",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "Casablanca (9:00 AM)",
+                                              "label": "Casablanca (11:00 AM)",
                                               "value": "Africa/Casablanca",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "West Central Africa (9:00 AM)",
+                                              "label": "West Central Africa (11:00 AM)",
                                               "value": "Africa/Algiers",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Greenland (6:00 AM)",
+                                              "label": "Greenland (8:00 AM)",
                                               "value": "America/Godthab",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Mid-Atlantic (6:00 AM)",
+                                              "label": "Mid-Atlantic (8:00 AM)",
                                               "value": "Atlantic/South_Georgia",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Belgrade (10:00 AM)",
+                                              "label": "Belgrade (12:00 PM)",
                                               "value": "Europe/Belgrade",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Bratislava (10:00 AM)",
+                                              "label": "Bratislava (12:00 PM)",
                                               "value": "Europe/Bratislava",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Budapest (10:00 AM)",
+                                              "label": "Budapest (12:00 PM)",
                                               "value": "Europe/Budapest",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Ljubljana (10:00 AM)",
+                                              "label": "Ljubljana (12:00 PM)",
                                               "value": "Europe/Ljubljana",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Prague (10:00 AM)",
+                                              "label": "Prague (12:00 PM)",
                                               "value": "Europe/Prague",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Sarajevo (10:00 AM)",
+                                              "label": "Sarajevo (12:00 PM)",
                                               "value": "Europe/Sarajevo",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Skopje (10:00 AM)",
+                                              "label": "Skopje (12:00 PM)",
                                               "value": "Europe/Skopje",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Warsaw (10:00 AM)",
+                                              "label": "Warsaw (12:00 PM)",
                                               "value": "Europe/Warsaw",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Zagreb (10:00 AM)",
+                                              "label": "Zagreb (12:00 PM)",
                                               "value": "Europe/Zagreb",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Brussels (10:00 AM)",
+                                              "label": "Brussels (12:00 PM)",
                                               "value": "Europe/Brussels",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Copenhagen (10:00 AM)",
+                                              "label": "Copenhagen (12:00 PM)",
                                               "value": "Europe/Copenhagen",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Madrid (10:00 AM)",
+                                              "label": "Madrid (12:00 PM)",
                                               "value": "Europe/Madrid",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Paris (10:00 AM)",
+                                              "label": "Paris (12:00 PM)",
                                               "value": "Europe/Paris",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Amsterdam (10:00 AM)",
+                                              "label": "Amsterdam (12:00 PM)",
                                               "value": "Europe/Amsterdam",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Berlin (10:00 AM)",
+                                              "label": "Berlin (12:00 PM)",
                                               "value": "Europe/Berlin",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Bern (10:00 AM)",
+                                              "label": "Bern (12:00 PM)",
                                               "value": "Europe/Zurich",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Zurich (10:00 AM)",
+                                              "label": "Zurich (12:00 PM)",
                                               "value": "Europe/Zurich",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Rome (10:00 AM)",
+                                              "label": "Rome (12:00 PM)",
                                               "value": "Europe/Rome",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Stockholm (10:00 AM)",
+                                              "label": "Stockholm (12:00 PM)",
                                               "value": "Europe/Stockholm",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Vienna (10:00 AM)",
+                                              "label": "Vienna (12:00 PM)",
                                               "value": "Europe/Vienna",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Cairo (10:00 AM)",
+                                              "label": "Cairo (12:00 PM)",
                                               "value": "Africa/Cairo",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Harare (10:00 AM)",
+                                              "label": "Harare (12:00 PM)",
                                               "value": "Africa/Harare",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Pretoria (10:00 AM)",
+                                              "label": "Pretoria (12:00 PM)",
                                               "value": "Africa/Johannesburg",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Kaliningrad (10:00 AM)",
+                                              "label": "Kaliningrad (12:00 PM)",
                                               "value": "Europe/Kaliningrad",
                                             },
                                             Object {
                                               "index": 250,
-                                              "label": "Newfoundland (5:30 AM)",
+                                              "label": "Newfoundland (7:30 AM)",
                                               "value": "America/St_Johns",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Atlantic Time (Canada) (5:00 AM)",
+                                              "label": "Atlantic Time (Canada) (7:00 AM)",
                                               "value": "America/Halifax",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Brasilia (5:00 AM)",
+                                              "label": "Brasilia (7:00 AM)",
                                               "value": "America/Sao_Paulo",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Buenos Aires (5:00 AM)",
+                                              "label": "Buenos Aires (7:00 AM)",
                                               "value": "America/Argentina/Buenos_Aires",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Montevideo (5:00 AM)",
+                                              "label": "Montevideo (7:00 AM)",
                                               "value": "America/Montevideo",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Bucharest (11:00 AM)",
+                                              "label": "Bucharest (1:00 PM)",
                                               "value": "Europe/Bucharest",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Helsinki (11:00 AM)",
+                                              "label": "Helsinki (1:00 PM)",
                                               "value": "Europe/Helsinki",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Kyiv (11:00 AM)",
+                                              "label": "Kyiv (1:00 PM)",
                                               "value": "Europe/Kiev",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Riga (11:00 AM)",
+                                              "label": "Riga (1:00 PM)",
                                               "value": "Europe/Riga",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Sofia (11:00 AM)",
+                                              "label": "Sofia (1:00 PM)",
                                               "value": "Europe/Sofia",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Tallinn (11:00 AM)",
+                                              "label": "Tallinn (1:00 PM)",
                                               "value": "Europe/Tallinn",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Vilnius (11:00 AM)",
+                                              "label": "Vilnius (1:00 PM)",
                                               "value": "Europe/Vilnius",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Athens (11:00 AM)",
+                                              "label": "Athens (1:00 PM)",
                                               "value": "Europe/Athens",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Istanbul (11:00 AM)",
+                                              "label": "Istanbul (1:00 PM)",
                                               "value": "Europe/Istanbul",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Minsk (11:00 AM)",
+                                              "label": "Minsk (1:00 PM)",
                                               "value": "Europe/Minsk",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Jerusalem (11:00 AM)",
+                                              "label": "Jerusalem (1:00 PM)",
                                               "value": "Asia/Jerusalem",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Moscow (11:00 AM)",
+                                              "label": "Moscow (1:00 PM)",
                                               "value": "Europe/Moscow",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "St. Petersburg (11:00 AM)",
+                                              "label": "St. Petersburg (1:00 PM)",
                                               "value": "Europe/Moscow",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Kuwait (11:00 AM)",
+                                              "label": "Kuwait (1:00 PM)",
                                               "value": "Asia/Kuwait",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Riyadh (11:00 AM)",
+                                              "label": "Riyadh (1:00 PM)",
                                               "value": "Asia/Riyadh",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Nairobi (11:00 AM)",
+                                              "label": "Nairobi (1:00 PM)",
                                               "value": "Africa/Nairobi",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Baghdad (11:00 AM)",
+                                              "label": "Baghdad (1:00 PM)",
                                               "value": "Asia/Baghdad",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Caracas (4:00 AM)",
+                                              "label": "Caracas (6:00 AM)",
                                               "value": "America/Caracas",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "La Paz (4:00 AM)",
+                                              "label": "La Paz (6:00 AM)",
                                               "value": "America/La_Paz",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Santiago (4:00 AM)",
+                                              "label": "Santiago (6:00 AM)",
                                               "value": "America/Santiago",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Georgetown (4:00 AM)",
+                                              "label": "Georgetown (6:00 AM)",
                                               "value": "America/Guyana",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Volgograd (12:00 PM)",
+                                              "label": "Volgograd (2:00 PM)",
                                               "value": "Europe/Volgograd",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Samara (12:00 PM)",
+                                              "label": "Samara (2:00 PM)",
                                               "value": "Europe/Samara",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Abu Dhabi (12:00 PM)",
+                                              "label": "Abu Dhabi (2:00 PM)",
                                               "value": "Asia/Muscat",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Muscat (12:00 PM)",
+                                              "label": "Muscat (2:00 PM)",
                                               "value": "Asia/Muscat",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Baku (12:00 PM)",
+                                              "label": "Baku (2:00 PM)",
                                               "value": "Asia/Baku",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Tbilisi (12:00 PM)",
+                                              "label": "Tbilisi (2:00 PM)",
                                               "value": "Asia/Tbilisi",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Yerevan (12:00 PM)",
+                                              "label": "Yerevan (2:00 PM)",
                                               "value": "Asia/Yerevan",
                                             },
                                             Object {
                                               "index": 370,
-                                              "label": "Tehran (12:30 PM)",
+                                              "label": "Tehran (2:30 PM)",
                                               "value": "Asia/Tehran",
                                             },
                                             Object {
                                               "index": 370,
-                                              "label": "Kabul (12:30 PM)",
+                                              "label": "Kabul (2:30 PM)",
                                               "value": "Asia/Kabul",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Guadalajara (3:00 AM)",
+                                              "label": "Guadalajara (5:00 AM)",
                                               "value": "America/Mexico_City",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Mexico City (3:00 AM)",
+                                              "label": "Mexico City (5:00 AM)",
                                               "value": "America/Mexico_City",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Monterrey (3:00 AM)",
+                                              "label": "Monterrey (5:00 AM)",
                                               "value": "America/Monterrey",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Bogota (3:00 AM)",
+                                              "label": "Bogota (5:00 AM)",
                                               "value": "America/Bogota",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Lima (3:00 AM)",
+                                              "label": "Lima (5:00 AM)",
                                               "value": "America/Lima",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Quito (3:00 AM)",
+                                              "label": "Quito (5:00 AM)",
                                               "value": "America/Lima",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Ekaterinburg (1:00 PM)",
+                                              "label": "Ekaterinburg (3:00 PM)",
                                               "value": "Asia/Yekaterinburg",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Islamabad (1:00 PM)",
+                                              "label": "Islamabad (3:00 PM)",
                                               "value": "Asia/Karachi",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Karachi (1:00 PM)",
+                                              "label": "Karachi (3:00 PM)",
                                               "value": "Asia/Karachi",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Tashkent (1:00 PM)",
+                                              "label": "Tashkent (3:00 PM)",
                                               "value": "Asia/Tashkent",
                                             },
                                             Object {
                                               "index": 430,
-                                              "label": "Chennai (1:30 PM)",
+                                              "label": "Chennai (3:30 PM)",
                                               "value": "Asia/Kolkata",
                                             },
                                             Object {
                                               "index": 430,
-                                              "label": "Kolkata (1:30 PM)",
+                                              "label": "Kolkata (3:30 PM)",
                                               "value": "Asia/Kolkata",
                                             },
                                             Object {
                                               "index": 430,
-                                              "label": "Mumbai (1:30 PM)",
+                                              "label": "Mumbai (3:30 PM)",
                                               "value": "Asia/Kolkata",
                                             },
                                             Object {
                                               "index": 430,
-                                              "label": "New Delhi (1:30 PM)",
+                                              "label": "New Delhi (3:30 PM)",
                                               "value": "Asia/Kolkata",
                                             },
                                             Object {
                                               "index": 430,
-                                              "label": "Sri Jayawardenepura (1:30 PM)",
+                                              "label": "Sri Jayawardenepura (3:30 PM)",
                                               "value": "Asia/Colombo",
                                             },
                                             Object {
                                               "index": 445,
-                                              "label": "Kathmandu (1:45 PM)",
+                                              "label": "Kathmandu (3:45 PM)",
                                               "value": "Asia/Kathmandu",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Chihuahua (2:00 AM)",
+                                              "label": "Chihuahua (4:00 AM)",
                                               "value": "America/Chihuahua",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Mazatlan (2:00 AM)",
+                                              "label": "Mazatlan (4:00 AM)",
                                               "value": "America/Mazatlan",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Saskatchewan (2:00 AM)",
+                                              "label": "Saskatchewan (4:00 AM)",
                                               "value": "America/Regina",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Central America (2:00 AM)",
+                                              "label": "Central America (4:00 AM)",
                                               "value": "America/Guatemala",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Astana (2:00 PM)",
+                                              "label": "Astana (4:00 PM)",
                                               "value": "Asia/Dhaka",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Dhaka (2:00 PM)",
+                                              "label": "Dhaka (4:00 PM)",
                                               "value": "Asia/Dhaka",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Almaty (2:00 PM)",
+                                              "label": "Almaty (4:00 PM)",
                                               "value": "Asia/Almaty",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Urumqi (2:00 PM)",
+                                              "label": "Urumqi (4:00 PM)",
                                               "value": "Asia/Urumqi",
                                             },
                                             Object {
                                               "index": 490,
-                                              "label": "Rangoon (2:30 PM)",
+                                              "label": "Rangoon (4:30 PM)",
                                               "value": "Asia/Rangoon",
                                             },
                                             Object {
                                               "index": 520,
-                                              "label": "Tijuana (1:00 AM)",
+                                              "label": "Tijuana (3:00 AM)",
                                               "value": "America/Tijuana",
                                             },
                                             Object {
                                               "index": 520,
-                                              "label": "Novosibirsk (3:00 PM)",
+                                              "label": "Novosibirsk (5:00 PM)",
                                               "value": "Asia/Novosibirsk",
                                             },
                                             Object {
                                               "index": 520,
-                                              "label": "Bangkok (3:00 PM)",
+                                              "label": "Bangkok (5:00 PM)",
                                               "value": "Asia/Bangkok",
                                             },
                                             Object {
                                               "index": 520,
-                                              "label": "Hanoi (3:00 PM)",
+                                              "label": "Hanoi (5:00 PM)",
                                               "value": "Asia/Bangkok",
                                             },
                                             Object {
                                               "index": 520,
-                                              "label": "Jakarta (3:00 PM)",
+                                              "label": "Jakarta (5:00 PM)",
                                               "value": "Asia/Jakarta",
                                             },
                                             Object {
                                               "index": 520,
-                                              "label": "Krasnoyarsk (3:00 PM)",
+                                              "label": "Krasnoyarsk (5:00 PM)",
                                               "value": "Asia/Krasnoyarsk",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Beijing (4:00 PM)",
+                                              "label": "Beijing (6:00 PM)",
                                               "value": "Asia/Shanghai",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Chongqing (4:00 PM)",
+                                              "label": "Chongqing (6:00 PM)",
                                               "value": "Asia/Chongqing",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Hong Kong (4:00 PM)",
+                                              "label": "Hong Kong (6:00 PM)",
                                               "value": "Asia/Hong_Kong",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Kuala Lumpur (4:00 PM)",
+                                              "label": "Kuala Lumpur (6:00 PM)",
                                               "value": "Asia/Kuala_Lumpur",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Singapore (4:00 PM)",
+                                              "label": "Singapore (6:00 PM)",
                                               "value": "Asia/Singapore",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Taipei (4:00 PM)",
+                                              "label": "Taipei (6:00 PM)",
                                               "value": "Asia/Taipei",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Perth (4:00 PM)",
+                                              "label": "Perth (6:00 PM)",
                                               "value": "Australia/Perth",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Irkutsk (4:00 PM)",
+                                              "label": "Irkutsk (6:00 PM)",
                                               "value": "Asia/Irkutsk",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Ulaanbaatar (4:00 PM)",
+                                              "label": "Ulaanbaatar (6:00 PM)",
                                               "value": "Asia/Ulaanbaatar",
                                             },
                                             Object {
                                               "index": 640,
-                                              "label": "Seoul (5:00 PM)",
+                                              "label": "Seoul (7:00 PM)",
                                               "value": "Asia/Seoul",
                                             },
                                             Object {
                                               "index": 640,
-                                              "label": "Osaka (5:00 PM)",
+                                              "label": "Osaka (7:00 PM)",
                                               "value": "Asia/Tokyo",
                                             },
                                             Object {
                                               "index": 640,
-                                              "label": "Sapporo (5:00 PM)",
+                                              "label": "Sapporo (7:00 PM)",
                                               "value": "Asia/Tokyo",
                                             },
                                             Object {
                                               "index": 640,
-                                              "label": "Tokyo (5:00 PM)",
+                                              "label": "Tokyo (7:00 PM)",
                                               "value": "Asia/Tokyo",
                                             },
                                             Object {
                                               "index": 640,
-                                              "label": "Yakutsk (5:00 PM)",
+                                              "label": "Yakutsk (7:00 PM)",
                                               "value": "Asia/Yakutsk",
                                             },
                                             Object {
                                               "index": 670,
-                                              "label": "Darwin (5:30 PM)",
+                                              "label": "Darwin (7:30 PM)",
                                               "value": "Australia/Darwin",
                                             },
                                             Object {
                                               "index": 670,
-                                              "label": "Adelaide (5:30 PM)",
+                                              "label": "Adelaide (7:30 PM)",
                                               "value": "Australia/Adelaide",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Canberra (6:00 PM)",
+                                              "label": "Canberra (8:00 PM)",
                                               "value": "Australia/Melbourne",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Melbourne (6:00 PM)",
+                                              "label": "Melbourne (8:00 PM)",
                                               "value": "Australia/Melbourne",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Sydney (6:00 PM)",
+                                              "label": "Sydney (8:00 PM)",
                                               "value": "Australia/Sydney",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Brisbane (6:00 PM)",
+                                              "label": "Brisbane (8:00 PM)",
                                               "value": "Australia/Brisbane",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Hobart (6:00 PM)",
+                                              "label": "Hobart (8:00 PM)",
                                               "value": "Australia/Hobart",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Vladivostok (6:00 PM)",
+                                              "label": "Vladivostok (8:00 PM)",
                                               "value": "Asia/Vladivostok",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Guam (6:00 PM)",
+                                              "label": "Guam (8:00 PM)",
                                               "value": "Pacific/Guam",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Port Moresby (6:00 PM)",
+                                              "label": "Port Moresby (8:00 PM)",
                                               "value": "Pacific/Port_Moresby",
                                             },
                                             Object {
                                               "index": 760,
-                                              "label": "Midway Island (9:00 PM)",
+                                              "label": "Midway Island (11:00 PM)",
                                               "value": "Pacific/Midway",
                                             },
                                             Object {
                                               "index": 760,
-                                              "label": "American Samoa (9:00 PM)",
+                                              "label": "American Samoa (11:00 PM)",
                                               "value": "Pacific/Pago_Pago",
                                             },
                                             Object {
                                               "index": 760,
-                                              "label": "Magadan (7:00 PM)",
+                                              "label": "Magadan (9:00 PM)",
                                               "value": "Asia/Magadan",
                                             },
                                             Object {
                                               "index": 760,
-                                              "label": "Srednekolymsk (7:00 PM)",
+                                              "label": "Srednekolymsk (9:00 PM)",
                                               "value": "Asia/Srednekolymsk",
                                             },
                                             Object {
                                               "index": 760,
-                                              "label": "Solomon Is. (7:00 PM)",
+                                              "label": "Solomon Is. (9:00 PM)",
                                               "value": "Pacific/Guadalcanal",
                                             },
                                             Object {
                                               "index": 760,
-                                              "label": "New Caledonia (7:00 PM)",
+                                              "label": "New Caledonia (9:00 PM)",
                                               "value": "Pacific/Noumea",
                                             },
                                             Object {
                                               "index": 820,
-                                              "label": "International Date Line West (8:00 PM)",
+                                              "label": "International Date Line West (10:00 PM)",
                                               "value": "Etc/GMT+12",
                                             },
                                             Object {
                                               "index": 820,
-                                              "label": "Fiji (8:00 PM)",
+                                              "label": "Fiji (10:00 PM)",
                                               "value": "Pacific/Fiji",
                                             },
                                             Object {
                                               "index": 820,
-                                              "label": "Kamchatka (8:00 PM)",
+                                              "label": "Kamchatka (10:00 PM)",
                                               "value": "Asia/Kamchatka",
                                             },
                                             Object {
                                               "index": 820,
-                                              "label": "Marshall Is. (8:00 PM)",
+                                              "label": "Marshall Is. (10:00 PM)",
                                               "value": "Pacific/Majuro",
                                             },
                                             Object {
                                               "index": 820,
-                                              "label": "Auckland (8:00 PM)",
+                                              "label": "Auckland (10:00 PM)",
                                               "value": "Pacific/Auckland",
                                             },
                                             Object {
                                               "index": 820,
-                                              "label": "Wellington (8:00 PM)",
+                                              "label": "Wellington (10:00 PM)",
                                               "value": "Pacific/Auckland",
                                             },
                                             Object {
                                               "index": 865,
-                                              "label": "Chatham Is. (8:45 PM)",
+                                              "label": "Chatham Is. (10:45 PM)",
                                               "value": "Pacific/Chatham",
                                             },
                                             Object {
                                               "index": 880,
-                                              "label": "Nuku'alofa (9:00 PM)",
+                                              "label": "Nuku'alofa (11:00 PM)",
                                               "value": "Pacific/Tongatapu",
                                             },
                                             Object {
                                               "index": 880,
-                                              "label": "Tokelau Is. (9:00 PM)",
+                                              "label": "Tokelau Is. (11:00 PM)",
                                               "value": "Pacific/Fakaofo",
                                             },
                                             Object {
                                               "index": 880,
-                                              "label": "Samoa (9:00 PM)",
+                                              "label": "Samoa (11:00 PM)",
                                               "value": "Pacific/Apia",
                                             },
                                           ]
@@ -240151,762 +241067,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                               },
                                               Object {
                                                 "index": -3,
-                                                "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                 "value": "America/New_York",
                                               },
                                               Object {
                                                 "index": -2,
-                                                "label": "Central Time (US & Canada) (3:00 AM)",
+                                                "label": "Central Time (US & Canada) (5:00 AM)",
                                                 "value": "America/Chicago",
                                               },
                                               Object {
                                                 "index": -1,
-                                                "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                 "value": "America/Denver",
                                               },
                                               Object {
                                                 "index": -0,
-                                                "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                 "value": "America/Los_Angeles",
                                               },
                                               Object {
                                                 "index": 2.4,
-                                                "label": "Indiana (East) (4:00 AM)",
+                                                "label": "Indiana (East) (6:00 AM)",
                                                 "value": "America/Indiana/Indianapolis",
                                               },
                                               Object {
                                                 "index": 2.4,
-                                                "label": "Puerto Rico (4:00 AM)",
+                                                "label": "Puerto Rico (6:00 AM)",
                                                 "value": "America/Puerto_Rico",
                                               },
                                               Object {
                                                 "index": 4.2,
-                                                "label": "Arizona (1:00 AM)",
+                                                "label": "Arizona (3:00 AM)",
                                                 "value": "America/Phoenix",
                                               },
                                               Object {
                                                 "index": 4.8,
-                                                "label": "Alaska (12:00 AM)",
+                                                "label": "Alaska (2:00 AM)",
                                                 "value": "America/Juneau",
                                               },
                                               Object {
                                                 "index": 4.8,
-                                                "label": "Philippine Standard Time (4:00 PM)",
+                                                "label": "Philippine Standard Time (6:00 PM)",
                                                 "value": "Asia/Manila",
                                               },
                                               Object {
                                                 "index": 6,
-                                                "label": "Hawaii (10:00 PM)",
+                                                "label": "Hawaii (12:00 AM)",
                                                 "value": "Pacific/Honolulu",
                                               },
                                               Object {
                                                 "index": 100,
-                                                "label": "Azores (8:00 AM)",
+                                                "label": "Azores (10:00 AM)",
                                                 "value": "Atlantic/Azores",
                                               },
                                               Object {
                                                 "index": 100,
-                                                "label": "Monrovia (8:00 AM)",
+                                                "label": "Monrovia (10:00 AM)",
                                                 "value": "Africa/Monrovia",
                                               },
                                               Object {
                                                 "index": 100,
-                                                "label": "UTC (8:00 AM)",
+                                                "label": "UTC (10:00 AM)",
                                                 "value": "Etc/UTC",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "Cape Verde Is. (7:00 AM)",
+                                                "label": "Cape Verde Is. (9:00 AM)",
                                                 "value": "Atlantic/Cape_Verde",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "Dublin (9:00 AM)",
+                                                "label": "Dublin (11:00 AM)",
                                                 "value": "Europe/Dublin",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "Edinburgh (9:00 AM)",
+                                                "label": "Edinburgh (11:00 AM)",
                                                 "value": "Europe/London",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "Lisbon (9:00 AM)",
+                                                "label": "Lisbon (11:00 AM)",
                                                 "value": "Europe/Lisbon",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "London (9:00 AM)",
+                                                "label": "London (11:00 AM)",
                                                 "value": "Europe/London",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "Casablanca (9:00 AM)",
+                                                "label": "Casablanca (11:00 AM)",
                                                 "value": "Africa/Casablanca",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "West Central Africa (9:00 AM)",
+                                                "label": "West Central Africa (11:00 AM)",
                                                 "value": "Africa/Algiers",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Greenland (6:00 AM)",
+                                                "label": "Greenland (8:00 AM)",
                                                 "value": "America/Godthab",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Mid-Atlantic (6:00 AM)",
+                                                "label": "Mid-Atlantic (8:00 AM)",
                                                 "value": "Atlantic/South_Georgia",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Belgrade (10:00 AM)",
+                                                "label": "Belgrade (12:00 PM)",
                                                 "value": "Europe/Belgrade",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Bratislava (10:00 AM)",
+                                                "label": "Bratislava (12:00 PM)",
                                                 "value": "Europe/Bratislava",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Budapest (10:00 AM)",
+                                                "label": "Budapest (12:00 PM)",
                                                 "value": "Europe/Budapest",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Ljubljana (10:00 AM)",
+                                                "label": "Ljubljana (12:00 PM)",
                                                 "value": "Europe/Ljubljana",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Prague (10:00 AM)",
+                                                "label": "Prague (12:00 PM)",
                                                 "value": "Europe/Prague",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Sarajevo (10:00 AM)",
+                                                "label": "Sarajevo (12:00 PM)",
                                                 "value": "Europe/Sarajevo",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Skopje (10:00 AM)",
+                                                "label": "Skopje (12:00 PM)",
                                                 "value": "Europe/Skopje",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Warsaw (10:00 AM)",
+                                                "label": "Warsaw (12:00 PM)",
                                                 "value": "Europe/Warsaw",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Zagreb (10:00 AM)",
+                                                "label": "Zagreb (12:00 PM)",
                                                 "value": "Europe/Zagreb",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Brussels (10:00 AM)",
+                                                "label": "Brussels (12:00 PM)",
                                                 "value": "Europe/Brussels",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Copenhagen (10:00 AM)",
+                                                "label": "Copenhagen (12:00 PM)",
                                                 "value": "Europe/Copenhagen",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Madrid (10:00 AM)",
+                                                "label": "Madrid (12:00 PM)",
                                                 "value": "Europe/Madrid",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Paris (10:00 AM)",
+                                                "label": "Paris (12:00 PM)",
                                                 "value": "Europe/Paris",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Amsterdam (10:00 AM)",
+                                                "label": "Amsterdam (12:00 PM)",
                                                 "value": "Europe/Amsterdam",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Berlin (10:00 AM)",
+                                                "label": "Berlin (12:00 PM)",
                                                 "value": "Europe/Berlin",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Bern (10:00 AM)",
+                                                "label": "Bern (12:00 PM)",
                                                 "value": "Europe/Zurich",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Zurich (10:00 AM)",
+                                                "label": "Zurich (12:00 PM)",
                                                 "value": "Europe/Zurich",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Rome (10:00 AM)",
+                                                "label": "Rome (12:00 PM)",
                                                 "value": "Europe/Rome",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Stockholm (10:00 AM)",
+                                                "label": "Stockholm (12:00 PM)",
                                                 "value": "Europe/Stockholm",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Vienna (10:00 AM)",
+                                                "label": "Vienna (12:00 PM)",
                                                 "value": "Europe/Vienna",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Cairo (10:00 AM)",
+                                                "label": "Cairo (12:00 PM)",
                                                 "value": "Africa/Cairo",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Harare (10:00 AM)",
+                                                "label": "Harare (12:00 PM)",
                                                 "value": "Africa/Harare",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Pretoria (10:00 AM)",
+                                                "label": "Pretoria (12:00 PM)",
                                                 "value": "Africa/Johannesburg",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Kaliningrad (10:00 AM)",
+                                                "label": "Kaliningrad (12:00 PM)",
                                                 "value": "Europe/Kaliningrad",
                                               },
                                               Object {
                                                 "index": 250,
-                                                "label": "Newfoundland (5:30 AM)",
+                                                "label": "Newfoundland (7:30 AM)",
                                                 "value": "America/St_Johns",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                "label": "Atlantic Time (Canada) (7:00 AM)",
                                                 "value": "America/Halifax",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Brasilia (5:00 AM)",
+                                                "label": "Brasilia (7:00 AM)",
                                                 "value": "America/Sao_Paulo",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Buenos Aires (5:00 AM)",
+                                                "label": "Buenos Aires (7:00 AM)",
                                                 "value": "America/Argentina/Buenos_Aires",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Montevideo (5:00 AM)",
+                                                "label": "Montevideo (7:00 AM)",
                                                 "value": "America/Montevideo",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Bucharest (11:00 AM)",
+                                                "label": "Bucharest (1:00 PM)",
                                                 "value": "Europe/Bucharest",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Helsinki (11:00 AM)",
+                                                "label": "Helsinki (1:00 PM)",
                                                 "value": "Europe/Helsinki",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Kyiv (11:00 AM)",
+                                                "label": "Kyiv (1:00 PM)",
                                                 "value": "Europe/Kiev",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Riga (11:00 AM)",
+                                                "label": "Riga (1:00 PM)",
                                                 "value": "Europe/Riga",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Sofia (11:00 AM)",
+                                                "label": "Sofia (1:00 PM)",
                                                 "value": "Europe/Sofia",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Tallinn (11:00 AM)",
+                                                "label": "Tallinn (1:00 PM)",
                                                 "value": "Europe/Tallinn",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Vilnius (11:00 AM)",
+                                                "label": "Vilnius (1:00 PM)",
                                                 "value": "Europe/Vilnius",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Athens (11:00 AM)",
+                                                "label": "Athens (1:00 PM)",
                                                 "value": "Europe/Athens",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Istanbul (11:00 AM)",
+                                                "label": "Istanbul (1:00 PM)",
                                                 "value": "Europe/Istanbul",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Minsk (11:00 AM)",
+                                                "label": "Minsk (1:00 PM)",
                                                 "value": "Europe/Minsk",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Jerusalem (11:00 AM)",
+                                                "label": "Jerusalem (1:00 PM)",
                                                 "value": "Asia/Jerusalem",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Moscow (11:00 AM)",
+                                                "label": "Moscow (1:00 PM)",
                                                 "value": "Europe/Moscow",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "St. Petersburg (11:00 AM)",
+                                                "label": "St. Petersburg (1:00 PM)",
                                                 "value": "Europe/Moscow",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Kuwait (11:00 AM)",
+                                                "label": "Kuwait (1:00 PM)",
                                                 "value": "Asia/Kuwait",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Riyadh (11:00 AM)",
+                                                "label": "Riyadh (1:00 PM)",
                                                 "value": "Asia/Riyadh",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Nairobi (11:00 AM)",
+                                                "label": "Nairobi (1:00 PM)",
                                                 "value": "Africa/Nairobi",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Baghdad (11:00 AM)",
+                                                "label": "Baghdad (1:00 PM)",
                                                 "value": "Asia/Baghdad",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Caracas (4:00 AM)",
+                                                "label": "Caracas (6:00 AM)",
                                                 "value": "America/Caracas",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "La Paz (4:00 AM)",
+                                                "label": "La Paz (6:00 AM)",
                                                 "value": "America/La_Paz",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Santiago (4:00 AM)",
+                                                "label": "Santiago (6:00 AM)",
                                                 "value": "America/Santiago",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Georgetown (4:00 AM)",
+                                                "label": "Georgetown (6:00 AM)",
                                                 "value": "America/Guyana",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Volgograd (12:00 PM)",
+                                                "label": "Volgograd (2:00 PM)",
                                                 "value": "Europe/Volgograd",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Samara (12:00 PM)",
+                                                "label": "Samara (2:00 PM)",
                                                 "value": "Europe/Samara",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Abu Dhabi (12:00 PM)",
+                                                "label": "Abu Dhabi (2:00 PM)",
                                                 "value": "Asia/Muscat",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Muscat (12:00 PM)",
+                                                "label": "Muscat (2:00 PM)",
                                                 "value": "Asia/Muscat",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Baku (12:00 PM)",
+                                                "label": "Baku (2:00 PM)",
                                                 "value": "Asia/Baku",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Tbilisi (12:00 PM)",
+                                                "label": "Tbilisi (2:00 PM)",
                                                 "value": "Asia/Tbilisi",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Yerevan (12:00 PM)",
+                                                "label": "Yerevan (2:00 PM)",
                                                 "value": "Asia/Yerevan",
                                               },
                                               Object {
                                                 "index": 370,
-                                                "label": "Tehran (12:30 PM)",
+                                                "label": "Tehran (2:30 PM)",
                                                 "value": "Asia/Tehran",
                                               },
                                               Object {
                                                 "index": 370,
-                                                "label": "Kabul (12:30 PM)",
+                                                "label": "Kabul (2:30 PM)",
                                                 "value": "Asia/Kabul",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Guadalajara (3:00 AM)",
+                                                "label": "Guadalajara (5:00 AM)",
                                                 "value": "America/Mexico_City",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Mexico City (3:00 AM)",
+                                                "label": "Mexico City (5:00 AM)",
                                                 "value": "America/Mexico_City",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Monterrey (3:00 AM)",
+                                                "label": "Monterrey (5:00 AM)",
                                                 "value": "America/Monterrey",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Bogota (3:00 AM)",
+                                                "label": "Bogota (5:00 AM)",
                                                 "value": "America/Bogota",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Lima (3:00 AM)",
+                                                "label": "Lima (5:00 AM)",
                                                 "value": "America/Lima",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Quito (3:00 AM)",
+                                                "label": "Quito (5:00 AM)",
                                                 "value": "America/Lima",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Ekaterinburg (1:00 PM)",
+                                                "label": "Ekaterinburg (3:00 PM)",
                                                 "value": "Asia/Yekaterinburg",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Islamabad (1:00 PM)",
+                                                "label": "Islamabad (3:00 PM)",
                                                 "value": "Asia/Karachi",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Karachi (1:00 PM)",
+                                                "label": "Karachi (3:00 PM)",
                                                 "value": "Asia/Karachi",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Tashkent (1:00 PM)",
+                                                "label": "Tashkent (3:00 PM)",
                                                 "value": "Asia/Tashkent",
                                               },
                                               Object {
                                                 "index": 430,
-                                                "label": "Chennai (1:30 PM)",
+                                                "label": "Chennai (3:30 PM)",
                                                 "value": "Asia/Kolkata",
                                               },
                                               Object {
                                                 "index": 430,
-                                                "label": "Kolkata (1:30 PM)",
+                                                "label": "Kolkata (3:30 PM)",
                                                 "value": "Asia/Kolkata",
                                               },
                                               Object {
                                                 "index": 430,
-                                                "label": "Mumbai (1:30 PM)",
+                                                "label": "Mumbai (3:30 PM)",
                                                 "value": "Asia/Kolkata",
                                               },
                                               Object {
                                                 "index": 430,
-                                                "label": "New Delhi (1:30 PM)",
+                                                "label": "New Delhi (3:30 PM)",
                                                 "value": "Asia/Kolkata",
                                               },
                                               Object {
                                                 "index": 430,
-                                                "label": "Sri Jayawardenepura (1:30 PM)",
+                                                "label": "Sri Jayawardenepura (3:30 PM)",
                                                 "value": "Asia/Colombo",
                                               },
                                               Object {
                                                 "index": 445,
-                                                "label": "Kathmandu (1:45 PM)",
+                                                "label": "Kathmandu (3:45 PM)",
                                                 "value": "Asia/Kathmandu",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Chihuahua (2:00 AM)",
+                                                "label": "Chihuahua (4:00 AM)",
                                                 "value": "America/Chihuahua",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Mazatlan (2:00 AM)",
+                                                "label": "Mazatlan (4:00 AM)",
                                                 "value": "America/Mazatlan",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Saskatchewan (2:00 AM)",
+                                                "label": "Saskatchewan (4:00 AM)",
                                                 "value": "America/Regina",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Central America (2:00 AM)",
+                                                "label": "Central America (4:00 AM)",
                                                 "value": "America/Guatemala",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Astana (2:00 PM)",
+                                                "label": "Astana (4:00 PM)",
                                                 "value": "Asia/Dhaka",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Dhaka (2:00 PM)",
+                                                "label": "Dhaka (4:00 PM)",
                                                 "value": "Asia/Dhaka",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Almaty (2:00 PM)",
+                                                "label": "Almaty (4:00 PM)",
                                                 "value": "Asia/Almaty",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Urumqi (2:00 PM)",
+                                                "label": "Urumqi (4:00 PM)",
                                                 "value": "Asia/Urumqi",
                                               },
                                               Object {
                                                 "index": 490,
-                                                "label": "Rangoon (2:30 PM)",
+                                                "label": "Rangoon (4:30 PM)",
                                                 "value": "Asia/Rangoon",
                                               },
                                               Object {
                                                 "index": 520,
-                                                "label": "Tijuana (1:00 AM)",
+                                                "label": "Tijuana (3:00 AM)",
                                                 "value": "America/Tijuana",
                                               },
                                               Object {
                                                 "index": 520,
-                                                "label": "Novosibirsk (3:00 PM)",
+                                                "label": "Novosibirsk (5:00 PM)",
                                                 "value": "Asia/Novosibirsk",
                                               },
                                               Object {
                                                 "index": 520,
-                                                "label": "Bangkok (3:00 PM)",
+                                                "label": "Bangkok (5:00 PM)",
                                                 "value": "Asia/Bangkok",
                                               },
                                               Object {
                                                 "index": 520,
-                                                "label": "Hanoi (3:00 PM)",
+                                                "label": "Hanoi (5:00 PM)",
                                                 "value": "Asia/Bangkok",
                                               },
                                               Object {
                                                 "index": 520,
-                                                "label": "Jakarta (3:00 PM)",
+                                                "label": "Jakarta (5:00 PM)",
                                                 "value": "Asia/Jakarta",
                                               },
                                               Object {
                                                 "index": 520,
-                                                "label": "Krasnoyarsk (3:00 PM)",
+                                                "label": "Krasnoyarsk (5:00 PM)",
                                                 "value": "Asia/Krasnoyarsk",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Beijing (4:00 PM)",
+                                                "label": "Beijing (6:00 PM)",
                                                 "value": "Asia/Shanghai",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Chongqing (4:00 PM)",
+                                                "label": "Chongqing (6:00 PM)",
                                                 "value": "Asia/Chongqing",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Hong Kong (4:00 PM)",
+                                                "label": "Hong Kong (6:00 PM)",
                                                 "value": "Asia/Hong_Kong",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Kuala Lumpur (4:00 PM)",
+                                                "label": "Kuala Lumpur (6:00 PM)",
                                                 "value": "Asia/Kuala_Lumpur",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Singapore (4:00 PM)",
+                                                "label": "Singapore (6:00 PM)",
                                                 "value": "Asia/Singapore",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Taipei (4:00 PM)",
+                                                "label": "Taipei (6:00 PM)",
                                                 "value": "Asia/Taipei",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Perth (4:00 PM)",
+                                                "label": "Perth (6:00 PM)",
                                                 "value": "Australia/Perth",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Irkutsk (4:00 PM)",
+                                                "label": "Irkutsk (6:00 PM)",
                                                 "value": "Asia/Irkutsk",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Ulaanbaatar (4:00 PM)",
+                                                "label": "Ulaanbaatar (6:00 PM)",
                                                 "value": "Asia/Ulaanbaatar",
                                               },
                                               Object {
                                                 "index": 640,
-                                                "label": "Seoul (5:00 PM)",
+                                                "label": "Seoul (7:00 PM)",
                                                 "value": "Asia/Seoul",
                                               },
                                               Object {
                                                 "index": 640,
-                                                "label": "Osaka (5:00 PM)",
+                                                "label": "Osaka (7:00 PM)",
                                                 "value": "Asia/Tokyo",
                                               },
                                               Object {
                                                 "index": 640,
-                                                "label": "Sapporo (5:00 PM)",
+                                                "label": "Sapporo (7:00 PM)",
                                                 "value": "Asia/Tokyo",
                                               },
                                               Object {
                                                 "index": 640,
-                                                "label": "Tokyo (5:00 PM)",
+                                                "label": "Tokyo (7:00 PM)",
                                                 "value": "Asia/Tokyo",
                                               },
                                               Object {
                                                 "index": 640,
-                                                "label": "Yakutsk (5:00 PM)",
+                                                "label": "Yakutsk (7:00 PM)",
                                                 "value": "Asia/Yakutsk",
                                               },
                                               Object {
                                                 "index": 670,
-                                                "label": "Darwin (5:30 PM)",
+                                                "label": "Darwin (7:30 PM)",
                                                 "value": "Australia/Darwin",
                                               },
                                               Object {
                                                 "index": 670,
-                                                "label": "Adelaide (5:30 PM)",
+                                                "label": "Adelaide (7:30 PM)",
                                                 "value": "Australia/Adelaide",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Canberra (6:00 PM)",
+                                                "label": "Canberra (8:00 PM)",
                                                 "value": "Australia/Melbourne",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Melbourne (6:00 PM)",
+                                                "label": "Melbourne (8:00 PM)",
                                                 "value": "Australia/Melbourne",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Sydney (6:00 PM)",
+                                                "label": "Sydney (8:00 PM)",
                                                 "value": "Australia/Sydney",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Brisbane (6:00 PM)",
+                                                "label": "Brisbane (8:00 PM)",
                                                 "value": "Australia/Brisbane",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Hobart (6:00 PM)",
+                                                "label": "Hobart (8:00 PM)",
                                                 "value": "Australia/Hobart",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Vladivostok (6:00 PM)",
+                                                "label": "Vladivostok (8:00 PM)",
                                                 "value": "Asia/Vladivostok",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Guam (6:00 PM)",
+                                                "label": "Guam (8:00 PM)",
                                                 "value": "Pacific/Guam",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Port Moresby (6:00 PM)",
+                                                "label": "Port Moresby (8:00 PM)",
                                                 "value": "Pacific/Port_Moresby",
                                               },
                                               Object {
                                                 "index": 760,
-                                                "label": "Midway Island (9:00 PM)",
+                                                "label": "Midway Island (11:00 PM)",
                                                 "value": "Pacific/Midway",
                                               },
                                               Object {
                                                 "index": 760,
-                                                "label": "American Samoa (9:00 PM)",
+                                                "label": "American Samoa (11:00 PM)",
                                                 "value": "Pacific/Pago_Pago",
                                               },
                                               Object {
                                                 "index": 760,
-                                                "label": "Magadan (7:00 PM)",
+                                                "label": "Magadan (9:00 PM)",
                                                 "value": "Asia/Magadan",
                                               },
                                               Object {
                                                 "index": 760,
-                                                "label": "Srednekolymsk (7:00 PM)",
+                                                "label": "Srednekolymsk (9:00 PM)",
                                                 "value": "Asia/Srednekolymsk",
                                               },
                                               Object {
                                                 "index": 760,
-                                                "label": "Solomon Is. (7:00 PM)",
+                                                "label": "Solomon Is. (9:00 PM)",
                                                 "value": "Pacific/Guadalcanal",
                                               },
                                               Object {
                                                 "index": 760,
-                                                "label": "New Caledonia (7:00 PM)",
+                                                "label": "New Caledonia (9:00 PM)",
                                                 "value": "Pacific/Noumea",
                                               },
                                               Object {
                                                 "index": 820,
-                                                "label": "International Date Line West (8:00 PM)",
+                                                "label": "International Date Line West (10:00 PM)",
                                                 "value": "Etc/GMT+12",
                                               },
                                               Object {
                                                 "index": 820,
-                                                "label": "Fiji (8:00 PM)",
+                                                "label": "Fiji (10:00 PM)",
                                                 "value": "Pacific/Fiji",
                                               },
                                               Object {
                                                 "index": 820,
-                                                "label": "Kamchatka (8:00 PM)",
+                                                "label": "Kamchatka (10:00 PM)",
                                                 "value": "Asia/Kamchatka",
                                               },
                                               Object {
                                                 "index": 820,
-                                                "label": "Marshall Is. (8:00 PM)",
+                                                "label": "Marshall Is. (10:00 PM)",
                                                 "value": "Pacific/Majuro",
                                               },
                                               Object {
                                                 "index": 820,
-                                                "label": "Auckland (8:00 PM)",
+                                                "label": "Auckland (10:00 PM)",
                                                 "value": "Pacific/Auckland",
                                               },
                                               Object {
                                                 "index": 820,
-                                                "label": "Wellington (8:00 PM)",
+                                                "label": "Wellington (10:00 PM)",
                                                 "value": "Pacific/Auckland",
                                               },
                                               Object {
                                                 "index": 865,
-                                                "label": "Chatham Is. (8:45 PM)",
+                                                "label": "Chatham Is. (10:45 PM)",
                                                 "value": "Pacific/Chatham",
                                               },
                                               Object {
                                                 "index": 880,
-                                                "label": "Nuku'alofa (9:00 PM)",
+                                                "label": "Nuku'alofa (11:00 PM)",
                                                 "value": "Pacific/Tongatapu",
                                               },
                                               Object {
                                                 "index": 880,
-                                                "label": "Tokelau Is. (9:00 PM)",
+                                                "label": "Tokelau Is. (11:00 PM)",
                                                 "value": "Pacific/Fakaofo",
                                               },
                                               Object {
                                                 "index": 880,
-                                                "label": "Samoa (9:00 PM)",
+                                                "label": "Samoa (11:00 PM)",
                                                 "value": "Pacific/Apia",
                                               },
                                             ],
@@ -240920,7 +241836,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                             },
                                             "tabIndex": "0",
                                             "tabSelectsValue": true,
-                                            "value": null,
+                                            "value": Object {
+                                              "index": -0,
+                                              "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                              "value": "America/Los_Angeles",
+                                            },
                                           }
                                         }
                                         setValue={[Function]}
@@ -240978,7 +241898,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                               cx={[Function]}
                                               getStyles={[Function]}
                                               getValue={[Function]}
-                                              hasValue={false}
+                                              hasValue={true}
                                               innerProps={
                                                 Object {
                                                   "onMouseDown": [Function],
@@ -240999,762 +241919,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                   },
                                                   Object {
                                                     "index": -3,
-                                                    "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                    "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                     "value": "America/New_York",
                                                   },
                                                   Object {
                                                     "index": -2,
-                                                    "label": "Central Time (US & Canada) (3:00 AM)",
+                                                    "label": "Central Time (US & Canada) (5:00 AM)",
                                                     "value": "America/Chicago",
                                                   },
                                                   Object {
                                                     "index": -1,
-                                                    "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                    "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                     "value": "America/Denver",
                                                   },
                                                   Object {
                                                     "index": -0,
-                                                    "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                    "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                     "value": "America/Los_Angeles",
                                                   },
                                                   Object {
                                                     "index": 2.4,
-                                                    "label": "Indiana (East) (4:00 AM)",
+                                                    "label": "Indiana (East) (6:00 AM)",
                                                     "value": "America/Indiana/Indianapolis",
                                                   },
                                                   Object {
                                                     "index": 2.4,
-                                                    "label": "Puerto Rico (4:00 AM)",
+                                                    "label": "Puerto Rico (6:00 AM)",
                                                     "value": "America/Puerto_Rico",
                                                   },
                                                   Object {
                                                     "index": 4.2,
-                                                    "label": "Arizona (1:00 AM)",
+                                                    "label": "Arizona (3:00 AM)",
                                                     "value": "America/Phoenix",
                                                   },
                                                   Object {
                                                     "index": 4.8,
-                                                    "label": "Alaska (12:00 AM)",
+                                                    "label": "Alaska (2:00 AM)",
                                                     "value": "America/Juneau",
                                                   },
                                                   Object {
                                                     "index": 4.8,
-                                                    "label": "Philippine Standard Time (4:00 PM)",
+                                                    "label": "Philippine Standard Time (6:00 PM)",
                                                     "value": "Asia/Manila",
                                                   },
                                                   Object {
                                                     "index": 6,
-                                                    "label": "Hawaii (10:00 PM)",
+                                                    "label": "Hawaii (12:00 AM)",
                                                     "value": "Pacific/Honolulu",
                                                   },
                                                   Object {
                                                     "index": 100,
-                                                    "label": "Azores (8:00 AM)",
+                                                    "label": "Azores (10:00 AM)",
                                                     "value": "Atlantic/Azores",
                                                   },
                                                   Object {
                                                     "index": 100,
-                                                    "label": "Monrovia (8:00 AM)",
+                                                    "label": "Monrovia (10:00 AM)",
                                                     "value": "Africa/Monrovia",
                                                   },
                                                   Object {
                                                     "index": 100,
-                                                    "label": "UTC (8:00 AM)",
+                                                    "label": "UTC (10:00 AM)",
                                                     "value": "Etc/UTC",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "Cape Verde Is. (7:00 AM)",
+                                                    "label": "Cape Verde Is. (9:00 AM)",
                                                     "value": "Atlantic/Cape_Verde",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "Dublin (9:00 AM)",
+                                                    "label": "Dublin (11:00 AM)",
                                                     "value": "Europe/Dublin",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "Edinburgh (9:00 AM)",
+                                                    "label": "Edinburgh (11:00 AM)",
                                                     "value": "Europe/London",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "Lisbon (9:00 AM)",
+                                                    "label": "Lisbon (11:00 AM)",
                                                     "value": "Europe/Lisbon",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "London (9:00 AM)",
+                                                    "label": "London (11:00 AM)",
                                                     "value": "Europe/London",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "Casablanca (9:00 AM)",
+                                                    "label": "Casablanca (11:00 AM)",
                                                     "value": "Africa/Casablanca",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "West Central Africa (9:00 AM)",
+                                                    "label": "West Central Africa (11:00 AM)",
                                                     "value": "Africa/Algiers",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Greenland (6:00 AM)",
+                                                    "label": "Greenland (8:00 AM)",
                                                     "value": "America/Godthab",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Mid-Atlantic (6:00 AM)",
+                                                    "label": "Mid-Atlantic (8:00 AM)",
                                                     "value": "Atlantic/South_Georgia",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Belgrade (10:00 AM)",
+                                                    "label": "Belgrade (12:00 PM)",
                                                     "value": "Europe/Belgrade",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Bratislava (10:00 AM)",
+                                                    "label": "Bratislava (12:00 PM)",
                                                     "value": "Europe/Bratislava",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Budapest (10:00 AM)",
+                                                    "label": "Budapest (12:00 PM)",
                                                     "value": "Europe/Budapest",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Ljubljana (10:00 AM)",
+                                                    "label": "Ljubljana (12:00 PM)",
                                                     "value": "Europe/Ljubljana",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Prague (10:00 AM)",
+                                                    "label": "Prague (12:00 PM)",
                                                     "value": "Europe/Prague",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Sarajevo (10:00 AM)",
+                                                    "label": "Sarajevo (12:00 PM)",
                                                     "value": "Europe/Sarajevo",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Skopje (10:00 AM)",
+                                                    "label": "Skopje (12:00 PM)",
                                                     "value": "Europe/Skopje",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Warsaw (10:00 AM)",
+                                                    "label": "Warsaw (12:00 PM)",
                                                     "value": "Europe/Warsaw",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Zagreb (10:00 AM)",
+                                                    "label": "Zagreb (12:00 PM)",
                                                     "value": "Europe/Zagreb",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Brussels (10:00 AM)",
+                                                    "label": "Brussels (12:00 PM)",
                                                     "value": "Europe/Brussels",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Copenhagen (10:00 AM)",
+                                                    "label": "Copenhagen (12:00 PM)",
                                                     "value": "Europe/Copenhagen",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Madrid (10:00 AM)",
+                                                    "label": "Madrid (12:00 PM)",
                                                     "value": "Europe/Madrid",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Paris (10:00 AM)",
+                                                    "label": "Paris (12:00 PM)",
                                                     "value": "Europe/Paris",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Amsterdam (10:00 AM)",
+                                                    "label": "Amsterdam (12:00 PM)",
                                                     "value": "Europe/Amsterdam",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Berlin (10:00 AM)",
+                                                    "label": "Berlin (12:00 PM)",
                                                     "value": "Europe/Berlin",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Bern (10:00 AM)",
+                                                    "label": "Bern (12:00 PM)",
                                                     "value": "Europe/Zurich",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Zurich (10:00 AM)",
+                                                    "label": "Zurich (12:00 PM)",
                                                     "value": "Europe/Zurich",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Rome (10:00 AM)",
+                                                    "label": "Rome (12:00 PM)",
                                                     "value": "Europe/Rome",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Stockholm (10:00 AM)",
+                                                    "label": "Stockholm (12:00 PM)",
                                                     "value": "Europe/Stockholm",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Vienna (10:00 AM)",
+                                                    "label": "Vienna (12:00 PM)",
                                                     "value": "Europe/Vienna",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Cairo (10:00 AM)",
+                                                    "label": "Cairo (12:00 PM)",
                                                     "value": "Africa/Cairo",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Harare (10:00 AM)",
+                                                    "label": "Harare (12:00 PM)",
                                                     "value": "Africa/Harare",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Pretoria (10:00 AM)",
+                                                    "label": "Pretoria (12:00 PM)",
                                                     "value": "Africa/Johannesburg",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Kaliningrad (10:00 AM)",
+                                                    "label": "Kaliningrad (12:00 PM)",
                                                     "value": "Europe/Kaliningrad",
                                                   },
                                                   Object {
                                                     "index": 250,
-                                                    "label": "Newfoundland (5:30 AM)",
+                                                    "label": "Newfoundland (7:30 AM)",
                                                     "value": "America/St_Johns",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                    "label": "Atlantic Time (Canada) (7:00 AM)",
                                                     "value": "America/Halifax",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Brasilia (5:00 AM)",
+                                                    "label": "Brasilia (7:00 AM)",
                                                     "value": "America/Sao_Paulo",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Buenos Aires (5:00 AM)",
+                                                    "label": "Buenos Aires (7:00 AM)",
                                                     "value": "America/Argentina/Buenos_Aires",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Montevideo (5:00 AM)",
+                                                    "label": "Montevideo (7:00 AM)",
                                                     "value": "America/Montevideo",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Bucharest (11:00 AM)",
+                                                    "label": "Bucharest (1:00 PM)",
                                                     "value": "Europe/Bucharest",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Helsinki (11:00 AM)",
+                                                    "label": "Helsinki (1:00 PM)",
                                                     "value": "Europe/Helsinki",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Kyiv (11:00 AM)",
+                                                    "label": "Kyiv (1:00 PM)",
                                                     "value": "Europe/Kiev",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Riga (11:00 AM)",
+                                                    "label": "Riga (1:00 PM)",
                                                     "value": "Europe/Riga",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Sofia (11:00 AM)",
+                                                    "label": "Sofia (1:00 PM)",
                                                     "value": "Europe/Sofia",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Tallinn (11:00 AM)",
+                                                    "label": "Tallinn (1:00 PM)",
                                                     "value": "Europe/Tallinn",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Vilnius (11:00 AM)",
+                                                    "label": "Vilnius (1:00 PM)",
                                                     "value": "Europe/Vilnius",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Athens (11:00 AM)",
+                                                    "label": "Athens (1:00 PM)",
                                                     "value": "Europe/Athens",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Istanbul (11:00 AM)",
+                                                    "label": "Istanbul (1:00 PM)",
                                                     "value": "Europe/Istanbul",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Minsk (11:00 AM)",
+                                                    "label": "Minsk (1:00 PM)",
                                                     "value": "Europe/Minsk",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Jerusalem (11:00 AM)",
+                                                    "label": "Jerusalem (1:00 PM)",
                                                     "value": "Asia/Jerusalem",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Moscow (11:00 AM)",
+                                                    "label": "Moscow (1:00 PM)",
                                                     "value": "Europe/Moscow",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "St. Petersburg (11:00 AM)",
+                                                    "label": "St. Petersburg (1:00 PM)",
                                                     "value": "Europe/Moscow",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Kuwait (11:00 AM)",
+                                                    "label": "Kuwait (1:00 PM)",
                                                     "value": "Asia/Kuwait",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Riyadh (11:00 AM)",
+                                                    "label": "Riyadh (1:00 PM)",
                                                     "value": "Asia/Riyadh",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Nairobi (11:00 AM)",
+                                                    "label": "Nairobi (1:00 PM)",
                                                     "value": "Africa/Nairobi",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Baghdad (11:00 AM)",
+                                                    "label": "Baghdad (1:00 PM)",
                                                     "value": "Asia/Baghdad",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Caracas (4:00 AM)",
+                                                    "label": "Caracas (6:00 AM)",
                                                     "value": "America/Caracas",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "La Paz (4:00 AM)",
+                                                    "label": "La Paz (6:00 AM)",
                                                     "value": "America/La_Paz",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Santiago (4:00 AM)",
+                                                    "label": "Santiago (6:00 AM)",
                                                     "value": "America/Santiago",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Georgetown (4:00 AM)",
+                                                    "label": "Georgetown (6:00 AM)",
                                                     "value": "America/Guyana",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Volgograd (12:00 PM)",
+                                                    "label": "Volgograd (2:00 PM)",
                                                     "value": "Europe/Volgograd",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Samara (12:00 PM)",
+                                                    "label": "Samara (2:00 PM)",
                                                     "value": "Europe/Samara",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Abu Dhabi (12:00 PM)",
+                                                    "label": "Abu Dhabi (2:00 PM)",
                                                     "value": "Asia/Muscat",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Muscat (12:00 PM)",
+                                                    "label": "Muscat (2:00 PM)",
                                                     "value": "Asia/Muscat",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Baku (12:00 PM)",
+                                                    "label": "Baku (2:00 PM)",
                                                     "value": "Asia/Baku",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Tbilisi (12:00 PM)",
+                                                    "label": "Tbilisi (2:00 PM)",
                                                     "value": "Asia/Tbilisi",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Yerevan (12:00 PM)",
+                                                    "label": "Yerevan (2:00 PM)",
                                                     "value": "Asia/Yerevan",
                                                   },
                                                   Object {
                                                     "index": 370,
-                                                    "label": "Tehran (12:30 PM)",
+                                                    "label": "Tehran (2:30 PM)",
                                                     "value": "Asia/Tehran",
                                                   },
                                                   Object {
                                                     "index": 370,
-                                                    "label": "Kabul (12:30 PM)",
+                                                    "label": "Kabul (2:30 PM)",
                                                     "value": "Asia/Kabul",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Guadalajara (3:00 AM)",
+                                                    "label": "Guadalajara (5:00 AM)",
                                                     "value": "America/Mexico_City",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Mexico City (3:00 AM)",
+                                                    "label": "Mexico City (5:00 AM)",
                                                     "value": "America/Mexico_City",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Monterrey (3:00 AM)",
+                                                    "label": "Monterrey (5:00 AM)",
                                                     "value": "America/Monterrey",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Bogota (3:00 AM)",
+                                                    "label": "Bogota (5:00 AM)",
                                                     "value": "America/Bogota",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Lima (3:00 AM)",
+                                                    "label": "Lima (5:00 AM)",
                                                     "value": "America/Lima",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Quito (3:00 AM)",
+                                                    "label": "Quito (5:00 AM)",
                                                     "value": "America/Lima",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Ekaterinburg (1:00 PM)",
+                                                    "label": "Ekaterinburg (3:00 PM)",
                                                     "value": "Asia/Yekaterinburg",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Islamabad (1:00 PM)",
+                                                    "label": "Islamabad (3:00 PM)",
                                                     "value": "Asia/Karachi",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Karachi (1:00 PM)",
+                                                    "label": "Karachi (3:00 PM)",
                                                     "value": "Asia/Karachi",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Tashkent (1:00 PM)",
+                                                    "label": "Tashkent (3:00 PM)",
                                                     "value": "Asia/Tashkent",
                                                   },
                                                   Object {
                                                     "index": 430,
-                                                    "label": "Chennai (1:30 PM)",
+                                                    "label": "Chennai (3:30 PM)",
                                                     "value": "Asia/Kolkata",
                                                   },
                                                   Object {
                                                     "index": 430,
-                                                    "label": "Kolkata (1:30 PM)",
+                                                    "label": "Kolkata (3:30 PM)",
                                                     "value": "Asia/Kolkata",
                                                   },
                                                   Object {
                                                     "index": 430,
-                                                    "label": "Mumbai (1:30 PM)",
+                                                    "label": "Mumbai (3:30 PM)",
                                                     "value": "Asia/Kolkata",
                                                   },
                                                   Object {
                                                     "index": 430,
-                                                    "label": "New Delhi (1:30 PM)",
+                                                    "label": "New Delhi (3:30 PM)",
                                                     "value": "Asia/Kolkata",
                                                   },
                                                   Object {
                                                     "index": 430,
-                                                    "label": "Sri Jayawardenepura (1:30 PM)",
+                                                    "label": "Sri Jayawardenepura (3:30 PM)",
                                                     "value": "Asia/Colombo",
                                                   },
                                                   Object {
                                                     "index": 445,
-                                                    "label": "Kathmandu (1:45 PM)",
+                                                    "label": "Kathmandu (3:45 PM)",
                                                     "value": "Asia/Kathmandu",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Chihuahua (2:00 AM)",
+                                                    "label": "Chihuahua (4:00 AM)",
                                                     "value": "America/Chihuahua",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Mazatlan (2:00 AM)",
+                                                    "label": "Mazatlan (4:00 AM)",
                                                     "value": "America/Mazatlan",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Saskatchewan (2:00 AM)",
+                                                    "label": "Saskatchewan (4:00 AM)",
                                                     "value": "America/Regina",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Central America (2:00 AM)",
+                                                    "label": "Central America (4:00 AM)",
                                                     "value": "America/Guatemala",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Astana (2:00 PM)",
+                                                    "label": "Astana (4:00 PM)",
                                                     "value": "Asia/Dhaka",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Dhaka (2:00 PM)",
+                                                    "label": "Dhaka (4:00 PM)",
                                                     "value": "Asia/Dhaka",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Almaty (2:00 PM)",
+                                                    "label": "Almaty (4:00 PM)",
                                                     "value": "Asia/Almaty",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Urumqi (2:00 PM)",
+                                                    "label": "Urumqi (4:00 PM)",
                                                     "value": "Asia/Urumqi",
                                                   },
                                                   Object {
                                                     "index": 490,
-                                                    "label": "Rangoon (2:30 PM)",
+                                                    "label": "Rangoon (4:30 PM)",
                                                     "value": "Asia/Rangoon",
                                                   },
                                                   Object {
                                                     "index": 520,
-                                                    "label": "Tijuana (1:00 AM)",
+                                                    "label": "Tijuana (3:00 AM)",
                                                     "value": "America/Tijuana",
                                                   },
                                                   Object {
                                                     "index": 520,
-                                                    "label": "Novosibirsk (3:00 PM)",
+                                                    "label": "Novosibirsk (5:00 PM)",
                                                     "value": "Asia/Novosibirsk",
                                                   },
                                                   Object {
                                                     "index": 520,
-                                                    "label": "Bangkok (3:00 PM)",
+                                                    "label": "Bangkok (5:00 PM)",
                                                     "value": "Asia/Bangkok",
                                                   },
                                                   Object {
                                                     "index": 520,
-                                                    "label": "Hanoi (3:00 PM)",
+                                                    "label": "Hanoi (5:00 PM)",
                                                     "value": "Asia/Bangkok",
                                                   },
                                                   Object {
                                                     "index": 520,
-                                                    "label": "Jakarta (3:00 PM)",
+                                                    "label": "Jakarta (5:00 PM)",
                                                     "value": "Asia/Jakarta",
                                                   },
                                                   Object {
                                                     "index": 520,
-                                                    "label": "Krasnoyarsk (3:00 PM)",
+                                                    "label": "Krasnoyarsk (5:00 PM)",
                                                     "value": "Asia/Krasnoyarsk",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Beijing (4:00 PM)",
+                                                    "label": "Beijing (6:00 PM)",
                                                     "value": "Asia/Shanghai",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Chongqing (4:00 PM)",
+                                                    "label": "Chongqing (6:00 PM)",
                                                     "value": "Asia/Chongqing",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Hong Kong (4:00 PM)",
+                                                    "label": "Hong Kong (6:00 PM)",
                                                     "value": "Asia/Hong_Kong",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Kuala Lumpur (4:00 PM)",
+                                                    "label": "Kuala Lumpur (6:00 PM)",
                                                     "value": "Asia/Kuala_Lumpur",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Singapore (4:00 PM)",
+                                                    "label": "Singapore (6:00 PM)",
                                                     "value": "Asia/Singapore",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Taipei (4:00 PM)",
+                                                    "label": "Taipei (6:00 PM)",
                                                     "value": "Asia/Taipei",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Perth (4:00 PM)",
+                                                    "label": "Perth (6:00 PM)",
                                                     "value": "Australia/Perth",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Irkutsk (4:00 PM)",
+                                                    "label": "Irkutsk (6:00 PM)",
                                                     "value": "Asia/Irkutsk",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Ulaanbaatar (4:00 PM)",
+                                                    "label": "Ulaanbaatar (6:00 PM)",
                                                     "value": "Asia/Ulaanbaatar",
                                                   },
                                                   Object {
                                                     "index": 640,
-                                                    "label": "Seoul (5:00 PM)",
+                                                    "label": "Seoul (7:00 PM)",
                                                     "value": "Asia/Seoul",
                                                   },
                                                   Object {
                                                     "index": 640,
-                                                    "label": "Osaka (5:00 PM)",
+                                                    "label": "Osaka (7:00 PM)",
                                                     "value": "Asia/Tokyo",
                                                   },
                                                   Object {
                                                     "index": 640,
-                                                    "label": "Sapporo (5:00 PM)",
+                                                    "label": "Sapporo (7:00 PM)",
                                                     "value": "Asia/Tokyo",
                                                   },
                                                   Object {
                                                     "index": 640,
-                                                    "label": "Tokyo (5:00 PM)",
+                                                    "label": "Tokyo (7:00 PM)",
                                                     "value": "Asia/Tokyo",
                                                   },
                                                   Object {
                                                     "index": 640,
-                                                    "label": "Yakutsk (5:00 PM)",
+                                                    "label": "Yakutsk (7:00 PM)",
                                                     "value": "Asia/Yakutsk",
                                                   },
                                                   Object {
                                                     "index": 670,
-                                                    "label": "Darwin (5:30 PM)",
+                                                    "label": "Darwin (7:30 PM)",
                                                     "value": "Australia/Darwin",
                                                   },
                                                   Object {
                                                     "index": 670,
-                                                    "label": "Adelaide (5:30 PM)",
+                                                    "label": "Adelaide (7:30 PM)",
                                                     "value": "Australia/Adelaide",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Canberra (6:00 PM)",
+                                                    "label": "Canberra (8:00 PM)",
                                                     "value": "Australia/Melbourne",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Melbourne (6:00 PM)",
+                                                    "label": "Melbourne (8:00 PM)",
                                                     "value": "Australia/Melbourne",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Sydney (6:00 PM)",
+                                                    "label": "Sydney (8:00 PM)",
                                                     "value": "Australia/Sydney",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Brisbane (6:00 PM)",
+                                                    "label": "Brisbane (8:00 PM)",
                                                     "value": "Australia/Brisbane",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Hobart (6:00 PM)",
+                                                    "label": "Hobart (8:00 PM)",
                                                     "value": "Australia/Hobart",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Vladivostok (6:00 PM)",
+                                                    "label": "Vladivostok (8:00 PM)",
                                                     "value": "Asia/Vladivostok",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Guam (6:00 PM)",
+                                                    "label": "Guam (8:00 PM)",
                                                     "value": "Pacific/Guam",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Port Moresby (6:00 PM)",
+                                                    "label": "Port Moresby (8:00 PM)",
                                                     "value": "Pacific/Port_Moresby",
                                                   },
                                                   Object {
                                                     "index": 760,
-                                                    "label": "Midway Island (9:00 PM)",
+                                                    "label": "Midway Island (11:00 PM)",
                                                     "value": "Pacific/Midway",
                                                   },
                                                   Object {
                                                     "index": 760,
-                                                    "label": "American Samoa (9:00 PM)",
+                                                    "label": "American Samoa (11:00 PM)",
                                                     "value": "Pacific/Pago_Pago",
                                                   },
                                                   Object {
                                                     "index": 760,
-                                                    "label": "Magadan (7:00 PM)",
+                                                    "label": "Magadan (9:00 PM)",
                                                     "value": "Asia/Magadan",
                                                   },
                                                   Object {
                                                     "index": 760,
-                                                    "label": "Srednekolymsk (7:00 PM)",
+                                                    "label": "Srednekolymsk (9:00 PM)",
                                                     "value": "Asia/Srednekolymsk",
                                                   },
                                                   Object {
                                                     "index": 760,
-                                                    "label": "Solomon Is. (7:00 PM)",
+                                                    "label": "Solomon Is. (9:00 PM)",
                                                     "value": "Pacific/Guadalcanal",
                                                   },
                                                   Object {
                                                     "index": 760,
-                                                    "label": "New Caledonia (7:00 PM)",
+                                                    "label": "New Caledonia (9:00 PM)",
                                                     "value": "Pacific/Noumea",
                                                   },
                                                   Object {
                                                     "index": 820,
-                                                    "label": "International Date Line West (8:00 PM)",
+                                                    "label": "International Date Line West (10:00 PM)",
                                                     "value": "Etc/GMT+12",
                                                   },
                                                   Object {
                                                     "index": 820,
-                                                    "label": "Fiji (8:00 PM)",
+                                                    "label": "Fiji (10:00 PM)",
                                                     "value": "Pacific/Fiji",
                                                   },
                                                   Object {
                                                     "index": 820,
-                                                    "label": "Kamchatka (8:00 PM)",
+                                                    "label": "Kamchatka (10:00 PM)",
                                                     "value": "Asia/Kamchatka",
                                                   },
                                                   Object {
                                                     "index": 820,
-                                                    "label": "Marshall Is. (8:00 PM)",
+                                                    "label": "Marshall Is. (10:00 PM)",
                                                     "value": "Pacific/Majuro",
                                                   },
                                                   Object {
                                                     "index": 820,
-                                                    "label": "Auckland (8:00 PM)",
+                                                    "label": "Auckland (10:00 PM)",
                                                     "value": "Pacific/Auckland",
                                                   },
                                                   Object {
                                                     "index": 820,
-                                                    "label": "Wellington (8:00 PM)",
+                                                    "label": "Wellington (10:00 PM)",
                                                     "value": "Pacific/Auckland",
                                                   },
                                                   Object {
                                                     "index": 865,
-                                                    "label": "Chatham Is. (8:45 PM)",
+                                                    "label": "Chatham Is. (10:45 PM)",
                                                     "value": "Pacific/Chatham",
                                                   },
                                                   Object {
                                                     "index": 880,
-                                                    "label": "Nuku'alofa (9:00 PM)",
+                                                    "label": "Nuku'alofa (11:00 PM)",
                                                     "value": "Pacific/Tongatapu",
                                                   },
                                                   Object {
                                                     "index": 880,
-                                                    "label": "Tokelau Is. (9:00 PM)",
+                                                    "label": "Tokelau Is. (11:00 PM)",
                                                     "value": "Pacific/Fakaofo",
                                                   },
                                                   Object {
                                                     "index": 880,
-                                                    "label": "Samoa (9:00 PM)",
+                                                    "label": "Samoa (11:00 PM)",
                                                     "value": "Pacific/Apia",
                                                   },
                                                 ]
@@ -241815,762 +242735,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                     },
                                                     Object {
                                                       "index": -3,
-                                                      "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                      "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                       "value": "America/New_York",
                                                     },
                                                     Object {
                                                       "index": -2,
-                                                      "label": "Central Time (US & Canada) (3:00 AM)",
+                                                      "label": "Central Time (US & Canada) (5:00 AM)",
                                                       "value": "America/Chicago",
                                                     },
                                                     Object {
                                                       "index": -1,
-                                                      "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                      "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                       "value": "America/Denver",
                                                     },
                                                     Object {
                                                       "index": -0,
-                                                      "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                      "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                       "value": "America/Los_Angeles",
                                                     },
                                                     Object {
                                                       "index": 2.4,
-                                                      "label": "Indiana (East) (4:00 AM)",
+                                                      "label": "Indiana (East) (6:00 AM)",
                                                       "value": "America/Indiana/Indianapolis",
                                                     },
                                                     Object {
                                                       "index": 2.4,
-                                                      "label": "Puerto Rico (4:00 AM)",
+                                                      "label": "Puerto Rico (6:00 AM)",
                                                       "value": "America/Puerto_Rico",
                                                     },
                                                     Object {
                                                       "index": 4.2,
-                                                      "label": "Arizona (1:00 AM)",
+                                                      "label": "Arizona (3:00 AM)",
                                                       "value": "America/Phoenix",
                                                     },
                                                     Object {
                                                       "index": 4.8,
-                                                      "label": "Alaska (12:00 AM)",
+                                                      "label": "Alaska (2:00 AM)",
                                                       "value": "America/Juneau",
                                                     },
                                                     Object {
                                                       "index": 4.8,
-                                                      "label": "Philippine Standard Time (4:00 PM)",
+                                                      "label": "Philippine Standard Time (6:00 PM)",
                                                       "value": "Asia/Manila",
                                                     },
                                                     Object {
                                                       "index": 6,
-                                                      "label": "Hawaii (10:00 PM)",
+                                                      "label": "Hawaii (12:00 AM)",
                                                       "value": "Pacific/Honolulu",
                                                     },
                                                     Object {
                                                       "index": 100,
-                                                      "label": "Azores (8:00 AM)",
+                                                      "label": "Azores (10:00 AM)",
                                                       "value": "Atlantic/Azores",
                                                     },
                                                     Object {
                                                       "index": 100,
-                                                      "label": "Monrovia (8:00 AM)",
+                                                      "label": "Monrovia (10:00 AM)",
                                                       "value": "Africa/Monrovia",
                                                     },
                                                     Object {
                                                       "index": 100,
-                                                      "label": "UTC (8:00 AM)",
+                                                      "label": "UTC (10:00 AM)",
                                                       "value": "Etc/UTC",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "Cape Verde Is. (7:00 AM)",
+                                                      "label": "Cape Verde Is. (9:00 AM)",
                                                       "value": "Atlantic/Cape_Verde",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "Dublin (9:00 AM)",
+                                                      "label": "Dublin (11:00 AM)",
                                                       "value": "Europe/Dublin",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "Edinburgh (9:00 AM)",
+                                                      "label": "Edinburgh (11:00 AM)",
                                                       "value": "Europe/London",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "Lisbon (9:00 AM)",
+                                                      "label": "Lisbon (11:00 AM)",
                                                       "value": "Europe/Lisbon",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "London (9:00 AM)",
+                                                      "label": "London (11:00 AM)",
                                                       "value": "Europe/London",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "Casablanca (9:00 AM)",
+                                                      "label": "Casablanca (11:00 AM)",
                                                       "value": "Africa/Casablanca",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "West Central Africa (9:00 AM)",
+                                                      "label": "West Central Africa (11:00 AM)",
                                                       "value": "Africa/Algiers",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Greenland (6:00 AM)",
+                                                      "label": "Greenland (8:00 AM)",
                                                       "value": "America/Godthab",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Mid-Atlantic (6:00 AM)",
+                                                      "label": "Mid-Atlantic (8:00 AM)",
                                                       "value": "Atlantic/South_Georgia",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Belgrade (10:00 AM)",
+                                                      "label": "Belgrade (12:00 PM)",
                                                       "value": "Europe/Belgrade",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Bratislava (10:00 AM)",
+                                                      "label": "Bratislava (12:00 PM)",
                                                       "value": "Europe/Bratislava",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Budapest (10:00 AM)",
+                                                      "label": "Budapest (12:00 PM)",
                                                       "value": "Europe/Budapest",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Ljubljana (10:00 AM)",
+                                                      "label": "Ljubljana (12:00 PM)",
                                                       "value": "Europe/Ljubljana",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Prague (10:00 AM)",
+                                                      "label": "Prague (12:00 PM)",
                                                       "value": "Europe/Prague",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Sarajevo (10:00 AM)",
+                                                      "label": "Sarajevo (12:00 PM)",
                                                       "value": "Europe/Sarajevo",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Skopje (10:00 AM)",
+                                                      "label": "Skopje (12:00 PM)",
                                                       "value": "Europe/Skopje",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Warsaw (10:00 AM)",
+                                                      "label": "Warsaw (12:00 PM)",
                                                       "value": "Europe/Warsaw",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Zagreb (10:00 AM)",
+                                                      "label": "Zagreb (12:00 PM)",
                                                       "value": "Europe/Zagreb",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Brussels (10:00 AM)",
+                                                      "label": "Brussels (12:00 PM)",
                                                       "value": "Europe/Brussels",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Copenhagen (10:00 AM)",
+                                                      "label": "Copenhagen (12:00 PM)",
                                                       "value": "Europe/Copenhagen",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Madrid (10:00 AM)",
+                                                      "label": "Madrid (12:00 PM)",
                                                       "value": "Europe/Madrid",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Paris (10:00 AM)",
+                                                      "label": "Paris (12:00 PM)",
                                                       "value": "Europe/Paris",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Amsterdam (10:00 AM)",
+                                                      "label": "Amsterdam (12:00 PM)",
                                                       "value": "Europe/Amsterdam",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Berlin (10:00 AM)",
+                                                      "label": "Berlin (12:00 PM)",
                                                       "value": "Europe/Berlin",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Bern (10:00 AM)",
+                                                      "label": "Bern (12:00 PM)",
                                                       "value": "Europe/Zurich",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Zurich (10:00 AM)",
+                                                      "label": "Zurich (12:00 PM)",
                                                       "value": "Europe/Zurich",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Rome (10:00 AM)",
+                                                      "label": "Rome (12:00 PM)",
                                                       "value": "Europe/Rome",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Stockholm (10:00 AM)",
+                                                      "label": "Stockholm (12:00 PM)",
                                                       "value": "Europe/Stockholm",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Vienna (10:00 AM)",
+                                                      "label": "Vienna (12:00 PM)",
                                                       "value": "Europe/Vienna",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Cairo (10:00 AM)",
+                                                      "label": "Cairo (12:00 PM)",
                                                       "value": "Africa/Cairo",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Harare (10:00 AM)",
+                                                      "label": "Harare (12:00 PM)",
                                                       "value": "Africa/Harare",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Pretoria (10:00 AM)",
+                                                      "label": "Pretoria (12:00 PM)",
                                                       "value": "Africa/Johannesburg",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Kaliningrad (10:00 AM)",
+                                                      "label": "Kaliningrad (12:00 PM)",
                                                       "value": "Europe/Kaliningrad",
                                                     },
                                                     Object {
                                                       "index": 250,
-                                                      "label": "Newfoundland (5:30 AM)",
+                                                      "label": "Newfoundland (7:30 AM)",
                                                       "value": "America/St_Johns",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                      "label": "Atlantic Time (Canada) (7:00 AM)",
                                                       "value": "America/Halifax",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Brasilia (5:00 AM)",
+                                                      "label": "Brasilia (7:00 AM)",
                                                       "value": "America/Sao_Paulo",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Buenos Aires (5:00 AM)",
+                                                      "label": "Buenos Aires (7:00 AM)",
                                                       "value": "America/Argentina/Buenos_Aires",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Montevideo (5:00 AM)",
+                                                      "label": "Montevideo (7:00 AM)",
                                                       "value": "America/Montevideo",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Bucharest (11:00 AM)",
+                                                      "label": "Bucharest (1:00 PM)",
                                                       "value": "Europe/Bucharest",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Helsinki (11:00 AM)",
+                                                      "label": "Helsinki (1:00 PM)",
                                                       "value": "Europe/Helsinki",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Kyiv (11:00 AM)",
+                                                      "label": "Kyiv (1:00 PM)",
                                                       "value": "Europe/Kiev",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Riga (11:00 AM)",
+                                                      "label": "Riga (1:00 PM)",
                                                       "value": "Europe/Riga",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Sofia (11:00 AM)",
+                                                      "label": "Sofia (1:00 PM)",
                                                       "value": "Europe/Sofia",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Tallinn (11:00 AM)",
+                                                      "label": "Tallinn (1:00 PM)",
                                                       "value": "Europe/Tallinn",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Vilnius (11:00 AM)",
+                                                      "label": "Vilnius (1:00 PM)",
                                                       "value": "Europe/Vilnius",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Athens (11:00 AM)",
+                                                      "label": "Athens (1:00 PM)",
                                                       "value": "Europe/Athens",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Istanbul (11:00 AM)",
+                                                      "label": "Istanbul (1:00 PM)",
                                                       "value": "Europe/Istanbul",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Minsk (11:00 AM)",
+                                                      "label": "Minsk (1:00 PM)",
                                                       "value": "Europe/Minsk",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Jerusalem (11:00 AM)",
+                                                      "label": "Jerusalem (1:00 PM)",
                                                       "value": "Asia/Jerusalem",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Moscow (11:00 AM)",
+                                                      "label": "Moscow (1:00 PM)",
                                                       "value": "Europe/Moscow",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "St. Petersburg (11:00 AM)",
+                                                      "label": "St. Petersburg (1:00 PM)",
                                                       "value": "Europe/Moscow",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Kuwait (11:00 AM)",
+                                                      "label": "Kuwait (1:00 PM)",
                                                       "value": "Asia/Kuwait",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Riyadh (11:00 AM)",
+                                                      "label": "Riyadh (1:00 PM)",
                                                       "value": "Asia/Riyadh",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Nairobi (11:00 AM)",
+                                                      "label": "Nairobi (1:00 PM)",
                                                       "value": "Africa/Nairobi",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Baghdad (11:00 AM)",
+                                                      "label": "Baghdad (1:00 PM)",
                                                       "value": "Asia/Baghdad",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Caracas (4:00 AM)",
+                                                      "label": "Caracas (6:00 AM)",
                                                       "value": "America/Caracas",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "La Paz (4:00 AM)",
+                                                      "label": "La Paz (6:00 AM)",
                                                       "value": "America/La_Paz",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Santiago (4:00 AM)",
+                                                      "label": "Santiago (6:00 AM)",
                                                       "value": "America/Santiago",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Georgetown (4:00 AM)",
+                                                      "label": "Georgetown (6:00 AM)",
                                                       "value": "America/Guyana",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Volgograd (12:00 PM)",
+                                                      "label": "Volgograd (2:00 PM)",
                                                       "value": "Europe/Volgograd",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Samara (12:00 PM)",
+                                                      "label": "Samara (2:00 PM)",
                                                       "value": "Europe/Samara",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Abu Dhabi (12:00 PM)",
+                                                      "label": "Abu Dhabi (2:00 PM)",
                                                       "value": "Asia/Muscat",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Muscat (12:00 PM)",
+                                                      "label": "Muscat (2:00 PM)",
                                                       "value": "Asia/Muscat",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Baku (12:00 PM)",
+                                                      "label": "Baku (2:00 PM)",
                                                       "value": "Asia/Baku",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Tbilisi (12:00 PM)",
+                                                      "label": "Tbilisi (2:00 PM)",
                                                       "value": "Asia/Tbilisi",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Yerevan (12:00 PM)",
+                                                      "label": "Yerevan (2:00 PM)",
                                                       "value": "Asia/Yerevan",
                                                     },
                                                     Object {
                                                       "index": 370,
-                                                      "label": "Tehran (12:30 PM)",
+                                                      "label": "Tehran (2:30 PM)",
                                                       "value": "Asia/Tehran",
                                                     },
                                                     Object {
                                                       "index": 370,
-                                                      "label": "Kabul (12:30 PM)",
+                                                      "label": "Kabul (2:30 PM)",
                                                       "value": "Asia/Kabul",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Guadalajara (3:00 AM)",
+                                                      "label": "Guadalajara (5:00 AM)",
                                                       "value": "America/Mexico_City",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Mexico City (3:00 AM)",
+                                                      "label": "Mexico City (5:00 AM)",
                                                       "value": "America/Mexico_City",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Monterrey (3:00 AM)",
+                                                      "label": "Monterrey (5:00 AM)",
                                                       "value": "America/Monterrey",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Bogota (3:00 AM)",
+                                                      "label": "Bogota (5:00 AM)",
                                                       "value": "America/Bogota",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Lima (3:00 AM)",
+                                                      "label": "Lima (5:00 AM)",
                                                       "value": "America/Lima",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Quito (3:00 AM)",
+                                                      "label": "Quito (5:00 AM)",
                                                       "value": "America/Lima",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Ekaterinburg (1:00 PM)",
+                                                      "label": "Ekaterinburg (3:00 PM)",
                                                       "value": "Asia/Yekaterinburg",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Islamabad (1:00 PM)",
+                                                      "label": "Islamabad (3:00 PM)",
                                                       "value": "Asia/Karachi",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Karachi (1:00 PM)",
+                                                      "label": "Karachi (3:00 PM)",
                                                       "value": "Asia/Karachi",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Tashkent (1:00 PM)",
+                                                      "label": "Tashkent (3:00 PM)",
                                                       "value": "Asia/Tashkent",
                                                     },
                                                     Object {
                                                       "index": 430,
-                                                      "label": "Chennai (1:30 PM)",
+                                                      "label": "Chennai (3:30 PM)",
                                                       "value": "Asia/Kolkata",
                                                     },
                                                     Object {
                                                       "index": 430,
-                                                      "label": "Kolkata (1:30 PM)",
+                                                      "label": "Kolkata (3:30 PM)",
                                                       "value": "Asia/Kolkata",
                                                     },
                                                     Object {
                                                       "index": 430,
-                                                      "label": "Mumbai (1:30 PM)",
+                                                      "label": "Mumbai (3:30 PM)",
                                                       "value": "Asia/Kolkata",
                                                     },
                                                     Object {
                                                       "index": 430,
-                                                      "label": "New Delhi (1:30 PM)",
+                                                      "label": "New Delhi (3:30 PM)",
                                                       "value": "Asia/Kolkata",
                                                     },
                                                     Object {
                                                       "index": 430,
-                                                      "label": "Sri Jayawardenepura (1:30 PM)",
+                                                      "label": "Sri Jayawardenepura (3:30 PM)",
                                                       "value": "Asia/Colombo",
                                                     },
                                                     Object {
                                                       "index": 445,
-                                                      "label": "Kathmandu (1:45 PM)",
+                                                      "label": "Kathmandu (3:45 PM)",
                                                       "value": "Asia/Kathmandu",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Chihuahua (2:00 AM)",
+                                                      "label": "Chihuahua (4:00 AM)",
                                                       "value": "America/Chihuahua",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Mazatlan (2:00 AM)",
+                                                      "label": "Mazatlan (4:00 AM)",
                                                       "value": "America/Mazatlan",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Saskatchewan (2:00 AM)",
+                                                      "label": "Saskatchewan (4:00 AM)",
                                                       "value": "America/Regina",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Central America (2:00 AM)",
+                                                      "label": "Central America (4:00 AM)",
                                                       "value": "America/Guatemala",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Astana (2:00 PM)",
+                                                      "label": "Astana (4:00 PM)",
                                                       "value": "Asia/Dhaka",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Dhaka (2:00 PM)",
+                                                      "label": "Dhaka (4:00 PM)",
                                                       "value": "Asia/Dhaka",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Almaty (2:00 PM)",
+                                                      "label": "Almaty (4:00 PM)",
                                                       "value": "Asia/Almaty",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Urumqi (2:00 PM)",
+                                                      "label": "Urumqi (4:00 PM)",
                                                       "value": "Asia/Urumqi",
                                                     },
                                                     Object {
                                                       "index": 490,
-                                                      "label": "Rangoon (2:30 PM)",
+                                                      "label": "Rangoon (4:30 PM)",
                                                       "value": "Asia/Rangoon",
                                                     },
                                                     Object {
                                                       "index": 520,
-                                                      "label": "Tijuana (1:00 AM)",
+                                                      "label": "Tijuana (3:00 AM)",
                                                       "value": "America/Tijuana",
                                                     },
                                                     Object {
                                                       "index": 520,
-                                                      "label": "Novosibirsk (3:00 PM)",
+                                                      "label": "Novosibirsk (5:00 PM)",
                                                       "value": "Asia/Novosibirsk",
                                                     },
                                                     Object {
                                                       "index": 520,
-                                                      "label": "Bangkok (3:00 PM)",
+                                                      "label": "Bangkok (5:00 PM)",
                                                       "value": "Asia/Bangkok",
                                                     },
                                                     Object {
                                                       "index": 520,
-                                                      "label": "Hanoi (3:00 PM)",
+                                                      "label": "Hanoi (5:00 PM)",
                                                       "value": "Asia/Bangkok",
                                                     },
                                                     Object {
                                                       "index": 520,
-                                                      "label": "Jakarta (3:00 PM)",
+                                                      "label": "Jakarta (5:00 PM)",
                                                       "value": "Asia/Jakarta",
                                                     },
                                                     Object {
                                                       "index": 520,
-                                                      "label": "Krasnoyarsk (3:00 PM)",
+                                                      "label": "Krasnoyarsk (5:00 PM)",
                                                       "value": "Asia/Krasnoyarsk",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Beijing (4:00 PM)",
+                                                      "label": "Beijing (6:00 PM)",
                                                       "value": "Asia/Shanghai",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Chongqing (4:00 PM)",
+                                                      "label": "Chongqing (6:00 PM)",
                                                       "value": "Asia/Chongqing",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Hong Kong (4:00 PM)",
+                                                      "label": "Hong Kong (6:00 PM)",
                                                       "value": "Asia/Hong_Kong",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Kuala Lumpur (4:00 PM)",
+                                                      "label": "Kuala Lumpur (6:00 PM)",
                                                       "value": "Asia/Kuala_Lumpur",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Singapore (4:00 PM)",
+                                                      "label": "Singapore (6:00 PM)",
                                                       "value": "Asia/Singapore",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Taipei (4:00 PM)",
+                                                      "label": "Taipei (6:00 PM)",
                                                       "value": "Asia/Taipei",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Perth (4:00 PM)",
+                                                      "label": "Perth (6:00 PM)",
                                                       "value": "Australia/Perth",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Irkutsk (4:00 PM)",
+                                                      "label": "Irkutsk (6:00 PM)",
                                                       "value": "Asia/Irkutsk",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Ulaanbaatar (4:00 PM)",
+                                                      "label": "Ulaanbaatar (6:00 PM)",
                                                       "value": "Asia/Ulaanbaatar",
                                                     },
                                                     Object {
                                                       "index": 640,
-                                                      "label": "Seoul (5:00 PM)",
+                                                      "label": "Seoul (7:00 PM)",
                                                       "value": "Asia/Seoul",
                                                     },
                                                     Object {
                                                       "index": 640,
-                                                      "label": "Osaka (5:00 PM)",
+                                                      "label": "Osaka (7:00 PM)",
                                                       "value": "Asia/Tokyo",
                                                     },
                                                     Object {
                                                       "index": 640,
-                                                      "label": "Sapporo (5:00 PM)",
+                                                      "label": "Sapporo (7:00 PM)",
                                                       "value": "Asia/Tokyo",
                                                     },
                                                     Object {
                                                       "index": 640,
-                                                      "label": "Tokyo (5:00 PM)",
+                                                      "label": "Tokyo (7:00 PM)",
                                                       "value": "Asia/Tokyo",
                                                     },
                                                     Object {
                                                       "index": 640,
-                                                      "label": "Yakutsk (5:00 PM)",
+                                                      "label": "Yakutsk (7:00 PM)",
                                                       "value": "Asia/Yakutsk",
                                                     },
                                                     Object {
                                                       "index": 670,
-                                                      "label": "Darwin (5:30 PM)",
+                                                      "label": "Darwin (7:30 PM)",
                                                       "value": "Australia/Darwin",
                                                     },
                                                     Object {
                                                       "index": 670,
-                                                      "label": "Adelaide (5:30 PM)",
+                                                      "label": "Adelaide (7:30 PM)",
                                                       "value": "Australia/Adelaide",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Canberra (6:00 PM)",
+                                                      "label": "Canberra (8:00 PM)",
                                                       "value": "Australia/Melbourne",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Melbourne (6:00 PM)",
+                                                      "label": "Melbourne (8:00 PM)",
                                                       "value": "Australia/Melbourne",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Sydney (6:00 PM)",
+                                                      "label": "Sydney (8:00 PM)",
                                                       "value": "Australia/Sydney",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Brisbane (6:00 PM)",
+                                                      "label": "Brisbane (8:00 PM)",
                                                       "value": "Australia/Brisbane",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Hobart (6:00 PM)",
+                                                      "label": "Hobart (8:00 PM)",
                                                       "value": "Australia/Hobart",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Vladivostok (6:00 PM)",
+                                                      "label": "Vladivostok (8:00 PM)",
                                                       "value": "Asia/Vladivostok",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Guam (6:00 PM)",
+                                                      "label": "Guam (8:00 PM)",
                                                       "value": "Pacific/Guam",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Port Moresby (6:00 PM)",
+                                                      "label": "Port Moresby (8:00 PM)",
                                                       "value": "Pacific/Port_Moresby",
                                                     },
                                                     Object {
                                                       "index": 760,
-                                                      "label": "Midway Island (9:00 PM)",
+                                                      "label": "Midway Island (11:00 PM)",
                                                       "value": "Pacific/Midway",
                                                     },
                                                     Object {
                                                       "index": 760,
-                                                      "label": "American Samoa (9:00 PM)",
+                                                      "label": "American Samoa (11:00 PM)",
                                                       "value": "Pacific/Pago_Pago",
                                                     },
                                                     Object {
                                                       "index": 760,
-                                                      "label": "Magadan (7:00 PM)",
+                                                      "label": "Magadan (9:00 PM)",
                                                       "value": "Asia/Magadan",
                                                     },
                                                     Object {
                                                       "index": 760,
-                                                      "label": "Srednekolymsk (7:00 PM)",
+                                                      "label": "Srednekolymsk (9:00 PM)",
                                                       "value": "Asia/Srednekolymsk",
                                                     },
                                                     Object {
                                                       "index": 760,
-                                                      "label": "Solomon Is. (7:00 PM)",
+                                                      "label": "Solomon Is. (9:00 PM)",
                                                       "value": "Pacific/Guadalcanal",
                                                     },
                                                     Object {
                                                       "index": 760,
-                                                      "label": "New Caledonia (7:00 PM)",
+                                                      "label": "New Caledonia (9:00 PM)",
                                                       "value": "Pacific/Noumea",
                                                     },
                                                     Object {
                                                       "index": 820,
-                                                      "label": "International Date Line West (8:00 PM)",
+                                                      "label": "International Date Line West (10:00 PM)",
                                                       "value": "Etc/GMT+12",
                                                     },
                                                     Object {
                                                       "index": 820,
-                                                      "label": "Fiji (8:00 PM)",
+                                                      "label": "Fiji (10:00 PM)",
                                                       "value": "Pacific/Fiji",
                                                     },
                                                     Object {
                                                       "index": 820,
-                                                      "label": "Kamchatka (8:00 PM)",
+                                                      "label": "Kamchatka (10:00 PM)",
                                                       "value": "Asia/Kamchatka",
                                                     },
                                                     Object {
                                                       "index": 820,
-                                                      "label": "Marshall Is. (8:00 PM)",
+                                                      "label": "Marshall Is. (10:00 PM)",
                                                       "value": "Pacific/Majuro",
                                                     },
                                                     Object {
                                                       "index": 820,
-                                                      "label": "Auckland (8:00 PM)",
+                                                      "label": "Auckland (10:00 PM)",
                                                       "value": "Pacific/Auckland",
                                                     },
                                                     Object {
                                                       "index": 820,
-                                                      "label": "Wellington (8:00 PM)",
+                                                      "label": "Wellington (10:00 PM)",
                                                       "value": "Pacific/Auckland",
                                                     },
                                                     Object {
                                                       "index": 865,
-                                                      "label": "Chatham Is. (8:45 PM)",
+                                                      "label": "Chatham Is. (10:45 PM)",
                                                       "value": "Pacific/Chatham",
                                                     },
                                                     Object {
                                                       "index": 880,
-                                                      "label": "Nuku'alofa (9:00 PM)",
+                                                      "label": "Nuku'alofa (11:00 PM)",
                                                       "value": "Pacific/Tongatapu",
                                                     },
                                                     Object {
                                                       "index": 880,
-                                                      "label": "Tokelau Is. (9:00 PM)",
+                                                      "label": "Tokelau Is. (11:00 PM)",
                                                       "value": "Pacific/Fakaofo",
                                                     },
                                                     Object {
                                                       "index": 880,
-                                                      "label": "Samoa (9:00 PM)",
+                                                      "label": "Samoa (11:00 PM)",
                                                       "value": "Pacific/Apia",
                                                     },
                                                   ],
@@ -242584,7 +243504,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                   },
                                                   "tabIndex": "0",
                                                   "tabSelectsValue": true,
-                                                  "value": null,
+                                                  "value": Object {
+                                                    "index": -0,
+                                                    "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                    "value": "America/Los_Angeles",
+                                                  },
                                                 }
                                               }
                                               setValue={[Function]}
@@ -242659,7 +243583,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                     cx={[Function]}
                                                     getStyles={[Function]}
                                                     getValue={[Function]}
-                                                    hasValue={false}
+                                                    hasValue={true}
                                                     isDisabled={false}
                                                     isMulti={false}
                                                     isRtl={false}
@@ -242671,762 +243595,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                         },
                                                         Object {
                                                           "index": -3,
-                                                          "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                          "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                           "value": "America/New_York",
                                                         },
                                                         Object {
                                                           "index": -2,
-                                                          "label": "Central Time (US & Canada) (3:00 AM)",
+                                                          "label": "Central Time (US & Canada) (5:00 AM)",
                                                           "value": "America/Chicago",
                                                         },
                                                         Object {
                                                           "index": -1,
-                                                          "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                          "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                           "value": "America/Denver",
                                                         },
                                                         Object {
                                                           "index": -0,
-                                                          "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                           "value": "America/Los_Angeles",
                                                         },
                                                         Object {
                                                           "index": 2.4,
-                                                          "label": "Indiana (East) (4:00 AM)",
+                                                          "label": "Indiana (East) (6:00 AM)",
                                                           "value": "America/Indiana/Indianapolis",
                                                         },
                                                         Object {
                                                           "index": 2.4,
-                                                          "label": "Puerto Rico (4:00 AM)",
+                                                          "label": "Puerto Rico (6:00 AM)",
                                                           "value": "America/Puerto_Rico",
                                                         },
                                                         Object {
                                                           "index": 4.2,
-                                                          "label": "Arizona (1:00 AM)",
+                                                          "label": "Arizona (3:00 AM)",
                                                           "value": "America/Phoenix",
                                                         },
                                                         Object {
                                                           "index": 4.8,
-                                                          "label": "Alaska (12:00 AM)",
+                                                          "label": "Alaska (2:00 AM)",
                                                           "value": "America/Juneau",
                                                         },
                                                         Object {
                                                           "index": 4.8,
-                                                          "label": "Philippine Standard Time (4:00 PM)",
+                                                          "label": "Philippine Standard Time (6:00 PM)",
                                                           "value": "Asia/Manila",
                                                         },
                                                         Object {
                                                           "index": 6,
-                                                          "label": "Hawaii (10:00 PM)",
+                                                          "label": "Hawaii (12:00 AM)",
                                                           "value": "Pacific/Honolulu",
                                                         },
                                                         Object {
                                                           "index": 100,
-                                                          "label": "Azores (8:00 AM)",
+                                                          "label": "Azores (10:00 AM)",
                                                           "value": "Atlantic/Azores",
                                                         },
                                                         Object {
                                                           "index": 100,
-                                                          "label": "Monrovia (8:00 AM)",
+                                                          "label": "Monrovia (10:00 AM)",
                                                           "value": "Africa/Monrovia",
                                                         },
                                                         Object {
                                                           "index": 100,
-                                                          "label": "UTC (8:00 AM)",
+                                                          "label": "UTC (10:00 AM)",
                                                           "value": "Etc/UTC",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Cape Verde Is. (7:00 AM)",
+                                                          "label": "Cape Verde Is. (9:00 AM)",
                                                           "value": "Atlantic/Cape_Verde",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Dublin (9:00 AM)",
+                                                          "label": "Dublin (11:00 AM)",
                                                           "value": "Europe/Dublin",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Edinburgh (9:00 AM)",
+                                                          "label": "Edinburgh (11:00 AM)",
                                                           "value": "Europe/London",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Lisbon (9:00 AM)",
+                                                          "label": "Lisbon (11:00 AM)",
                                                           "value": "Europe/Lisbon",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "London (9:00 AM)",
+                                                          "label": "London (11:00 AM)",
                                                           "value": "Europe/London",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Casablanca (9:00 AM)",
+                                                          "label": "Casablanca (11:00 AM)",
                                                           "value": "Africa/Casablanca",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "West Central Africa (9:00 AM)",
+                                                          "label": "West Central Africa (11:00 AM)",
                                                           "value": "Africa/Algiers",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Greenland (6:00 AM)",
+                                                          "label": "Greenland (8:00 AM)",
                                                           "value": "America/Godthab",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Mid-Atlantic (6:00 AM)",
+                                                          "label": "Mid-Atlantic (8:00 AM)",
                                                           "value": "Atlantic/South_Georgia",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Belgrade (10:00 AM)",
+                                                          "label": "Belgrade (12:00 PM)",
                                                           "value": "Europe/Belgrade",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Bratislava (10:00 AM)",
+                                                          "label": "Bratislava (12:00 PM)",
                                                           "value": "Europe/Bratislava",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Budapest (10:00 AM)",
+                                                          "label": "Budapest (12:00 PM)",
                                                           "value": "Europe/Budapest",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Ljubljana (10:00 AM)",
+                                                          "label": "Ljubljana (12:00 PM)",
                                                           "value": "Europe/Ljubljana",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Prague (10:00 AM)",
+                                                          "label": "Prague (12:00 PM)",
                                                           "value": "Europe/Prague",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Sarajevo (10:00 AM)",
+                                                          "label": "Sarajevo (12:00 PM)",
                                                           "value": "Europe/Sarajevo",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Skopje (10:00 AM)",
+                                                          "label": "Skopje (12:00 PM)",
                                                           "value": "Europe/Skopje",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Warsaw (10:00 AM)",
+                                                          "label": "Warsaw (12:00 PM)",
                                                           "value": "Europe/Warsaw",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Zagreb (10:00 AM)",
+                                                          "label": "Zagreb (12:00 PM)",
                                                           "value": "Europe/Zagreb",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Brussels (10:00 AM)",
+                                                          "label": "Brussels (12:00 PM)",
                                                           "value": "Europe/Brussels",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Copenhagen (10:00 AM)",
+                                                          "label": "Copenhagen (12:00 PM)",
                                                           "value": "Europe/Copenhagen",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Madrid (10:00 AM)",
+                                                          "label": "Madrid (12:00 PM)",
                                                           "value": "Europe/Madrid",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Paris (10:00 AM)",
+                                                          "label": "Paris (12:00 PM)",
                                                           "value": "Europe/Paris",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Amsterdam (10:00 AM)",
+                                                          "label": "Amsterdam (12:00 PM)",
                                                           "value": "Europe/Amsterdam",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Berlin (10:00 AM)",
+                                                          "label": "Berlin (12:00 PM)",
                                                           "value": "Europe/Berlin",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Bern (10:00 AM)",
+                                                          "label": "Bern (12:00 PM)",
                                                           "value": "Europe/Zurich",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Zurich (10:00 AM)",
+                                                          "label": "Zurich (12:00 PM)",
                                                           "value": "Europe/Zurich",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Rome (10:00 AM)",
+                                                          "label": "Rome (12:00 PM)",
                                                           "value": "Europe/Rome",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Stockholm (10:00 AM)",
+                                                          "label": "Stockholm (12:00 PM)",
                                                           "value": "Europe/Stockholm",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Vienna (10:00 AM)",
+                                                          "label": "Vienna (12:00 PM)",
                                                           "value": "Europe/Vienna",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Cairo (10:00 AM)",
+                                                          "label": "Cairo (12:00 PM)",
                                                           "value": "Africa/Cairo",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Harare (10:00 AM)",
+                                                          "label": "Harare (12:00 PM)",
                                                           "value": "Africa/Harare",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Pretoria (10:00 AM)",
+                                                          "label": "Pretoria (12:00 PM)",
                                                           "value": "Africa/Johannesburg",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Kaliningrad (10:00 AM)",
+                                                          "label": "Kaliningrad (12:00 PM)",
                                                           "value": "Europe/Kaliningrad",
                                                         },
                                                         Object {
                                                           "index": 250,
-                                                          "label": "Newfoundland (5:30 AM)",
+                                                          "label": "Newfoundland (7:30 AM)",
                                                           "value": "America/St_Johns",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                          "label": "Atlantic Time (Canada) (7:00 AM)",
                                                           "value": "America/Halifax",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Brasilia (5:00 AM)",
+                                                          "label": "Brasilia (7:00 AM)",
                                                           "value": "America/Sao_Paulo",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Buenos Aires (5:00 AM)",
+                                                          "label": "Buenos Aires (7:00 AM)",
                                                           "value": "America/Argentina/Buenos_Aires",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Montevideo (5:00 AM)",
+                                                          "label": "Montevideo (7:00 AM)",
                                                           "value": "America/Montevideo",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Bucharest (11:00 AM)",
+                                                          "label": "Bucharest (1:00 PM)",
                                                           "value": "Europe/Bucharest",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Helsinki (11:00 AM)",
+                                                          "label": "Helsinki (1:00 PM)",
                                                           "value": "Europe/Helsinki",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Kyiv (11:00 AM)",
+                                                          "label": "Kyiv (1:00 PM)",
                                                           "value": "Europe/Kiev",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Riga (11:00 AM)",
+                                                          "label": "Riga (1:00 PM)",
                                                           "value": "Europe/Riga",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Sofia (11:00 AM)",
+                                                          "label": "Sofia (1:00 PM)",
                                                           "value": "Europe/Sofia",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Tallinn (11:00 AM)",
+                                                          "label": "Tallinn (1:00 PM)",
                                                           "value": "Europe/Tallinn",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Vilnius (11:00 AM)",
+                                                          "label": "Vilnius (1:00 PM)",
                                                           "value": "Europe/Vilnius",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Athens (11:00 AM)",
+                                                          "label": "Athens (1:00 PM)",
                                                           "value": "Europe/Athens",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Istanbul (11:00 AM)",
+                                                          "label": "Istanbul (1:00 PM)",
                                                           "value": "Europe/Istanbul",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Minsk (11:00 AM)",
+                                                          "label": "Minsk (1:00 PM)",
                                                           "value": "Europe/Minsk",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Jerusalem (11:00 AM)",
+                                                          "label": "Jerusalem (1:00 PM)",
                                                           "value": "Asia/Jerusalem",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Moscow (11:00 AM)",
+                                                          "label": "Moscow (1:00 PM)",
                                                           "value": "Europe/Moscow",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "St. Petersburg (11:00 AM)",
+                                                          "label": "St. Petersburg (1:00 PM)",
                                                           "value": "Europe/Moscow",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Kuwait (11:00 AM)",
+                                                          "label": "Kuwait (1:00 PM)",
                                                           "value": "Asia/Kuwait",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Riyadh (11:00 AM)",
+                                                          "label": "Riyadh (1:00 PM)",
                                                           "value": "Asia/Riyadh",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Nairobi (11:00 AM)",
+                                                          "label": "Nairobi (1:00 PM)",
                                                           "value": "Africa/Nairobi",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Baghdad (11:00 AM)",
+                                                          "label": "Baghdad (1:00 PM)",
                                                           "value": "Asia/Baghdad",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Caracas (4:00 AM)",
+                                                          "label": "Caracas (6:00 AM)",
                                                           "value": "America/Caracas",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "La Paz (4:00 AM)",
+                                                          "label": "La Paz (6:00 AM)",
                                                           "value": "America/La_Paz",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Santiago (4:00 AM)",
+                                                          "label": "Santiago (6:00 AM)",
                                                           "value": "America/Santiago",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Georgetown (4:00 AM)",
+                                                          "label": "Georgetown (6:00 AM)",
                                                           "value": "America/Guyana",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Volgograd (12:00 PM)",
+                                                          "label": "Volgograd (2:00 PM)",
                                                           "value": "Europe/Volgograd",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Samara (12:00 PM)",
+                                                          "label": "Samara (2:00 PM)",
                                                           "value": "Europe/Samara",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Abu Dhabi (12:00 PM)",
+                                                          "label": "Abu Dhabi (2:00 PM)",
                                                           "value": "Asia/Muscat",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Muscat (12:00 PM)",
+                                                          "label": "Muscat (2:00 PM)",
                                                           "value": "Asia/Muscat",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Baku (12:00 PM)",
+                                                          "label": "Baku (2:00 PM)",
                                                           "value": "Asia/Baku",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Tbilisi (12:00 PM)",
+                                                          "label": "Tbilisi (2:00 PM)",
                                                           "value": "Asia/Tbilisi",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Yerevan (12:00 PM)",
+                                                          "label": "Yerevan (2:00 PM)",
                                                           "value": "Asia/Yerevan",
                                                         },
                                                         Object {
                                                           "index": 370,
-                                                          "label": "Tehran (12:30 PM)",
+                                                          "label": "Tehran (2:30 PM)",
                                                           "value": "Asia/Tehran",
                                                         },
                                                         Object {
                                                           "index": 370,
-                                                          "label": "Kabul (12:30 PM)",
+                                                          "label": "Kabul (2:30 PM)",
                                                           "value": "Asia/Kabul",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Guadalajara (3:00 AM)",
+                                                          "label": "Guadalajara (5:00 AM)",
                                                           "value": "America/Mexico_City",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Mexico City (3:00 AM)",
+                                                          "label": "Mexico City (5:00 AM)",
                                                           "value": "America/Mexico_City",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Monterrey (3:00 AM)",
+                                                          "label": "Monterrey (5:00 AM)",
                                                           "value": "America/Monterrey",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Bogota (3:00 AM)",
+                                                          "label": "Bogota (5:00 AM)",
                                                           "value": "America/Bogota",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Lima (3:00 AM)",
+                                                          "label": "Lima (5:00 AM)",
                                                           "value": "America/Lima",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Quito (3:00 AM)",
+                                                          "label": "Quito (5:00 AM)",
                                                           "value": "America/Lima",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Ekaterinburg (1:00 PM)",
+                                                          "label": "Ekaterinburg (3:00 PM)",
                                                           "value": "Asia/Yekaterinburg",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Islamabad (1:00 PM)",
+                                                          "label": "Islamabad (3:00 PM)",
                                                           "value": "Asia/Karachi",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Karachi (1:00 PM)",
+                                                          "label": "Karachi (3:00 PM)",
                                                           "value": "Asia/Karachi",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Tashkent (1:00 PM)",
+                                                          "label": "Tashkent (3:00 PM)",
                                                           "value": "Asia/Tashkent",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Chennai (1:30 PM)",
+                                                          "label": "Chennai (3:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Kolkata (1:30 PM)",
+                                                          "label": "Kolkata (3:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Mumbai (1:30 PM)",
+                                                          "label": "Mumbai (3:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "New Delhi (1:30 PM)",
+                                                          "label": "New Delhi (3:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Sri Jayawardenepura (1:30 PM)",
+                                                          "label": "Sri Jayawardenepura (3:30 PM)",
                                                           "value": "Asia/Colombo",
                                                         },
                                                         Object {
                                                           "index": 445,
-                                                          "label": "Kathmandu (1:45 PM)",
+                                                          "label": "Kathmandu (3:45 PM)",
                                                           "value": "Asia/Kathmandu",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Chihuahua (2:00 AM)",
+                                                          "label": "Chihuahua (4:00 AM)",
                                                           "value": "America/Chihuahua",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Mazatlan (2:00 AM)",
+                                                          "label": "Mazatlan (4:00 AM)",
                                                           "value": "America/Mazatlan",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Saskatchewan (2:00 AM)",
+                                                          "label": "Saskatchewan (4:00 AM)",
                                                           "value": "America/Regina",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Central America (2:00 AM)",
+                                                          "label": "Central America (4:00 AM)",
                                                           "value": "America/Guatemala",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Astana (2:00 PM)",
+                                                          "label": "Astana (4:00 PM)",
                                                           "value": "Asia/Dhaka",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Dhaka (2:00 PM)",
+                                                          "label": "Dhaka (4:00 PM)",
                                                           "value": "Asia/Dhaka",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Almaty (2:00 PM)",
+                                                          "label": "Almaty (4:00 PM)",
                                                           "value": "Asia/Almaty",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Urumqi (2:00 PM)",
+                                                          "label": "Urumqi (4:00 PM)",
                                                           "value": "Asia/Urumqi",
                                                         },
                                                         Object {
                                                           "index": 490,
-                                                          "label": "Rangoon (2:30 PM)",
+                                                          "label": "Rangoon (4:30 PM)",
                                                           "value": "Asia/Rangoon",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Tijuana (1:00 AM)",
+                                                          "label": "Tijuana (3:00 AM)",
                                                           "value": "America/Tijuana",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Novosibirsk (3:00 PM)",
+                                                          "label": "Novosibirsk (5:00 PM)",
                                                           "value": "Asia/Novosibirsk",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Bangkok (3:00 PM)",
+                                                          "label": "Bangkok (5:00 PM)",
                                                           "value": "Asia/Bangkok",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Hanoi (3:00 PM)",
+                                                          "label": "Hanoi (5:00 PM)",
                                                           "value": "Asia/Bangkok",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Jakarta (3:00 PM)",
+                                                          "label": "Jakarta (5:00 PM)",
                                                           "value": "Asia/Jakarta",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Krasnoyarsk (3:00 PM)",
+                                                          "label": "Krasnoyarsk (5:00 PM)",
                                                           "value": "Asia/Krasnoyarsk",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Beijing (4:00 PM)",
+                                                          "label": "Beijing (6:00 PM)",
                                                           "value": "Asia/Shanghai",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Chongqing (4:00 PM)",
+                                                          "label": "Chongqing (6:00 PM)",
                                                           "value": "Asia/Chongqing",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Hong Kong (4:00 PM)",
+                                                          "label": "Hong Kong (6:00 PM)",
                                                           "value": "Asia/Hong_Kong",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Kuala Lumpur (4:00 PM)",
+                                                          "label": "Kuala Lumpur (6:00 PM)",
                                                           "value": "Asia/Kuala_Lumpur",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Singapore (4:00 PM)",
+                                                          "label": "Singapore (6:00 PM)",
                                                           "value": "Asia/Singapore",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Taipei (4:00 PM)",
+                                                          "label": "Taipei (6:00 PM)",
                                                           "value": "Asia/Taipei",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Perth (4:00 PM)",
+                                                          "label": "Perth (6:00 PM)",
                                                           "value": "Australia/Perth",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Irkutsk (4:00 PM)",
+                                                          "label": "Irkutsk (6:00 PM)",
                                                           "value": "Asia/Irkutsk",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Ulaanbaatar (4:00 PM)",
+                                                          "label": "Ulaanbaatar (6:00 PM)",
                                                           "value": "Asia/Ulaanbaatar",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Seoul (5:00 PM)",
+                                                          "label": "Seoul (7:00 PM)",
                                                           "value": "Asia/Seoul",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Osaka (5:00 PM)",
+                                                          "label": "Osaka (7:00 PM)",
                                                           "value": "Asia/Tokyo",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Sapporo (5:00 PM)",
+                                                          "label": "Sapporo (7:00 PM)",
                                                           "value": "Asia/Tokyo",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Tokyo (5:00 PM)",
+                                                          "label": "Tokyo (7:00 PM)",
                                                           "value": "Asia/Tokyo",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Yakutsk (5:00 PM)",
+                                                          "label": "Yakutsk (7:00 PM)",
                                                           "value": "Asia/Yakutsk",
                                                         },
                                                         Object {
                                                           "index": 670,
-                                                          "label": "Darwin (5:30 PM)",
+                                                          "label": "Darwin (7:30 PM)",
                                                           "value": "Australia/Darwin",
                                                         },
                                                         Object {
                                                           "index": 670,
-                                                          "label": "Adelaide (5:30 PM)",
+                                                          "label": "Adelaide (7:30 PM)",
                                                           "value": "Australia/Adelaide",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Canberra (6:00 PM)",
+                                                          "label": "Canberra (8:00 PM)",
                                                           "value": "Australia/Melbourne",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Melbourne (6:00 PM)",
+                                                          "label": "Melbourne (8:00 PM)",
                                                           "value": "Australia/Melbourne",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Sydney (6:00 PM)",
+                                                          "label": "Sydney (8:00 PM)",
                                                           "value": "Australia/Sydney",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Brisbane (6:00 PM)",
+                                                          "label": "Brisbane (8:00 PM)",
                                                           "value": "Australia/Brisbane",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Hobart (6:00 PM)",
+                                                          "label": "Hobart (8:00 PM)",
                                                           "value": "Australia/Hobart",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Vladivostok (6:00 PM)",
+                                                          "label": "Vladivostok (8:00 PM)",
                                                           "value": "Asia/Vladivostok",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Guam (6:00 PM)",
+                                                          "label": "Guam (8:00 PM)",
                                                           "value": "Pacific/Guam",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Port Moresby (6:00 PM)",
+                                                          "label": "Port Moresby (8:00 PM)",
                                                           "value": "Pacific/Port_Moresby",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Midway Island (9:00 PM)",
+                                                          "label": "Midway Island (11:00 PM)",
                                                           "value": "Pacific/Midway",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "American Samoa (9:00 PM)",
+                                                          "label": "American Samoa (11:00 PM)",
                                                           "value": "Pacific/Pago_Pago",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Magadan (7:00 PM)",
+                                                          "label": "Magadan (9:00 PM)",
                                                           "value": "Asia/Magadan",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Srednekolymsk (7:00 PM)",
+                                                          "label": "Srednekolymsk (9:00 PM)",
                                                           "value": "Asia/Srednekolymsk",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Solomon Is. (7:00 PM)",
+                                                          "label": "Solomon Is. (9:00 PM)",
                                                           "value": "Pacific/Guadalcanal",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "New Caledonia (7:00 PM)",
+                                                          "label": "New Caledonia (9:00 PM)",
                                                           "value": "Pacific/Noumea",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "International Date Line West (8:00 PM)",
+                                                          "label": "International Date Line West (10:00 PM)",
                                                           "value": "Etc/GMT+12",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Fiji (8:00 PM)",
+                                                          "label": "Fiji (10:00 PM)",
                                                           "value": "Pacific/Fiji",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Kamchatka (8:00 PM)",
+                                                          "label": "Kamchatka (10:00 PM)",
                                                           "value": "Asia/Kamchatka",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Marshall Is. (8:00 PM)",
+                                                          "label": "Marshall Is. (10:00 PM)",
                                                           "value": "Pacific/Majuro",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Auckland (8:00 PM)",
+                                                          "label": "Auckland (10:00 PM)",
                                                           "value": "Pacific/Auckland",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Wellington (8:00 PM)",
+                                                          "label": "Wellington (10:00 PM)",
                                                           "value": "Pacific/Auckland",
                                                         },
                                                         Object {
                                                           "index": 865,
-                                                          "label": "Chatham Is. (8:45 PM)",
+                                                          "label": "Chatham Is. (10:45 PM)",
                                                           "value": "Pacific/Chatham",
                                                         },
                                                         Object {
                                                           "index": 880,
-                                                          "label": "Nuku'alofa (9:00 PM)",
+                                                          "label": "Nuku'alofa (11:00 PM)",
                                                           "value": "Pacific/Tongatapu",
                                                         },
                                                         Object {
                                                           "index": 880,
-                                                          "label": "Tokelau Is. (9:00 PM)",
+                                                          "label": "Tokelau Is. (11:00 PM)",
                                                           "value": "Pacific/Fakaofo",
                                                         },
                                                         Object {
                                                           "index": 880,
-                                                          "label": "Samoa (9:00 PM)",
+                                                          "label": "Samoa (11:00 PM)",
                                                           "value": "Pacific/Apia",
                                                         },
                                                       ]
@@ -243487,762 +244411,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                           },
                                                           Object {
                                                             "index": -3,
-                                                            "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                            "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                             "value": "America/New_York",
                                                           },
                                                           Object {
                                                             "index": -2,
-                                                            "label": "Central Time (US & Canada) (3:00 AM)",
+                                                            "label": "Central Time (US & Canada) (5:00 AM)",
                                                             "value": "America/Chicago",
                                                           },
                                                           Object {
                                                             "index": -1,
-                                                            "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                            "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                             "value": "America/Denver",
                                                           },
                                                           Object {
                                                             "index": -0,
-                                                            "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                            "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                             "value": "America/Los_Angeles",
                                                           },
                                                           Object {
                                                             "index": 2.4,
-                                                            "label": "Indiana (East) (4:00 AM)",
+                                                            "label": "Indiana (East) (6:00 AM)",
                                                             "value": "America/Indiana/Indianapolis",
                                                           },
                                                           Object {
                                                             "index": 2.4,
-                                                            "label": "Puerto Rico (4:00 AM)",
+                                                            "label": "Puerto Rico (6:00 AM)",
                                                             "value": "America/Puerto_Rico",
                                                           },
                                                           Object {
                                                             "index": 4.2,
-                                                            "label": "Arizona (1:00 AM)",
+                                                            "label": "Arizona (3:00 AM)",
                                                             "value": "America/Phoenix",
                                                           },
                                                           Object {
                                                             "index": 4.8,
-                                                            "label": "Alaska (12:00 AM)",
+                                                            "label": "Alaska (2:00 AM)",
                                                             "value": "America/Juneau",
                                                           },
                                                           Object {
                                                             "index": 4.8,
-                                                            "label": "Philippine Standard Time (4:00 PM)",
+                                                            "label": "Philippine Standard Time (6:00 PM)",
                                                             "value": "Asia/Manila",
                                                           },
                                                           Object {
                                                             "index": 6,
-                                                            "label": "Hawaii (10:00 PM)",
+                                                            "label": "Hawaii (12:00 AM)",
                                                             "value": "Pacific/Honolulu",
                                                           },
                                                           Object {
                                                             "index": 100,
-                                                            "label": "Azores (8:00 AM)",
+                                                            "label": "Azores (10:00 AM)",
                                                             "value": "Atlantic/Azores",
                                                           },
                                                           Object {
                                                             "index": 100,
-                                                            "label": "Monrovia (8:00 AM)",
+                                                            "label": "Monrovia (10:00 AM)",
                                                             "value": "Africa/Monrovia",
                                                           },
                                                           Object {
                                                             "index": 100,
-                                                            "label": "UTC (8:00 AM)",
+                                                            "label": "UTC (10:00 AM)",
                                                             "value": "Etc/UTC",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Cape Verde Is. (7:00 AM)",
+                                                            "label": "Cape Verde Is. (9:00 AM)",
                                                             "value": "Atlantic/Cape_Verde",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Dublin (9:00 AM)",
+                                                            "label": "Dublin (11:00 AM)",
                                                             "value": "Europe/Dublin",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Edinburgh (9:00 AM)",
+                                                            "label": "Edinburgh (11:00 AM)",
                                                             "value": "Europe/London",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Lisbon (9:00 AM)",
+                                                            "label": "Lisbon (11:00 AM)",
                                                             "value": "Europe/Lisbon",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "London (9:00 AM)",
+                                                            "label": "London (11:00 AM)",
                                                             "value": "Europe/London",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Casablanca (9:00 AM)",
+                                                            "label": "Casablanca (11:00 AM)",
                                                             "value": "Africa/Casablanca",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "West Central Africa (9:00 AM)",
+                                                            "label": "West Central Africa (11:00 AM)",
                                                             "value": "Africa/Algiers",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Greenland (6:00 AM)",
+                                                            "label": "Greenland (8:00 AM)",
                                                             "value": "America/Godthab",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Mid-Atlantic (6:00 AM)",
+                                                            "label": "Mid-Atlantic (8:00 AM)",
                                                             "value": "Atlantic/South_Georgia",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Belgrade (10:00 AM)",
+                                                            "label": "Belgrade (12:00 PM)",
                                                             "value": "Europe/Belgrade",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Bratislava (10:00 AM)",
+                                                            "label": "Bratislava (12:00 PM)",
                                                             "value": "Europe/Bratislava",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Budapest (10:00 AM)",
+                                                            "label": "Budapest (12:00 PM)",
                                                             "value": "Europe/Budapest",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Ljubljana (10:00 AM)",
+                                                            "label": "Ljubljana (12:00 PM)",
                                                             "value": "Europe/Ljubljana",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Prague (10:00 AM)",
+                                                            "label": "Prague (12:00 PM)",
                                                             "value": "Europe/Prague",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Sarajevo (10:00 AM)",
+                                                            "label": "Sarajevo (12:00 PM)",
                                                             "value": "Europe/Sarajevo",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Skopje (10:00 AM)",
+                                                            "label": "Skopje (12:00 PM)",
                                                             "value": "Europe/Skopje",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Warsaw (10:00 AM)",
+                                                            "label": "Warsaw (12:00 PM)",
                                                             "value": "Europe/Warsaw",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Zagreb (10:00 AM)",
+                                                            "label": "Zagreb (12:00 PM)",
                                                             "value": "Europe/Zagreb",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Brussels (10:00 AM)",
+                                                            "label": "Brussels (12:00 PM)",
                                                             "value": "Europe/Brussels",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Copenhagen (10:00 AM)",
+                                                            "label": "Copenhagen (12:00 PM)",
                                                             "value": "Europe/Copenhagen",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Madrid (10:00 AM)",
+                                                            "label": "Madrid (12:00 PM)",
                                                             "value": "Europe/Madrid",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Paris (10:00 AM)",
+                                                            "label": "Paris (12:00 PM)",
                                                             "value": "Europe/Paris",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Amsterdam (10:00 AM)",
+                                                            "label": "Amsterdam (12:00 PM)",
                                                             "value": "Europe/Amsterdam",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Berlin (10:00 AM)",
+                                                            "label": "Berlin (12:00 PM)",
                                                             "value": "Europe/Berlin",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Bern (10:00 AM)",
+                                                            "label": "Bern (12:00 PM)",
                                                             "value": "Europe/Zurich",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Zurich (10:00 AM)",
+                                                            "label": "Zurich (12:00 PM)",
                                                             "value": "Europe/Zurich",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Rome (10:00 AM)",
+                                                            "label": "Rome (12:00 PM)",
                                                             "value": "Europe/Rome",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Stockholm (10:00 AM)",
+                                                            "label": "Stockholm (12:00 PM)",
                                                             "value": "Europe/Stockholm",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Vienna (10:00 AM)",
+                                                            "label": "Vienna (12:00 PM)",
                                                             "value": "Europe/Vienna",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Cairo (10:00 AM)",
+                                                            "label": "Cairo (12:00 PM)",
                                                             "value": "Africa/Cairo",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Harare (10:00 AM)",
+                                                            "label": "Harare (12:00 PM)",
                                                             "value": "Africa/Harare",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Pretoria (10:00 AM)",
+                                                            "label": "Pretoria (12:00 PM)",
                                                             "value": "Africa/Johannesburg",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Kaliningrad (10:00 AM)",
+                                                            "label": "Kaliningrad (12:00 PM)",
                                                             "value": "Europe/Kaliningrad",
                                                           },
                                                           Object {
                                                             "index": 250,
-                                                            "label": "Newfoundland (5:30 AM)",
+                                                            "label": "Newfoundland (7:30 AM)",
                                                             "value": "America/St_Johns",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                            "label": "Atlantic Time (Canada) (7:00 AM)",
                                                             "value": "America/Halifax",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Brasilia (5:00 AM)",
+                                                            "label": "Brasilia (7:00 AM)",
                                                             "value": "America/Sao_Paulo",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Buenos Aires (5:00 AM)",
+                                                            "label": "Buenos Aires (7:00 AM)",
                                                             "value": "America/Argentina/Buenos_Aires",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Montevideo (5:00 AM)",
+                                                            "label": "Montevideo (7:00 AM)",
                                                             "value": "America/Montevideo",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Bucharest (11:00 AM)",
+                                                            "label": "Bucharest (1:00 PM)",
                                                             "value": "Europe/Bucharest",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Helsinki (11:00 AM)",
+                                                            "label": "Helsinki (1:00 PM)",
                                                             "value": "Europe/Helsinki",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Kyiv (11:00 AM)",
+                                                            "label": "Kyiv (1:00 PM)",
                                                             "value": "Europe/Kiev",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Riga (11:00 AM)",
+                                                            "label": "Riga (1:00 PM)",
                                                             "value": "Europe/Riga",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Sofia (11:00 AM)",
+                                                            "label": "Sofia (1:00 PM)",
                                                             "value": "Europe/Sofia",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Tallinn (11:00 AM)",
+                                                            "label": "Tallinn (1:00 PM)",
                                                             "value": "Europe/Tallinn",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Vilnius (11:00 AM)",
+                                                            "label": "Vilnius (1:00 PM)",
                                                             "value": "Europe/Vilnius",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Athens (11:00 AM)",
+                                                            "label": "Athens (1:00 PM)",
                                                             "value": "Europe/Athens",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Istanbul (11:00 AM)",
+                                                            "label": "Istanbul (1:00 PM)",
                                                             "value": "Europe/Istanbul",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Minsk (11:00 AM)",
+                                                            "label": "Minsk (1:00 PM)",
                                                             "value": "Europe/Minsk",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Jerusalem (11:00 AM)",
+                                                            "label": "Jerusalem (1:00 PM)",
                                                             "value": "Asia/Jerusalem",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Moscow (11:00 AM)",
+                                                            "label": "Moscow (1:00 PM)",
                                                             "value": "Europe/Moscow",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "St. Petersburg (11:00 AM)",
+                                                            "label": "St. Petersburg (1:00 PM)",
                                                             "value": "Europe/Moscow",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Kuwait (11:00 AM)",
+                                                            "label": "Kuwait (1:00 PM)",
                                                             "value": "Asia/Kuwait",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Riyadh (11:00 AM)",
+                                                            "label": "Riyadh (1:00 PM)",
                                                             "value": "Asia/Riyadh",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Nairobi (11:00 AM)",
+                                                            "label": "Nairobi (1:00 PM)",
                                                             "value": "Africa/Nairobi",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Baghdad (11:00 AM)",
+                                                            "label": "Baghdad (1:00 PM)",
                                                             "value": "Asia/Baghdad",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Caracas (4:00 AM)",
+                                                            "label": "Caracas (6:00 AM)",
                                                             "value": "America/Caracas",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "La Paz (4:00 AM)",
+                                                            "label": "La Paz (6:00 AM)",
                                                             "value": "America/La_Paz",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Santiago (4:00 AM)",
+                                                            "label": "Santiago (6:00 AM)",
                                                             "value": "America/Santiago",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Georgetown (4:00 AM)",
+                                                            "label": "Georgetown (6:00 AM)",
                                                             "value": "America/Guyana",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Volgograd (12:00 PM)",
+                                                            "label": "Volgograd (2:00 PM)",
                                                             "value": "Europe/Volgograd",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Samara (12:00 PM)",
+                                                            "label": "Samara (2:00 PM)",
                                                             "value": "Europe/Samara",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Abu Dhabi (12:00 PM)",
+                                                            "label": "Abu Dhabi (2:00 PM)",
                                                             "value": "Asia/Muscat",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Muscat (12:00 PM)",
+                                                            "label": "Muscat (2:00 PM)",
                                                             "value": "Asia/Muscat",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Baku (12:00 PM)",
+                                                            "label": "Baku (2:00 PM)",
                                                             "value": "Asia/Baku",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Tbilisi (12:00 PM)",
+                                                            "label": "Tbilisi (2:00 PM)",
                                                             "value": "Asia/Tbilisi",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Yerevan (12:00 PM)",
+                                                            "label": "Yerevan (2:00 PM)",
                                                             "value": "Asia/Yerevan",
                                                           },
                                                           Object {
                                                             "index": 370,
-                                                            "label": "Tehran (12:30 PM)",
+                                                            "label": "Tehran (2:30 PM)",
                                                             "value": "Asia/Tehran",
                                                           },
                                                           Object {
                                                             "index": 370,
-                                                            "label": "Kabul (12:30 PM)",
+                                                            "label": "Kabul (2:30 PM)",
                                                             "value": "Asia/Kabul",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Guadalajara (3:00 AM)",
+                                                            "label": "Guadalajara (5:00 AM)",
                                                             "value": "America/Mexico_City",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Mexico City (3:00 AM)",
+                                                            "label": "Mexico City (5:00 AM)",
                                                             "value": "America/Mexico_City",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Monterrey (3:00 AM)",
+                                                            "label": "Monterrey (5:00 AM)",
                                                             "value": "America/Monterrey",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Bogota (3:00 AM)",
+                                                            "label": "Bogota (5:00 AM)",
                                                             "value": "America/Bogota",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Lima (3:00 AM)",
+                                                            "label": "Lima (5:00 AM)",
                                                             "value": "America/Lima",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Quito (3:00 AM)",
+                                                            "label": "Quito (5:00 AM)",
                                                             "value": "America/Lima",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Ekaterinburg (1:00 PM)",
+                                                            "label": "Ekaterinburg (3:00 PM)",
                                                             "value": "Asia/Yekaterinburg",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Islamabad (1:00 PM)",
+                                                            "label": "Islamabad (3:00 PM)",
                                                             "value": "Asia/Karachi",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Karachi (1:00 PM)",
+                                                            "label": "Karachi (3:00 PM)",
                                                             "value": "Asia/Karachi",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Tashkent (1:00 PM)",
+                                                            "label": "Tashkent (3:00 PM)",
                                                             "value": "Asia/Tashkent",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Chennai (1:30 PM)",
+                                                            "label": "Chennai (3:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Kolkata (1:30 PM)",
+                                                            "label": "Kolkata (3:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Mumbai (1:30 PM)",
+                                                            "label": "Mumbai (3:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "New Delhi (1:30 PM)",
+                                                            "label": "New Delhi (3:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Sri Jayawardenepura (1:30 PM)",
+                                                            "label": "Sri Jayawardenepura (3:30 PM)",
                                                             "value": "Asia/Colombo",
                                                           },
                                                           Object {
                                                             "index": 445,
-                                                            "label": "Kathmandu (1:45 PM)",
+                                                            "label": "Kathmandu (3:45 PM)",
                                                             "value": "Asia/Kathmandu",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Chihuahua (2:00 AM)",
+                                                            "label": "Chihuahua (4:00 AM)",
                                                             "value": "America/Chihuahua",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Mazatlan (2:00 AM)",
+                                                            "label": "Mazatlan (4:00 AM)",
                                                             "value": "America/Mazatlan",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Saskatchewan (2:00 AM)",
+                                                            "label": "Saskatchewan (4:00 AM)",
                                                             "value": "America/Regina",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Central America (2:00 AM)",
+                                                            "label": "Central America (4:00 AM)",
                                                             "value": "America/Guatemala",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Astana (2:00 PM)",
+                                                            "label": "Astana (4:00 PM)",
                                                             "value": "Asia/Dhaka",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Dhaka (2:00 PM)",
+                                                            "label": "Dhaka (4:00 PM)",
                                                             "value": "Asia/Dhaka",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Almaty (2:00 PM)",
+                                                            "label": "Almaty (4:00 PM)",
                                                             "value": "Asia/Almaty",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Urumqi (2:00 PM)",
+                                                            "label": "Urumqi (4:00 PM)",
                                                             "value": "Asia/Urumqi",
                                                           },
                                                           Object {
                                                             "index": 490,
-                                                            "label": "Rangoon (2:30 PM)",
+                                                            "label": "Rangoon (4:30 PM)",
                                                             "value": "Asia/Rangoon",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Tijuana (1:00 AM)",
+                                                            "label": "Tijuana (3:00 AM)",
                                                             "value": "America/Tijuana",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Novosibirsk (3:00 PM)",
+                                                            "label": "Novosibirsk (5:00 PM)",
                                                             "value": "Asia/Novosibirsk",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Bangkok (3:00 PM)",
+                                                            "label": "Bangkok (5:00 PM)",
                                                             "value": "Asia/Bangkok",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Hanoi (3:00 PM)",
+                                                            "label": "Hanoi (5:00 PM)",
                                                             "value": "Asia/Bangkok",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Jakarta (3:00 PM)",
+                                                            "label": "Jakarta (5:00 PM)",
                                                             "value": "Asia/Jakarta",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Krasnoyarsk (3:00 PM)",
+                                                            "label": "Krasnoyarsk (5:00 PM)",
                                                             "value": "Asia/Krasnoyarsk",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Beijing (4:00 PM)",
+                                                            "label": "Beijing (6:00 PM)",
                                                             "value": "Asia/Shanghai",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Chongqing (4:00 PM)",
+                                                            "label": "Chongqing (6:00 PM)",
                                                             "value": "Asia/Chongqing",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Hong Kong (4:00 PM)",
+                                                            "label": "Hong Kong (6:00 PM)",
                                                             "value": "Asia/Hong_Kong",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Kuala Lumpur (4:00 PM)",
+                                                            "label": "Kuala Lumpur (6:00 PM)",
                                                             "value": "Asia/Kuala_Lumpur",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Singapore (4:00 PM)",
+                                                            "label": "Singapore (6:00 PM)",
                                                             "value": "Asia/Singapore",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Taipei (4:00 PM)",
+                                                            "label": "Taipei (6:00 PM)",
                                                             "value": "Asia/Taipei",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Perth (4:00 PM)",
+                                                            "label": "Perth (6:00 PM)",
                                                             "value": "Australia/Perth",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Irkutsk (4:00 PM)",
+                                                            "label": "Irkutsk (6:00 PM)",
                                                             "value": "Asia/Irkutsk",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Ulaanbaatar (4:00 PM)",
+                                                            "label": "Ulaanbaatar (6:00 PM)",
                                                             "value": "Asia/Ulaanbaatar",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Seoul (5:00 PM)",
+                                                            "label": "Seoul (7:00 PM)",
                                                             "value": "Asia/Seoul",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Osaka (5:00 PM)",
+                                                            "label": "Osaka (7:00 PM)",
                                                             "value": "Asia/Tokyo",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Sapporo (5:00 PM)",
+                                                            "label": "Sapporo (7:00 PM)",
                                                             "value": "Asia/Tokyo",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Tokyo (5:00 PM)",
+                                                            "label": "Tokyo (7:00 PM)",
                                                             "value": "Asia/Tokyo",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Yakutsk (5:00 PM)",
+                                                            "label": "Yakutsk (7:00 PM)",
                                                             "value": "Asia/Yakutsk",
                                                           },
                                                           Object {
                                                             "index": 670,
-                                                            "label": "Darwin (5:30 PM)",
+                                                            "label": "Darwin (7:30 PM)",
                                                             "value": "Australia/Darwin",
                                                           },
                                                           Object {
                                                             "index": 670,
-                                                            "label": "Adelaide (5:30 PM)",
+                                                            "label": "Adelaide (7:30 PM)",
                                                             "value": "Australia/Adelaide",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Canberra (6:00 PM)",
+                                                            "label": "Canberra (8:00 PM)",
                                                             "value": "Australia/Melbourne",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Melbourne (6:00 PM)",
+                                                            "label": "Melbourne (8:00 PM)",
                                                             "value": "Australia/Melbourne",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Sydney (6:00 PM)",
+                                                            "label": "Sydney (8:00 PM)",
                                                             "value": "Australia/Sydney",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Brisbane (6:00 PM)",
+                                                            "label": "Brisbane (8:00 PM)",
                                                             "value": "Australia/Brisbane",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Hobart (6:00 PM)",
+                                                            "label": "Hobart (8:00 PM)",
                                                             "value": "Australia/Hobart",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Vladivostok (6:00 PM)",
+                                                            "label": "Vladivostok (8:00 PM)",
                                                             "value": "Asia/Vladivostok",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Guam (6:00 PM)",
+                                                            "label": "Guam (8:00 PM)",
                                                             "value": "Pacific/Guam",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Port Moresby (6:00 PM)",
+                                                            "label": "Port Moresby (8:00 PM)",
                                                             "value": "Pacific/Port_Moresby",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Midway Island (9:00 PM)",
+                                                            "label": "Midway Island (11:00 PM)",
                                                             "value": "Pacific/Midway",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "American Samoa (9:00 PM)",
+                                                            "label": "American Samoa (11:00 PM)",
                                                             "value": "Pacific/Pago_Pago",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Magadan (7:00 PM)",
+                                                            "label": "Magadan (9:00 PM)",
                                                             "value": "Asia/Magadan",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Srednekolymsk (7:00 PM)",
+                                                            "label": "Srednekolymsk (9:00 PM)",
                                                             "value": "Asia/Srednekolymsk",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Solomon Is. (7:00 PM)",
+                                                            "label": "Solomon Is. (9:00 PM)",
                                                             "value": "Pacific/Guadalcanal",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "New Caledonia (7:00 PM)",
+                                                            "label": "New Caledonia (9:00 PM)",
                                                             "value": "Pacific/Noumea",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "International Date Line West (8:00 PM)",
+                                                            "label": "International Date Line West (10:00 PM)",
                                                             "value": "Etc/GMT+12",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Fiji (8:00 PM)",
+                                                            "label": "Fiji (10:00 PM)",
                                                             "value": "Pacific/Fiji",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Kamchatka (8:00 PM)",
+                                                            "label": "Kamchatka (10:00 PM)",
                                                             "value": "Asia/Kamchatka",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Marshall Is. (8:00 PM)",
+                                                            "label": "Marshall Is. (10:00 PM)",
                                                             "value": "Pacific/Majuro",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Auckland (8:00 PM)",
+                                                            "label": "Auckland (10:00 PM)",
                                                             "value": "Pacific/Auckland",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Wellington (8:00 PM)",
+                                                            "label": "Wellington (10:00 PM)",
                                                             "value": "Pacific/Auckland",
                                                           },
                                                           Object {
                                                             "index": 865,
-                                                            "label": "Chatham Is. (8:45 PM)",
+                                                            "label": "Chatham Is. (10:45 PM)",
                                                             "value": "Pacific/Chatham",
                                                           },
                                                           Object {
                                                             "index": 880,
-                                                            "label": "Nuku'alofa (9:00 PM)",
+                                                            "label": "Nuku'alofa (11:00 PM)",
                                                             "value": "Pacific/Tongatapu",
                                                           },
                                                           Object {
                                                             "index": 880,
-                                                            "label": "Tokelau Is. (9:00 PM)",
+                                                            "label": "Tokelau Is. (11:00 PM)",
                                                             "value": "Pacific/Fakaofo",
                                                           },
                                                           Object {
                                                             "index": 880,
-                                                            "label": "Samoa (9:00 PM)",
+                                                            "label": "Samoa (11:00 PM)",
                                                             "value": "Pacific/Apia",
                                                           },
                                                         ],
@@ -244256,7 +245180,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                         },
                                                         "tabIndex": "0",
                                                         "tabSelectsValue": true,
-                                                        "value": null,
+                                                        "value": Object {
+                                                          "index": -0,
+                                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                          "value": "America/Los_Angeles",
+                                                        },
                                                       }
                                                     }
                                                     setValue={[Function]}
@@ -244293,7 +245221,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                     <EmotionCssPropInternal
                                                       __EMOTION_LABEL_PLEASE_DO_NOT_USE__="ValueContainer"
                                                       __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                      className="cf-select__value-container"
+                                                      className="cf-select__value-container cf-select__value-container--has-value"
                                                       css={
                                                         Object {
                                                           "WebkitOverflowScrolling": "touch",
@@ -244309,16 +245237,22 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                       }
                                                     >
                                                       <div
-                                                        className="cf-select__value-container css-g1d714-ValueContainer"
+                                                        className="cf-select__value-container cf-select__value-container--has-value css-g1d714-ValueContainer"
                                                       >
-                                                        <Placeholder
+                                                        <SingleValue
                                                           clearValue={[Function]}
                                                           cx={[Function]}
+                                                          data={
+                                                            Object {
+                                                              "index": -0,
+                                                              "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                              "value": "America/Los_Angeles",
+                                                            }
+                                                          }
                                                           getStyles={[Function]}
                                                           getValue={[Function]}
-                                                          hasValue={false}
+                                                          hasValue={true}
                                                           isDisabled={false}
-                                                          isFocused={false}
                                                           isMulti={false}
                                                           isRtl={false}
                                                           options={
@@ -244329,762 +245263,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                               },
                                                               Object {
                                                                 "index": -3,
-                                                                "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                                 "value": "America/New_York",
                                                               },
                                                               Object {
                                                                 "index": -2,
-                                                                "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                "label": "Central Time (US & Canada) (5:00 AM)",
                                                                 "value": "America/Chicago",
                                                               },
                                                               Object {
                                                                 "index": -1,
-                                                                "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                                 "value": "America/Denver",
                                                               },
                                                               Object {
                                                                 "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                                 "value": "America/Los_Angeles",
                                                               },
                                                               Object {
                                                                 "index": 2.4,
-                                                                "label": "Indiana (East) (4:00 AM)",
+                                                                "label": "Indiana (East) (6:00 AM)",
                                                                 "value": "America/Indiana/Indianapolis",
                                                               },
                                                               Object {
                                                                 "index": 2.4,
-                                                                "label": "Puerto Rico (4:00 AM)",
+                                                                "label": "Puerto Rico (6:00 AM)",
                                                                 "value": "America/Puerto_Rico",
                                                               },
                                                               Object {
                                                                 "index": 4.2,
-                                                                "label": "Arizona (1:00 AM)",
+                                                                "label": "Arizona (3:00 AM)",
                                                                 "value": "America/Phoenix",
                                                               },
                                                               Object {
                                                                 "index": 4.8,
-                                                                "label": "Alaska (12:00 AM)",
+                                                                "label": "Alaska (2:00 AM)",
                                                                 "value": "America/Juneau",
                                                               },
                                                               Object {
                                                                 "index": 4.8,
-                                                                "label": "Philippine Standard Time (4:00 PM)",
+                                                                "label": "Philippine Standard Time (6:00 PM)",
                                                                 "value": "Asia/Manila",
                                                               },
                                                               Object {
                                                                 "index": 6,
-                                                                "label": "Hawaii (10:00 PM)",
+                                                                "label": "Hawaii (12:00 AM)",
                                                                 "value": "Pacific/Honolulu",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "Azores (8:00 AM)",
+                                                                "label": "Azores (10:00 AM)",
                                                                 "value": "Atlantic/Azores",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "Monrovia (8:00 AM)",
+                                                                "label": "Monrovia (10:00 AM)",
                                                                 "value": "Africa/Monrovia",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "UTC (8:00 AM)",
+                                                                "label": "UTC (10:00 AM)",
                                                                 "value": "Etc/UTC",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Cape Verde Is. (7:00 AM)",
+                                                                "label": "Cape Verde Is. (9:00 AM)",
                                                                 "value": "Atlantic/Cape_Verde",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Dublin (9:00 AM)",
+                                                                "label": "Dublin (11:00 AM)",
                                                                 "value": "Europe/Dublin",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Edinburgh (9:00 AM)",
+                                                                "label": "Edinburgh (11:00 AM)",
                                                                 "value": "Europe/London",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Lisbon (9:00 AM)",
+                                                                "label": "Lisbon (11:00 AM)",
                                                                 "value": "Europe/Lisbon",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "London (9:00 AM)",
+                                                                "label": "London (11:00 AM)",
                                                                 "value": "Europe/London",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Casablanca (9:00 AM)",
+                                                                "label": "Casablanca (11:00 AM)",
                                                                 "value": "Africa/Casablanca",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "West Central Africa (9:00 AM)",
+                                                                "label": "West Central Africa (11:00 AM)",
                                                                 "value": "Africa/Algiers",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Greenland (6:00 AM)",
+                                                                "label": "Greenland (8:00 AM)",
                                                                 "value": "America/Godthab",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Mid-Atlantic (6:00 AM)",
+                                                                "label": "Mid-Atlantic (8:00 AM)",
                                                                 "value": "Atlantic/South_Georgia",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Belgrade (10:00 AM)",
+                                                                "label": "Belgrade (12:00 PM)",
                                                                 "value": "Europe/Belgrade",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Bratislava (10:00 AM)",
+                                                                "label": "Bratislava (12:00 PM)",
                                                                 "value": "Europe/Bratislava",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Budapest (10:00 AM)",
+                                                                "label": "Budapest (12:00 PM)",
                                                                 "value": "Europe/Budapest",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Ljubljana (10:00 AM)",
+                                                                "label": "Ljubljana (12:00 PM)",
                                                                 "value": "Europe/Ljubljana",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Prague (10:00 AM)",
+                                                                "label": "Prague (12:00 PM)",
                                                                 "value": "Europe/Prague",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Sarajevo (10:00 AM)",
+                                                                "label": "Sarajevo (12:00 PM)",
                                                                 "value": "Europe/Sarajevo",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Skopje (10:00 AM)",
+                                                                "label": "Skopje (12:00 PM)",
                                                                 "value": "Europe/Skopje",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Warsaw (10:00 AM)",
+                                                                "label": "Warsaw (12:00 PM)",
                                                                 "value": "Europe/Warsaw",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Zagreb (10:00 AM)",
+                                                                "label": "Zagreb (12:00 PM)",
                                                                 "value": "Europe/Zagreb",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Brussels (10:00 AM)",
+                                                                "label": "Brussels (12:00 PM)",
                                                                 "value": "Europe/Brussels",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Copenhagen (10:00 AM)",
+                                                                "label": "Copenhagen (12:00 PM)",
                                                                 "value": "Europe/Copenhagen",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Madrid (10:00 AM)",
+                                                                "label": "Madrid (12:00 PM)",
                                                                 "value": "Europe/Madrid",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Paris (10:00 AM)",
+                                                                "label": "Paris (12:00 PM)",
                                                                 "value": "Europe/Paris",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Amsterdam (10:00 AM)",
+                                                                "label": "Amsterdam (12:00 PM)",
                                                                 "value": "Europe/Amsterdam",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Berlin (10:00 AM)",
+                                                                "label": "Berlin (12:00 PM)",
                                                                 "value": "Europe/Berlin",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Bern (10:00 AM)",
+                                                                "label": "Bern (12:00 PM)",
                                                                 "value": "Europe/Zurich",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Zurich (10:00 AM)",
+                                                                "label": "Zurich (12:00 PM)",
                                                                 "value": "Europe/Zurich",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Rome (10:00 AM)",
+                                                                "label": "Rome (12:00 PM)",
                                                                 "value": "Europe/Rome",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Stockholm (10:00 AM)",
+                                                                "label": "Stockholm (12:00 PM)",
                                                                 "value": "Europe/Stockholm",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Vienna (10:00 AM)",
+                                                                "label": "Vienna (12:00 PM)",
                                                                 "value": "Europe/Vienna",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Cairo (10:00 AM)",
+                                                                "label": "Cairo (12:00 PM)",
                                                                 "value": "Africa/Cairo",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Harare (10:00 AM)",
+                                                                "label": "Harare (12:00 PM)",
                                                                 "value": "Africa/Harare",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Pretoria (10:00 AM)",
+                                                                "label": "Pretoria (12:00 PM)",
                                                                 "value": "Africa/Johannesburg",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Kaliningrad (10:00 AM)",
+                                                                "label": "Kaliningrad (12:00 PM)",
                                                                 "value": "Europe/Kaliningrad",
                                                               },
                                                               Object {
                                                                 "index": 250,
-                                                                "label": "Newfoundland (5:30 AM)",
+                                                                "label": "Newfoundland (7:30 AM)",
                                                                 "value": "America/St_Johns",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                "label": "Atlantic Time (Canada) (7:00 AM)",
                                                                 "value": "America/Halifax",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Brasilia (5:00 AM)",
+                                                                "label": "Brasilia (7:00 AM)",
                                                                 "value": "America/Sao_Paulo",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Buenos Aires (5:00 AM)",
+                                                                "label": "Buenos Aires (7:00 AM)",
                                                                 "value": "America/Argentina/Buenos_Aires",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Montevideo (5:00 AM)",
+                                                                "label": "Montevideo (7:00 AM)",
                                                                 "value": "America/Montevideo",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Bucharest (11:00 AM)",
+                                                                "label": "Bucharest (1:00 PM)",
                                                                 "value": "Europe/Bucharest",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Helsinki (11:00 AM)",
+                                                                "label": "Helsinki (1:00 PM)",
                                                                 "value": "Europe/Helsinki",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Kyiv (11:00 AM)",
+                                                                "label": "Kyiv (1:00 PM)",
                                                                 "value": "Europe/Kiev",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Riga (11:00 AM)",
+                                                                "label": "Riga (1:00 PM)",
                                                                 "value": "Europe/Riga",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Sofia (11:00 AM)",
+                                                                "label": "Sofia (1:00 PM)",
                                                                 "value": "Europe/Sofia",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Tallinn (11:00 AM)",
+                                                                "label": "Tallinn (1:00 PM)",
                                                                 "value": "Europe/Tallinn",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Vilnius (11:00 AM)",
+                                                                "label": "Vilnius (1:00 PM)",
                                                                 "value": "Europe/Vilnius",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Athens (11:00 AM)",
+                                                                "label": "Athens (1:00 PM)",
                                                                 "value": "Europe/Athens",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Istanbul (11:00 AM)",
+                                                                "label": "Istanbul (1:00 PM)",
                                                                 "value": "Europe/Istanbul",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Minsk (11:00 AM)",
+                                                                "label": "Minsk (1:00 PM)",
                                                                 "value": "Europe/Minsk",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Jerusalem (11:00 AM)",
+                                                                "label": "Jerusalem (1:00 PM)",
                                                                 "value": "Asia/Jerusalem",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Moscow (11:00 AM)",
+                                                                "label": "Moscow (1:00 PM)",
                                                                 "value": "Europe/Moscow",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "St. Petersburg (11:00 AM)",
+                                                                "label": "St. Petersburg (1:00 PM)",
                                                                 "value": "Europe/Moscow",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Kuwait (11:00 AM)",
+                                                                "label": "Kuwait (1:00 PM)",
                                                                 "value": "Asia/Kuwait",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Riyadh (11:00 AM)",
+                                                                "label": "Riyadh (1:00 PM)",
                                                                 "value": "Asia/Riyadh",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Nairobi (11:00 AM)",
+                                                                "label": "Nairobi (1:00 PM)",
                                                                 "value": "Africa/Nairobi",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Baghdad (11:00 AM)",
+                                                                "label": "Baghdad (1:00 PM)",
                                                                 "value": "Asia/Baghdad",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Caracas (4:00 AM)",
+                                                                "label": "Caracas (6:00 AM)",
                                                                 "value": "America/Caracas",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "La Paz (4:00 AM)",
+                                                                "label": "La Paz (6:00 AM)",
                                                                 "value": "America/La_Paz",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Santiago (4:00 AM)",
+                                                                "label": "Santiago (6:00 AM)",
                                                                 "value": "America/Santiago",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Georgetown (4:00 AM)",
+                                                                "label": "Georgetown (6:00 AM)",
                                                                 "value": "America/Guyana",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Volgograd (12:00 PM)",
+                                                                "label": "Volgograd (2:00 PM)",
                                                                 "value": "Europe/Volgograd",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Samara (12:00 PM)",
+                                                                "label": "Samara (2:00 PM)",
                                                                 "value": "Europe/Samara",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Abu Dhabi (12:00 PM)",
+                                                                "label": "Abu Dhabi (2:00 PM)",
                                                                 "value": "Asia/Muscat",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Muscat (12:00 PM)",
+                                                                "label": "Muscat (2:00 PM)",
                                                                 "value": "Asia/Muscat",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Baku (12:00 PM)",
+                                                                "label": "Baku (2:00 PM)",
                                                                 "value": "Asia/Baku",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Tbilisi (12:00 PM)",
+                                                                "label": "Tbilisi (2:00 PM)",
                                                                 "value": "Asia/Tbilisi",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Yerevan (12:00 PM)",
+                                                                "label": "Yerevan (2:00 PM)",
                                                                 "value": "Asia/Yerevan",
                                                               },
                                                               Object {
                                                                 "index": 370,
-                                                                "label": "Tehran (12:30 PM)",
+                                                                "label": "Tehran (2:30 PM)",
                                                                 "value": "Asia/Tehran",
                                                               },
                                                               Object {
                                                                 "index": 370,
-                                                                "label": "Kabul (12:30 PM)",
+                                                                "label": "Kabul (2:30 PM)",
                                                                 "value": "Asia/Kabul",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Guadalajara (3:00 AM)",
+                                                                "label": "Guadalajara (5:00 AM)",
                                                                 "value": "America/Mexico_City",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Mexico City (3:00 AM)",
+                                                                "label": "Mexico City (5:00 AM)",
                                                                 "value": "America/Mexico_City",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Monterrey (3:00 AM)",
+                                                                "label": "Monterrey (5:00 AM)",
                                                                 "value": "America/Monterrey",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Bogota (3:00 AM)",
+                                                                "label": "Bogota (5:00 AM)",
                                                                 "value": "America/Bogota",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Lima (3:00 AM)",
+                                                                "label": "Lima (5:00 AM)",
                                                                 "value": "America/Lima",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Quito (3:00 AM)",
+                                                                "label": "Quito (5:00 AM)",
                                                                 "value": "America/Lima",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Ekaterinburg (1:00 PM)",
+                                                                "label": "Ekaterinburg (3:00 PM)",
                                                                 "value": "Asia/Yekaterinburg",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Islamabad (1:00 PM)",
+                                                                "label": "Islamabad (3:00 PM)",
                                                                 "value": "Asia/Karachi",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Karachi (1:00 PM)",
+                                                                "label": "Karachi (3:00 PM)",
                                                                 "value": "Asia/Karachi",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Tashkent (1:00 PM)",
+                                                                "label": "Tashkent (3:00 PM)",
                                                                 "value": "Asia/Tashkent",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Chennai (1:30 PM)",
+                                                                "label": "Chennai (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Kolkata (1:30 PM)",
+                                                                "label": "Kolkata (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Mumbai (1:30 PM)",
+                                                                "label": "Mumbai (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "New Delhi (1:30 PM)",
+                                                                "label": "New Delhi (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                "label": "Sri Jayawardenepura (3:30 PM)",
                                                                 "value": "Asia/Colombo",
                                                               },
                                                               Object {
                                                                 "index": 445,
-                                                                "label": "Kathmandu (1:45 PM)",
+                                                                "label": "Kathmandu (3:45 PM)",
                                                                 "value": "Asia/Kathmandu",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Chihuahua (2:00 AM)",
+                                                                "label": "Chihuahua (4:00 AM)",
                                                                 "value": "America/Chihuahua",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Mazatlan (2:00 AM)",
+                                                                "label": "Mazatlan (4:00 AM)",
                                                                 "value": "America/Mazatlan",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Saskatchewan (2:00 AM)",
+                                                                "label": "Saskatchewan (4:00 AM)",
                                                                 "value": "America/Regina",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Central America (2:00 AM)",
+                                                                "label": "Central America (4:00 AM)",
                                                                 "value": "America/Guatemala",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Astana (2:00 PM)",
+                                                                "label": "Astana (4:00 PM)",
                                                                 "value": "Asia/Dhaka",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Dhaka (2:00 PM)",
+                                                                "label": "Dhaka (4:00 PM)",
                                                                 "value": "Asia/Dhaka",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Almaty (2:00 PM)",
+                                                                "label": "Almaty (4:00 PM)",
                                                                 "value": "Asia/Almaty",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Urumqi (2:00 PM)",
+                                                                "label": "Urumqi (4:00 PM)",
                                                                 "value": "Asia/Urumqi",
                                                               },
                                                               Object {
                                                                 "index": 490,
-                                                                "label": "Rangoon (2:30 PM)",
+                                                                "label": "Rangoon (4:30 PM)",
                                                                 "value": "Asia/Rangoon",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Tijuana (1:00 AM)",
+                                                                "label": "Tijuana (3:00 AM)",
                                                                 "value": "America/Tijuana",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Novosibirsk (3:00 PM)",
+                                                                "label": "Novosibirsk (5:00 PM)",
                                                                 "value": "Asia/Novosibirsk",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Bangkok (3:00 PM)",
+                                                                "label": "Bangkok (5:00 PM)",
                                                                 "value": "Asia/Bangkok",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Hanoi (3:00 PM)",
+                                                                "label": "Hanoi (5:00 PM)",
                                                                 "value": "Asia/Bangkok",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Jakarta (3:00 PM)",
+                                                                "label": "Jakarta (5:00 PM)",
                                                                 "value": "Asia/Jakarta",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Krasnoyarsk (3:00 PM)",
+                                                                "label": "Krasnoyarsk (5:00 PM)",
                                                                 "value": "Asia/Krasnoyarsk",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Beijing (4:00 PM)",
+                                                                "label": "Beijing (6:00 PM)",
                                                                 "value": "Asia/Shanghai",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Chongqing (4:00 PM)",
+                                                                "label": "Chongqing (6:00 PM)",
                                                                 "value": "Asia/Chongqing",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Hong Kong (4:00 PM)",
+                                                                "label": "Hong Kong (6:00 PM)",
                                                                 "value": "Asia/Hong_Kong",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Kuala Lumpur (4:00 PM)",
+                                                                "label": "Kuala Lumpur (6:00 PM)",
                                                                 "value": "Asia/Kuala_Lumpur",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Singapore (4:00 PM)",
+                                                                "label": "Singapore (6:00 PM)",
                                                                 "value": "Asia/Singapore",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Taipei (4:00 PM)",
+                                                                "label": "Taipei (6:00 PM)",
                                                                 "value": "Asia/Taipei",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Perth (4:00 PM)",
+                                                                "label": "Perth (6:00 PM)",
                                                                 "value": "Australia/Perth",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Irkutsk (4:00 PM)",
+                                                                "label": "Irkutsk (6:00 PM)",
                                                                 "value": "Asia/Irkutsk",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Ulaanbaatar (4:00 PM)",
+                                                                "label": "Ulaanbaatar (6:00 PM)",
                                                                 "value": "Asia/Ulaanbaatar",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Seoul (5:00 PM)",
+                                                                "label": "Seoul (7:00 PM)",
                                                                 "value": "Asia/Seoul",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Osaka (5:00 PM)",
+                                                                "label": "Osaka (7:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Sapporo (5:00 PM)",
+                                                                "label": "Sapporo (7:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Tokyo (5:00 PM)",
+                                                                "label": "Tokyo (7:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Yakutsk (5:00 PM)",
+                                                                "label": "Yakutsk (7:00 PM)",
                                                                 "value": "Asia/Yakutsk",
                                                               },
                                                               Object {
                                                                 "index": 670,
-                                                                "label": "Darwin (5:30 PM)",
+                                                                "label": "Darwin (7:30 PM)",
                                                                 "value": "Australia/Darwin",
                                                               },
                                                               Object {
                                                                 "index": 670,
-                                                                "label": "Adelaide (5:30 PM)",
+                                                                "label": "Adelaide (7:30 PM)",
                                                                 "value": "Australia/Adelaide",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Canberra (6:00 PM)",
+                                                                "label": "Canberra (8:00 PM)",
                                                                 "value": "Australia/Melbourne",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Melbourne (6:00 PM)",
+                                                                "label": "Melbourne (8:00 PM)",
                                                                 "value": "Australia/Melbourne",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Sydney (6:00 PM)",
+                                                                "label": "Sydney (8:00 PM)",
                                                                 "value": "Australia/Sydney",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Brisbane (6:00 PM)",
+                                                                "label": "Brisbane (8:00 PM)",
                                                                 "value": "Australia/Brisbane",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Hobart (6:00 PM)",
+                                                                "label": "Hobart (8:00 PM)",
                                                                 "value": "Australia/Hobart",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Vladivostok (6:00 PM)",
+                                                                "label": "Vladivostok (8:00 PM)",
                                                                 "value": "Asia/Vladivostok",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Guam (6:00 PM)",
+                                                                "label": "Guam (8:00 PM)",
                                                                 "value": "Pacific/Guam",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Port Moresby (6:00 PM)",
+                                                                "label": "Port Moresby (8:00 PM)",
                                                                 "value": "Pacific/Port_Moresby",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Midway Island (9:00 PM)",
+                                                                "label": "Midway Island (11:00 PM)",
                                                                 "value": "Pacific/Midway",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "American Samoa (9:00 PM)",
+                                                                "label": "American Samoa (11:00 PM)",
                                                                 "value": "Pacific/Pago_Pago",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Magadan (7:00 PM)",
+                                                                "label": "Magadan (9:00 PM)",
                                                                 "value": "Asia/Magadan",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Srednekolymsk (7:00 PM)",
+                                                                "label": "Srednekolymsk (9:00 PM)",
                                                                 "value": "Asia/Srednekolymsk",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Solomon Is. (7:00 PM)",
+                                                                "label": "Solomon Is. (9:00 PM)",
                                                                 "value": "Pacific/Guadalcanal",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "New Caledonia (7:00 PM)",
+                                                                "label": "New Caledonia (9:00 PM)",
                                                                 "value": "Pacific/Noumea",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "International Date Line West (8:00 PM)",
+                                                                "label": "International Date Line West (10:00 PM)",
                                                                 "value": "Etc/GMT+12",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Fiji (8:00 PM)",
+                                                                "label": "Fiji (10:00 PM)",
                                                                 "value": "Pacific/Fiji",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Kamchatka (8:00 PM)",
+                                                                "label": "Kamchatka (10:00 PM)",
                                                                 "value": "Asia/Kamchatka",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Marshall Is. (8:00 PM)",
+                                                                "label": "Marshall Is. (10:00 PM)",
                                                                 "value": "Pacific/Majuro",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Auckland (8:00 PM)",
+                                                                "label": "Auckland (10:00 PM)",
                                                                 "value": "Pacific/Auckland",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Wellington (8:00 PM)",
+                                                                "label": "Wellington (10:00 PM)",
                                                                 "value": "Pacific/Auckland",
                                                               },
                                                               Object {
                                                                 "index": 865,
-                                                                "label": "Chatham Is. (8:45 PM)",
+                                                                "label": "Chatham Is. (10:45 PM)",
                                                                 "value": "Pacific/Chatham",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Nuku'alofa (9:00 PM)",
+                                                                "label": "Nuku'alofa (11:00 PM)",
                                                                 "value": "Pacific/Tongatapu",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Tokelau Is. (9:00 PM)",
+                                                                "label": "Tokelau Is. (11:00 PM)",
                                                                 "value": "Pacific/Fakaofo",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Samoa (9:00 PM)",
+                                                                "label": "Samoa (11:00 PM)",
                                                                 "value": "Pacific/Apia",
                                                               },
                                                             ]
@@ -245145,762 +246079,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                                 },
                                                                 Object {
                                                                   "index": -3,
-                                                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                                   "value": "America/New_York",
                                                                 },
                                                                 Object {
                                                                   "index": -2,
-                                                                  "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                  "label": "Central Time (US & Canada) (5:00 AM)",
                                                                   "value": "America/Chicago",
                                                                 },
                                                                 Object {
                                                                   "index": -1,
-                                                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                                   "value": "America/Denver",
                                                                 },
                                                                 Object {
                                                                   "index": -0,
-                                                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                                   "value": "America/Los_Angeles",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Indiana (East) (4:00 AM)",
+                                                                  "label": "Indiana (East) (6:00 AM)",
                                                                   "value": "America/Indiana/Indianapolis",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Puerto Rico (4:00 AM)",
+                                                                  "label": "Puerto Rico (6:00 AM)",
                                                                   "value": "America/Puerto_Rico",
                                                                 },
                                                                 Object {
                                                                   "index": 4.2,
-                                                                  "label": "Arizona (1:00 AM)",
+                                                                  "label": "Arizona (3:00 AM)",
                                                                   "value": "America/Phoenix",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Alaska (12:00 AM)",
+                                                                  "label": "Alaska (2:00 AM)",
                                                                   "value": "America/Juneau",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Philippine Standard Time (4:00 PM)",
+                                                                  "label": "Philippine Standard Time (6:00 PM)",
                                                                   "value": "Asia/Manila",
                                                                 },
                                                                 Object {
                                                                   "index": 6,
-                                                                  "label": "Hawaii (10:00 PM)",
+                                                                  "label": "Hawaii (12:00 AM)",
                                                                   "value": "Pacific/Honolulu",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Azores (8:00 AM)",
+                                                                  "label": "Azores (10:00 AM)",
                                                                   "value": "Atlantic/Azores",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Monrovia (8:00 AM)",
+                                                                  "label": "Monrovia (10:00 AM)",
                                                                   "value": "Africa/Monrovia",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "UTC (8:00 AM)",
+                                                                  "label": "UTC (10:00 AM)",
                                                                   "value": "Etc/UTC",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Cape Verde Is. (7:00 AM)",
+                                                                  "label": "Cape Verde Is. (9:00 AM)",
                                                                   "value": "Atlantic/Cape_Verde",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Dublin (9:00 AM)",
+                                                                  "label": "Dublin (11:00 AM)",
                                                                   "value": "Europe/Dublin",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Edinburgh (9:00 AM)",
+                                                                  "label": "Edinburgh (11:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Lisbon (9:00 AM)",
+                                                                  "label": "Lisbon (11:00 AM)",
                                                                   "value": "Europe/Lisbon",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "London (9:00 AM)",
+                                                                  "label": "London (11:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Casablanca (9:00 AM)",
+                                                                  "label": "Casablanca (11:00 AM)",
                                                                   "value": "Africa/Casablanca",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "West Central Africa (9:00 AM)",
+                                                                  "label": "West Central Africa (11:00 AM)",
                                                                   "value": "Africa/Algiers",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Greenland (6:00 AM)",
+                                                                  "label": "Greenland (8:00 AM)",
                                                                   "value": "America/Godthab",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Mid-Atlantic (6:00 AM)",
+                                                                  "label": "Mid-Atlantic (8:00 AM)",
                                                                   "value": "Atlantic/South_Georgia",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Belgrade (10:00 AM)",
+                                                                  "label": "Belgrade (12:00 PM)",
                                                                   "value": "Europe/Belgrade",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bratislava (10:00 AM)",
+                                                                  "label": "Bratislava (12:00 PM)",
                                                                   "value": "Europe/Bratislava",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Budapest (10:00 AM)",
+                                                                  "label": "Budapest (12:00 PM)",
                                                                   "value": "Europe/Budapest",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Ljubljana (10:00 AM)",
+                                                                  "label": "Ljubljana (12:00 PM)",
                                                                   "value": "Europe/Ljubljana",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Prague (10:00 AM)",
+                                                                  "label": "Prague (12:00 PM)",
                                                                   "value": "Europe/Prague",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Sarajevo (10:00 AM)",
+                                                                  "label": "Sarajevo (12:00 PM)",
                                                                   "value": "Europe/Sarajevo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Skopje (10:00 AM)",
+                                                                  "label": "Skopje (12:00 PM)",
                                                                   "value": "Europe/Skopje",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Warsaw (10:00 AM)",
+                                                                  "label": "Warsaw (12:00 PM)",
                                                                   "value": "Europe/Warsaw",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zagreb (10:00 AM)",
+                                                                  "label": "Zagreb (12:00 PM)",
                                                                   "value": "Europe/Zagreb",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Brussels (10:00 AM)",
+                                                                  "label": "Brussels (12:00 PM)",
                                                                   "value": "Europe/Brussels",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Copenhagen (10:00 AM)",
+                                                                  "label": "Copenhagen (12:00 PM)",
                                                                   "value": "Europe/Copenhagen",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Madrid (10:00 AM)",
+                                                                  "label": "Madrid (12:00 PM)",
                                                                   "value": "Europe/Madrid",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Paris (10:00 AM)",
+                                                                  "label": "Paris (12:00 PM)",
                                                                   "value": "Europe/Paris",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Amsterdam (10:00 AM)",
+                                                                  "label": "Amsterdam (12:00 PM)",
                                                                   "value": "Europe/Amsterdam",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Berlin (10:00 AM)",
+                                                                  "label": "Berlin (12:00 PM)",
                                                                   "value": "Europe/Berlin",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bern (10:00 AM)",
+                                                                  "label": "Bern (12:00 PM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zurich (10:00 AM)",
+                                                                  "label": "Zurich (12:00 PM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Rome (10:00 AM)",
+                                                                  "label": "Rome (12:00 PM)",
                                                                   "value": "Europe/Rome",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Stockholm (10:00 AM)",
+                                                                  "label": "Stockholm (12:00 PM)",
                                                                   "value": "Europe/Stockholm",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Vienna (10:00 AM)",
+                                                                  "label": "Vienna (12:00 PM)",
                                                                   "value": "Europe/Vienna",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Cairo (10:00 AM)",
+                                                                  "label": "Cairo (12:00 PM)",
                                                                   "value": "Africa/Cairo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Harare (10:00 AM)",
+                                                                  "label": "Harare (12:00 PM)",
                                                                   "value": "Africa/Harare",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Pretoria (10:00 AM)",
+                                                                  "label": "Pretoria (12:00 PM)",
                                                                   "value": "Africa/Johannesburg",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Kaliningrad (10:00 AM)",
+                                                                  "label": "Kaliningrad (12:00 PM)",
                                                                   "value": "Europe/Kaliningrad",
                                                                 },
                                                                 Object {
                                                                   "index": 250,
-                                                                  "label": "Newfoundland (5:30 AM)",
+                                                                  "label": "Newfoundland (7:30 AM)",
                                                                   "value": "America/St_Johns",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                  "label": "Atlantic Time (Canada) (7:00 AM)",
                                                                   "value": "America/Halifax",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Brasilia (5:00 AM)",
+                                                                  "label": "Brasilia (7:00 AM)",
                                                                   "value": "America/Sao_Paulo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Buenos Aires (5:00 AM)",
+                                                                  "label": "Buenos Aires (7:00 AM)",
                                                                   "value": "America/Argentina/Buenos_Aires",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Montevideo (5:00 AM)",
+                                                                  "label": "Montevideo (7:00 AM)",
                                                                   "value": "America/Montevideo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Bucharest (11:00 AM)",
+                                                                  "label": "Bucharest (1:00 PM)",
                                                                   "value": "Europe/Bucharest",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Helsinki (11:00 AM)",
+                                                                  "label": "Helsinki (1:00 PM)",
                                                                   "value": "Europe/Helsinki",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kyiv (11:00 AM)",
+                                                                  "label": "Kyiv (1:00 PM)",
                                                                   "value": "Europe/Kiev",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riga (11:00 AM)",
+                                                                  "label": "Riga (1:00 PM)",
                                                                   "value": "Europe/Riga",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Sofia (11:00 AM)",
+                                                                  "label": "Sofia (1:00 PM)",
                                                                   "value": "Europe/Sofia",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Tallinn (11:00 AM)",
+                                                                  "label": "Tallinn (1:00 PM)",
                                                                   "value": "Europe/Tallinn",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Vilnius (11:00 AM)",
+                                                                  "label": "Vilnius (1:00 PM)",
                                                                   "value": "Europe/Vilnius",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Athens (11:00 AM)",
+                                                                  "label": "Athens (1:00 PM)",
                                                                   "value": "Europe/Athens",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Istanbul (11:00 AM)",
+                                                                  "label": "Istanbul (1:00 PM)",
                                                                   "value": "Europe/Istanbul",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Minsk (11:00 AM)",
+                                                                  "label": "Minsk (1:00 PM)",
                                                                   "value": "Europe/Minsk",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Jerusalem (11:00 AM)",
+                                                                  "label": "Jerusalem (1:00 PM)",
                                                                   "value": "Asia/Jerusalem",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Moscow (11:00 AM)",
+                                                                  "label": "Moscow (1:00 PM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "St. Petersburg (11:00 AM)",
+                                                                  "label": "St. Petersburg (1:00 PM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kuwait (11:00 AM)",
+                                                                  "label": "Kuwait (1:00 PM)",
                                                                   "value": "Asia/Kuwait",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riyadh (11:00 AM)",
+                                                                  "label": "Riyadh (1:00 PM)",
                                                                   "value": "Asia/Riyadh",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Nairobi (11:00 AM)",
+                                                                  "label": "Nairobi (1:00 PM)",
                                                                   "value": "Africa/Nairobi",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Baghdad (11:00 AM)",
+                                                                  "label": "Baghdad (1:00 PM)",
                                                                   "value": "Asia/Baghdad",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Caracas (4:00 AM)",
+                                                                  "label": "Caracas (6:00 AM)",
                                                                   "value": "America/Caracas",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "La Paz (4:00 AM)",
+                                                                  "label": "La Paz (6:00 AM)",
                                                                   "value": "America/La_Paz",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Santiago (4:00 AM)",
+                                                                  "label": "Santiago (6:00 AM)",
                                                                   "value": "America/Santiago",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Georgetown (4:00 AM)",
+                                                                  "label": "Georgetown (6:00 AM)",
                                                                   "value": "America/Guyana",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Volgograd (12:00 PM)",
+                                                                  "label": "Volgograd (2:00 PM)",
                                                                   "value": "Europe/Volgograd",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Samara (12:00 PM)",
+                                                                  "label": "Samara (2:00 PM)",
                                                                   "value": "Europe/Samara",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Abu Dhabi (12:00 PM)",
+                                                                  "label": "Abu Dhabi (2:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Muscat (12:00 PM)",
+                                                                  "label": "Muscat (2:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Baku (12:00 PM)",
+                                                                  "label": "Baku (2:00 PM)",
                                                                   "value": "Asia/Baku",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Tbilisi (12:00 PM)",
+                                                                  "label": "Tbilisi (2:00 PM)",
                                                                   "value": "Asia/Tbilisi",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Yerevan (12:00 PM)",
+                                                                  "label": "Yerevan (2:00 PM)",
                                                                   "value": "Asia/Yerevan",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Tehran (12:30 PM)",
+                                                                  "label": "Tehran (2:30 PM)",
                                                                   "value": "Asia/Tehran",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Kabul (12:30 PM)",
+                                                                  "label": "Kabul (2:30 PM)",
                                                                   "value": "Asia/Kabul",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Guadalajara (3:00 AM)",
+                                                                  "label": "Guadalajara (5:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Mexico City (3:00 AM)",
+                                                                  "label": "Mexico City (5:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Monterrey (3:00 AM)",
+                                                                  "label": "Monterrey (5:00 AM)",
                                                                   "value": "America/Monterrey",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Bogota (3:00 AM)",
+                                                                  "label": "Bogota (5:00 AM)",
                                                                   "value": "America/Bogota",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Lima (3:00 AM)",
+                                                                  "label": "Lima (5:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Quito (3:00 AM)",
+                                                                  "label": "Quito (5:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Ekaterinburg (1:00 PM)",
+                                                                  "label": "Ekaterinburg (3:00 PM)",
                                                                   "value": "Asia/Yekaterinburg",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Islamabad (1:00 PM)",
+                                                                  "label": "Islamabad (3:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Karachi (1:00 PM)",
+                                                                  "label": "Karachi (3:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Tashkent (1:00 PM)",
+                                                                  "label": "Tashkent (3:00 PM)",
                                                                   "value": "Asia/Tashkent",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Chennai (1:30 PM)",
+                                                                  "label": "Chennai (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Kolkata (1:30 PM)",
+                                                                  "label": "Kolkata (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Mumbai (1:30 PM)",
+                                                                  "label": "Mumbai (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "New Delhi (1:30 PM)",
+                                                                  "label": "New Delhi (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                  "label": "Sri Jayawardenepura (3:30 PM)",
                                                                   "value": "Asia/Colombo",
                                                                 },
                                                                 Object {
                                                                   "index": 445,
-                                                                  "label": "Kathmandu (1:45 PM)",
+                                                                  "label": "Kathmandu (3:45 PM)",
                                                                   "value": "Asia/Kathmandu",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Chihuahua (2:00 AM)",
+                                                                  "label": "Chihuahua (4:00 AM)",
                                                                   "value": "America/Chihuahua",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Mazatlan (2:00 AM)",
+                                                                  "label": "Mazatlan (4:00 AM)",
                                                                   "value": "America/Mazatlan",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Saskatchewan (2:00 AM)",
+                                                                  "label": "Saskatchewan (4:00 AM)",
                                                                   "value": "America/Regina",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Central America (2:00 AM)",
+                                                                  "label": "Central America (4:00 AM)",
                                                                   "value": "America/Guatemala",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Astana (2:00 PM)",
+                                                                  "label": "Astana (4:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Dhaka (2:00 PM)",
+                                                                  "label": "Dhaka (4:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Almaty (2:00 PM)",
+                                                                  "label": "Almaty (4:00 PM)",
                                                                   "value": "Asia/Almaty",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Urumqi (2:00 PM)",
+                                                                  "label": "Urumqi (4:00 PM)",
                                                                   "value": "Asia/Urumqi",
                                                                 },
                                                                 Object {
                                                                   "index": 490,
-                                                                  "label": "Rangoon (2:30 PM)",
+                                                                  "label": "Rangoon (4:30 PM)",
                                                                   "value": "Asia/Rangoon",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Tijuana (1:00 AM)",
+                                                                  "label": "Tijuana (3:00 AM)",
                                                                   "value": "America/Tijuana",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Novosibirsk (3:00 PM)",
+                                                                  "label": "Novosibirsk (5:00 PM)",
                                                                   "value": "Asia/Novosibirsk",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Bangkok (3:00 PM)",
+                                                                  "label": "Bangkok (5:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Hanoi (3:00 PM)",
+                                                                  "label": "Hanoi (5:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Jakarta (3:00 PM)",
+                                                                  "label": "Jakarta (5:00 PM)",
                                                                   "value": "Asia/Jakarta",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Krasnoyarsk (3:00 PM)",
+                                                                  "label": "Krasnoyarsk (5:00 PM)",
                                                                   "value": "Asia/Krasnoyarsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Beijing (4:00 PM)",
+                                                                  "label": "Beijing (6:00 PM)",
                                                                   "value": "Asia/Shanghai",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Chongqing (4:00 PM)",
+                                                                  "label": "Chongqing (6:00 PM)",
                                                                   "value": "Asia/Chongqing",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Hong Kong (4:00 PM)",
+                                                                  "label": "Hong Kong (6:00 PM)",
                                                                   "value": "Asia/Hong_Kong",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Kuala Lumpur (4:00 PM)",
+                                                                  "label": "Kuala Lumpur (6:00 PM)",
                                                                   "value": "Asia/Kuala_Lumpur",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Singapore (4:00 PM)",
+                                                                  "label": "Singapore (6:00 PM)",
                                                                   "value": "Asia/Singapore",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Taipei (4:00 PM)",
+                                                                  "label": "Taipei (6:00 PM)",
                                                                   "value": "Asia/Taipei",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Perth (4:00 PM)",
+                                                                  "label": "Perth (6:00 PM)",
                                                                   "value": "Australia/Perth",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Irkutsk (4:00 PM)",
+                                                                  "label": "Irkutsk (6:00 PM)",
                                                                   "value": "Asia/Irkutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Ulaanbaatar (4:00 PM)",
+                                                                  "label": "Ulaanbaatar (6:00 PM)",
                                                                   "value": "Asia/Ulaanbaatar",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Seoul (5:00 PM)",
+                                                                  "label": "Seoul (7:00 PM)",
                                                                   "value": "Asia/Seoul",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Osaka (5:00 PM)",
+                                                                  "label": "Osaka (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Sapporo (5:00 PM)",
+                                                                  "label": "Sapporo (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Tokyo (5:00 PM)",
+                                                                  "label": "Tokyo (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Yakutsk (5:00 PM)",
+                                                                  "label": "Yakutsk (7:00 PM)",
                                                                   "value": "Asia/Yakutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Darwin (5:30 PM)",
+                                                                  "label": "Darwin (7:30 PM)",
                                                                   "value": "Australia/Darwin",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Adelaide (5:30 PM)",
+                                                                  "label": "Adelaide (7:30 PM)",
                                                                   "value": "Australia/Adelaide",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Canberra (6:00 PM)",
+                                                                  "label": "Canberra (8:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Melbourne (6:00 PM)",
+                                                                  "label": "Melbourne (8:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Sydney (6:00 PM)",
+                                                                  "label": "Sydney (8:00 PM)",
                                                                   "value": "Australia/Sydney",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Brisbane (6:00 PM)",
+                                                                  "label": "Brisbane (8:00 PM)",
                                                                   "value": "Australia/Brisbane",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Hobart (6:00 PM)",
+                                                                  "label": "Hobart (8:00 PM)",
                                                                   "value": "Australia/Hobart",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Vladivostok (6:00 PM)",
+                                                                  "label": "Vladivostok (8:00 PM)",
                                                                   "value": "Asia/Vladivostok",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Guam (6:00 PM)",
+                                                                  "label": "Guam (8:00 PM)",
                                                                   "value": "Pacific/Guam",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Port Moresby (6:00 PM)",
+                                                                  "label": "Port Moresby (8:00 PM)",
                                                                   "value": "Pacific/Port_Moresby",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Midway Island (9:00 PM)",
+                                                                  "label": "Midway Island (11:00 PM)",
                                                                   "value": "Pacific/Midway",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "American Samoa (9:00 PM)",
+                                                                  "label": "American Samoa (11:00 PM)",
                                                                   "value": "Pacific/Pago_Pago",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Magadan (7:00 PM)",
+                                                                  "label": "Magadan (9:00 PM)",
                                                                   "value": "Asia/Magadan",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Srednekolymsk (7:00 PM)",
+                                                                  "label": "Srednekolymsk (9:00 PM)",
                                                                   "value": "Asia/Srednekolymsk",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Solomon Is. (7:00 PM)",
+                                                                  "label": "Solomon Is. (9:00 PM)",
                                                                   "value": "Pacific/Guadalcanal",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "New Caledonia (7:00 PM)",
+                                                                  "label": "New Caledonia (9:00 PM)",
                                                                   "value": "Pacific/Noumea",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "International Date Line West (8:00 PM)",
+                                                                  "label": "International Date Line West (10:00 PM)",
                                                                   "value": "Etc/GMT+12",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Fiji (8:00 PM)",
+                                                                  "label": "Fiji (10:00 PM)",
                                                                   "value": "Pacific/Fiji",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Kamchatka (8:00 PM)",
+                                                                  "label": "Kamchatka (10:00 PM)",
                                                                   "value": "Asia/Kamchatka",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Marshall Is. (8:00 PM)",
+                                                                  "label": "Marshall Is. (10:00 PM)",
                                                                   "value": "Pacific/Majuro",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Auckland (8:00 PM)",
+                                                                  "label": "Auckland (10:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Wellington (8:00 PM)",
+                                                                  "label": "Wellington (10:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 865,
-                                                                  "label": "Chatham Is. (8:45 PM)",
+                                                                  "label": "Chatham Is. (10:45 PM)",
                                                                   "value": "Pacific/Chatham",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Nuku'alofa (9:00 PM)",
+                                                                  "label": "Nuku'alofa (11:00 PM)",
                                                                   "value": "Pacific/Tongatapu",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Tokelau Is. (9:00 PM)",
+                                                                  "label": "Tokelau Is. (11:00 PM)",
                                                                   "value": "Pacific/Fakaofo",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Samoa (9:00 PM)",
+                                                                  "label": "Samoa (11:00 PM)",
                                                                   "value": "Pacific/Apia",
                                                                 },
                                                               ],
@@ -245914,7 +246848,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                               },
                                                               "tabIndex": "0",
                                                               "tabSelectsValue": true,
-                                                              "value": null,
+                                                              "value": Object {
+                                                                "index": -0,
+                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                                "value": "America/Los_Angeles",
+                                                              },
                                                             }
                                                           }
                                                           setValue={[Function]}
@@ -245949,29 +246887,33 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                           }
                                                         >
                                                           <EmotionCssPropInternal
-                                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Placeholder"
+                                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SingleValue"
                                                             __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                            className="cf-select__placeholder"
+                                                            className="cf-select__single-value"
                                                             css={
                                                               Object {
                                                                 "boxSizing": "border-box",
-                                                                "color": "hsl(0, 0%, 50%)",
-                                                                "label": "placeholder",
+                                                                "color": "hsl(0, 0%, 20%)",
+                                                                "label": "singleValue",
                                                                 "marginLeft": 2,
                                                                 "marginRight": 2,
+                                                                "maxWidth": "calc(100% - 8px)",
+                                                                "overflow": "hidden",
                                                                 "position": "absolute",
+                                                                "textOverflow": "ellipsis",
                                                                 "top": "50%",
                                                                 "transform": "translateY(-50%)",
+                                                                "whiteSpace": "nowrap",
                                                               }
                                                             }
                                                           >
                                                             <div
-                                                              className="cf-select__placeholder css-1wa3eu0-placeholder"
+                                                              className="cf-select__single-value css-1uccc91-singleValue"
                                                             >
-                                                              Select a timezone
+                                                              Pacific Time (US & Canada) (3:00 AM)
                                                             </div>
                                                           </EmotionCssPropInternal>
-                                                        </Placeholder>
+                                                        </SingleValue>
                                                         <CustomInput
                                                           aria-autocomplete="list"
                                                           autoCapitalize="none"
@@ -246041,762 +246983,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                                 },
                                                                 Object {
                                                                   "index": -3,
-                                                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                                   "value": "America/New_York",
                                                                 },
                                                                 Object {
                                                                   "index": -2,
-                                                                  "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                  "label": "Central Time (US & Canada) (5:00 AM)",
                                                                   "value": "America/Chicago",
                                                                 },
                                                                 Object {
                                                                   "index": -1,
-                                                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                                   "value": "America/Denver",
                                                                 },
                                                                 Object {
                                                                   "index": -0,
-                                                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                                   "value": "America/Los_Angeles",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Indiana (East) (4:00 AM)",
+                                                                  "label": "Indiana (East) (6:00 AM)",
                                                                   "value": "America/Indiana/Indianapolis",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Puerto Rico (4:00 AM)",
+                                                                  "label": "Puerto Rico (6:00 AM)",
                                                                   "value": "America/Puerto_Rico",
                                                                 },
                                                                 Object {
                                                                   "index": 4.2,
-                                                                  "label": "Arizona (1:00 AM)",
+                                                                  "label": "Arizona (3:00 AM)",
                                                                   "value": "America/Phoenix",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Alaska (12:00 AM)",
+                                                                  "label": "Alaska (2:00 AM)",
                                                                   "value": "America/Juneau",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Philippine Standard Time (4:00 PM)",
+                                                                  "label": "Philippine Standard Time (6:00 PM)",
                                                                   "value": "Asia/Manila",
                                                                 },
                                                                 Object {
                                                                   "index": 6,
-                                                                  "label": "Hawaii (10:00 PM)",
+                                                                  "label": "Hawaii (12:00 AM)",
                                                                   "value": "Pacific/Honolulu",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Azores (8:00 AM)",
+                                                                  "label": "Azores (10:00 AM)",
                                                                   "value": "Atlantic/Azores",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Monrovia (8:00 AM)",
+                                                                  "label": "Monrovia (10:00 AM)",
                                                                   "value": "Africa/Monrovia",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "UTC (8:00 AM)",
+                                                                  "label": "UTC (10:00 AM)",
                                                                   "value": "Etc/UTC",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Cape Verde Is. (7:00 AM)",
+                                                                  "label": "Cape Verde Is. (9:00 AM)",
                                                                   "value": "Atlantic/Cape_Verde",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Dublin (9:00 AM)",
+                                                                  "label": "Dublin (11:00 AM)",
                                                                   "value": "Europe/Dublin",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Edinburgh (9:00 AM)",
+                                                                  "label": "Edinburgh (11:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Lisbon (9:00 AM)",
+                                                                  "label": "Lisbon (11:00 AM)",
                                                                   "value": "Europe/Lisbon",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "London (9:00 AM)",
+                                                                  "label": "London (11:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Casablanca (9:00 AM)",
+                                                                  "label": "Casablanca (11:00 AM)",
                                                                   "value": "Africa/Casablanca",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "West Central Africa (9:00 AM)",
+                                                                  "label": "West Central Africa (11:00 AM)",
                                                                   "value": "Africa/Algiers",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Greenland (6:00 AM)",
+                                                                  "label": "Greenland (8:00 AM)",
                                                                   "value": "America/Godthab",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Mid-Atlantic (6:00 AM)",
+                                                                  "label": "Mid-Atlantic (8:00 AM)",
                                                                   "value": "Atlantic/South_Georgia",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Belgrade (10:00 AM)",
+                                                                  "label": "Belgrade (12:00 PM)",
                                                                   "value": "Europe/Belgrade",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bratislava (10:00 AM)",
+                                                                  "label": "Bratislava (12:00 PM)",
                                                                   "value": "Europe/Bratislava",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Budapest (10:00 AM)",
+                                                                  "label": "Budapest (12:00 PM)",
                                                                   "value": "Europe/Budapest",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Ljubljana (10:00 AM)",
+                                                                  "label": "Ljubljana (12:00 PM)",
                                                                   "value": "Europe/Ljubljana",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Prague (10:00 AM)",
+                                                                  "label": "Prague (12:00 PM)",
                                                                   "value": "Europe/Prague",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Sarajevo (10:00 AM)",
+                                                                  "label": "Sarajevo (12:00 PM)",
                                                                   "value": "Europe/Sarajevo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Skopje (10:00 AM)",
+                                                                  "label": "Skopje (12:00 PM)",
                                                                   "value": "Europe/Skopje",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Warsaw (10:00 AM)",
+                                                                  "label": "Warsaw (12:00 PM)",
                                                                   "value": "Europe/Warsaw",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zagreb (10:00 AM)",
+                                                                  "label": "Zagreb (12:00 PM)",
                                                                   "value": "Europe/Zagreb",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Brussels (10:00 AM)",
+                                                                  "label": "Brussels (12:00 PM)",
                                                                   "value": "Europe/Brussels",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Copenhagen (10:00 AM)",
+                                                                  "label": "Copenhagen (12:00 PM)",
                                                                   "value": "Europe/Copenhagen",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Madrid (10:00 AM)",
+                                                                  "label": "Madrid (12:00 PM)",
                                                                   "value": "Europe/Madrid",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Paris (10:00 AM)",
+                                                                  "label": "Paris (12:00 PM)",
                                                                   "value": "Europe/Paris",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Amsterdam (10:00 AM)",
+                                                                  "label": "Amsterdam (12:00 PM)",
                                                                   "value": "Europe/Amsterdam",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Berlin (10:00 AM)",
+                                                                  "label": "Berlin (12:00 PM)",
                                                                   "value": "Europe/Berlin",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bern (10:00 AM)",
+                                                                  "label": "Bern (12:00 PM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zurich (10:00 AM)",
+                                                                  "label": "Zurich (12:00 PM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Rome (10:00 AM)",
+                                                                  "label": "Rome (12:00 PM)",
                                                                   "value": "Europe/Rome",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Stockholm (10:00 AM)",
+                                                                  "label": "Stockholm (12:00 PM)",
                                                                   "value": "Europe/Stockholm",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Vienna (10:00 AM)",
+                                                                  "label": "Vienna (12:00 PM)",
                                                                   "value": "Europe/Vienna",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Cairo (10:00 AM)",
+                                                                  "label": "Cairo (12:00 PM)",
                                                                   "value": "Africa/Cairo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Harare (10:00 AM)",
+                                                                  "label": "Harare (12:00 PM)",
                                                                   "value": "Africa/Harare",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Pretoria (10:00 AM)",
+                                                                  "label": "Pretoria (12:00 PM)",
                                                                   "value": "Africa/Johannesburg",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Kaliningrad (10:00 AM)",
+                                                                  "label": "Kaliningrad (12:00 PM)",
                                                                   "value": "Europe/Kaliningrad",
                                                                 },
                                                                 Object {
                                                                   "index": 250,
-                                                                  "label": "Newfoundland (5:30 AM)",
+                                                                  "label": "Newfoundland (7:30 AM)",
                                                                   "value": "America/St_Johns",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                  "label": "Atlantic Time (Canada) (7:00 AM)",
                                                                   "value": "America/Halifax",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Brasilia (5:00 AM)",
+                                                                  "label": "Brasilia (7:00 AM)",
                                                                   "value": "America/Sao_Paulo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Buenos Aires (5:00 AM)",
+                                                                  "label": "Buenos Aires (7:00 AM)",
                                                                   "value": "America/Argentina/Buenos_Aires",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Montevideo (5:00 AM)",
+                                                                  "label": "Montevideo (7:00 AM)",
                                                                   "value": "America/Montevideo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Bucharest (11:00 AM)",
+                                                                  "label": "Bucharest (1:00 PM)",
                                                                   "value": "Europe/Bucharest",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Helsinki (11:00 AM)",
+                                                                  "label": "Helsinki (1:00 PM)",
                                                                   "value": "Europe/Helsinki",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kyiv (11:00 AM)",
+                                                                  "label": "Kyiv (1:00 PM)",
                                                                   "value": "Europe/Kiev",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riga (11:00 AM)",
+                                                                  "label": "Riga (1:00 PM)",
                                                                   "value": "Europe/Riga",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Sofia (11:00 AM)",
+                                                                  "label": "Sofia (1:00 PM)",
                                                                   "value": "Europe/Sofia",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Tallinn (11:00 AM)",
+                                                                  "label": "Tallinn (1:00 PM)",
                                                                   "value": "Europe/Tallinn",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Vilnius (11:00 AM)",
+                                                                  "label": "Vilnius (1:00 PM)",
                                                                   "value": "Europe/Vilnius",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Athens (11:00 AM)",
+                                                                  "label": "Athens (1:00 PM)",
                                                                   "value": "Europe/Athens",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Istanbul (11:00 AM)",
+                                                                  "label": "Istanbul (1:00 PM)",
                                                                   "value": "Europe/Istanbul",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Minsk (11:00 AM)",
+                                                                  "label": "Minsk (1:00 PM)",
                                                                   "value": "Europe/Minsk",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Jerusalem (11:00 AM)",
+                                                                  "label": "Jerusalem (1:00 PM)",
                                                                   "value": "Asia/Jerusalem",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Moscow (11:00 AM)",
+                                                                  "label": "Moscow (1:00 PM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "St. Petersburg (11:00 AM)",
+                                                                  "label": "St. Petersburg (1:00 PM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kuwait (11:00 AM)",
+                                                                  "label": "Kuwait (1:00 PM)",
                                                                   "value": "Asia/Kuwait",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riyadh (11:00 AM)",
+                                                                  "label": "Riyadh (1:00 PM)",
                                                                   "value": "Asia/Riyadh",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Nairobi (11:00 AM)",
+                                                                  "label": "Nairobi (1:00 PM)",
                                                                   "value": "Africa/Nairobi",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Baghdad (11:00 AM)",
+                                                                  "label": "Baghdad (1:00 PM)",
                                                                   "value": "Asia/Baghdad",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Caracas (4:00 AM)",
+                                                                  "label": "Caracas (6:00 AM)",
                                                                   "value": "America/Caracas",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "La Paz (4:00 AM)",
+                                                                  "label": "La Paz (6:00 AM)",
                                                                   "value": "America/La_Paz",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Santiago (4:00 AM)",
+                                                                  "label": "Santiago (6:00 AM)",
                                                                   "value": "America/Santiago",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Georgetown (4:00 AM)",
+                                                                  "label": "Georgetown (6:00 AM)",
                                                                   "value": "America/Guyana",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Volgograd (12:00 PM)",
+                                                                  "label": "Volgograd (2:00 PM)",
                                                                   "value": "Europe/Volgograd",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Samara (12:00 PM)",
+                                                                  "label": "Samara (2:00 PM)",
                                                                   "value": "Europe/Samara",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Abu Dhabi (12:00 PM)",
+                                                                  "label": "Abu Dhabi (2:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Muscat (12:00 PM)",
+                                                                  "label": "Muscat (2:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Baku (12:00 PM)",
+                                                                  "label": "Baku (2:00 PM)",
                                                                   "value": "Asia/Baku",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Tbilisi (12:00 PM)",
+                                                                  "label": "Tbilisi (2:00 PM)",
                                                                   "value": "Asia/Tbilisi",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Yerevan (12:00 PM)",
+                                                                  "label": "Yerevan (2:00 PM)",
                                                                   "value": "Asia/Yerevan",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Tehran (12:30 PM)",
+                                                                  "label": "Tehran (2:30 PM)",
                                                                   "value": "Asia/Tehran",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Kabul (12:30 PM)",
+                                                                  "label": "Kabul (2:30 PM)",
                                                                   "value": "Asia/Kabul",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Guadalajara (3:00 AM)",
+                                                                  "label": "Guadalajara (5:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Mexico City (3:00 AM)",
+                                                                  "label": "Mexico City (5:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Monterrey (3:00 AM)",
+                                                                  "label": "Monterrey (5:00 AM)",
                                                                   "value": "America/Monterrey",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Bogota (3:00 AM)",
+                                                                  "label": "Bogota (5:00 AM)",
                                                                   "value": "America/Bogota",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Lima (3:00 AM)",
+                                                                  "label": "Lima (5:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Quito (3:00 AM)",
+                                                                  "label": "Quito (5:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Ekaterinburg (1:00 PM)",
+                                                                  "label": "Ekaterinburg (3:00 PM)",
                                                                   "value": "Asia/Yekaterinburg",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Islamabad (1:00 PM)",
+                                                                  "label": "Islamabad (3:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Karachi (1:00 PM)",
+                                                                  "label": "Karachi (3:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Tashkent (1:00 PM)",
+                                                                  "label": "Tashkent (3:00 PM)",
                                                                   "value": "Asia/Tashkent",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Chennai (1:30 PM)",
+                                                                  "label": "Chennai (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Kolkata (1:30 PM)",
+                                                                  "label": "Kolkata (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Mumbai (1:30 PM)",
+                                                                  "label": "Mumbai (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "New Delhi (1:30 PM)",
+                                                                  "label": "New Delhi (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                  "label": "Sri Jayawardenepura (3:30 PM)",
                                                                   "value": "Asia/Colombo",
                                                                 },
                                                                 Object {
                                                                   "index": 445,
-                                                                  "label": "Kathmandu (1:45 PM)",
+                                                                  "label": "Kathmandu (3:45 PM)",
                                                                   "value": "Asia/Kathmandu",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Chihuahua (2:00 AM)",
+                                                                  "label": "Chihuahua (4:00 AM)",
                                                                   "value": "America/Chihuahua",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Mazatlan (2:00 AM)",
+                                                                  "label": "Mazatlan (4:00 AM)",
                                                                   "value": "America/Mazatlan",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Saskatchewan (2:00 AM)",
+                                                                  "label": "Saskatchewan (4:00 AM)",
                                                                   "value": "America/Regina",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Central America (2:00 AM)",
+                                                                  "label": "Central America (4:00 AM)",
                                                                   "value": "America/Guatemala",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Astana (2:00 PM)",
+                                                                  "label": "Astana (4:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Dhaka (2:00 PM)",
+                                                                  "label": "Dhaka (4:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Almaty (2:00 PM)",
+                                                                  "label": "Almaty (4:00 PM)",
                                                                   "value": "Asia/Almaty",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Urumqi (2:00 PM)",
+                                                                  "label": "Urumqi (4:00 PM)",
                                                                   "value": "Asia/Urumqi",
                                                                 },
                                                                 Object {
                                                                   "index": 490,
-                                                                  "label": "Rangoon (2:30 PM)",
+                                                                  "label": "Rangoon (4:30 PM)",
                                                                   "value": "Asia/Rangoon",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Tijuana (1:00 AM)",
+                                                                  "label": "Tijuana (3:00 AM)",
                                                                   "value": "America/Tijuana",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Novosibirsk (3:00 PM)",
+                                                                  "label": "Novosibirsk (5:00 PM)",
                                                                   "value": "Asia/Novosibirsk",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Bangkok (3:00 PM)",
+                                                                  "label": "Bangkok (5:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Hanoi (3:00 PM)",
+                                                                  "label": "Hanoi (5:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Jakarta (3:00 PM)",
+                                                                  "label": "Jakarta (5:00 PM)",
                                                                   "value": "Asia/Jakarta",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Krasnoyarsk (3:00 PM)",
+                                                                  "label": "Krasnoyarsk (5:00 PM)",
                                                                   "value": "Asia/Krasnoyarsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Beijing (4:00 PM)",
+                                                                  "label": "Beijing (6:00 PM)",
                                                                   "value": "Asia/Shanghai",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Chongqing (4:00 PM)",
+                                                                  "label": "Chongqing (6:00 PM)",
                                                                   "value": "Asia/Chongqing",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Hong Kong (4:00 PM)",
+                                                                  "label": "Hong Kong (6:00 PM)",
                                                                   "value": "Asia/Hong_Kong",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Kuala Lumpur (4:00 PM)",
+                                                                  "label": "Kuala Lumpur (6:00 PM)",
                                                                   "value": "Asia/Kuala_Lumpur",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Singapore (4:00 PM)",
+                                                                  "label": "Singapore (6:00 PM)",
                                                                   "value": "Asia/Singapore",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Taipei (4:00 PM)",
+                                                                  "label": "Taipei (6:00 PM)",
                                                                   "value": "Asia/Taipei",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Perth (4:00 PM)",
+                                                                  "label": "Perth (6:00 PM)",
                                                                   "value": "Australia/Perth",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Irkutsk (4:00 PM)",
+                                                                  "label": "Irkutsk (6:00 PM)",
                                                                   "value": "Asia/Irkutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Ulaanbaatar (4:00 PM)",
+                                                                  "label": "Ulaanbaatar (6:00 PM)",
                                                                   "value": "Asia/Ulaanbaatar",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Seoul (5:00 PM)",
+                                                                  "label": "Seoul (7:00 PM)",
                                                                   "value": "Asia/Seoul",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Osaka (5:00 PM)",
+                                                                  "label": "Osaka (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Sapporo (5:00 PM)",
+                                                                  "label": "Sapporo (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Tokyo (5:00 PM)",
+                                                                  "label": "Tokyo (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Yakutsk (5:00 PM)",
+                                                                  "label": "Yakutsk (7:00 PM)",
                                                                   "value": "Asia/Yakutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Darwin (5:30 PM)",
+                                                                  "label": "Darwin (7:30 PM)",
                                                                   "value": "Australia/Darwin",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Adelaide (5:30 PM)",
+                                                                  "label": "Adelaide (7:30 PM)",
                                                                   "value": "Australia/Adelaide",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Canberra (6:00 PM)",
+                                                                  "label": "Canberra (8:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Melbourne (6:00 PM)",
+                                                                  "label": "Melbourne (8:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Sydney (6:00 PM)",
+                                                                  "label": "Sydney (8:00 PM)",
                                                                   "value": "Australia/Sydney",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Brisbane (6:00 PM)",
+                                                                  "label": "Brisbane (8:00 PM)",
                                                                   "value": "Australia/Brisbane",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Hobart (6:00 PM)",
+                                                                  "label": "Hobart (8:00 PM)",
                                                                   "value": "Australia/Hobart",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Vladivostok (6:00 PM)",
+                                                                  "label": "Vladivostok (8:00 PM)",
                                                                   "value": "Asia/Vladivostok",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Guam (6:00 PM)",
+                                                                  "label": "Guam (8:00 PM)",
                                                                   "value": "Pacific/Guam",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Port Moresby (6:00 PM)",
+                                                                  "label": "Port Moresby (8:00 PM)",
                                                                   "value": "Pacific/Port_Moresby",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Midway Island (9:00 PM)",
+                                                                  "label": "Midway Island (11:00 PM)",
                                                                   "value": "Pacific/Midway",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "American Samoa (9:00 PM)",
+                                                                  "label": "American Samoa (11:00 PM)",
                                                                   "value": "Pacific/Pago_Pago",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Magadan (7:00 PM)",
+                                                                  "label": "Magadan (9:00 PM)",
                                                                   "value": "Asia/Magadan",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Srednekolymsk (7:00 PM)",
+                                                                  "label": "Srednekolymsk (9:00 PM)",
                                                                   "value": "Asia/Srednekolymsk",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Solomon Is. (7:00 PM)",
+                                                                  "label": "Solomon Is. (9:00 PM)",
                                                                   "value": "Pacific/Guadalcanal",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "New Caledonia (7:00 PM)",
+                                                                  "label": "New Caledonia (9:00 PM)",
                                                                   "value": "Pacific/Noumea",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "International Date Line West (8:00 PM)",
+                                                                  "label": "International Date Line West (10:00 PM)",
                                                                   "value": "Etc/GMT+12",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Fiji (8:00 PM)",
+                                                                  "label": "Fiji (10:00 PM)",
                                                                   "value": "Pacific/Fiji",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Kamchatka (8:00 PM)",
+                                                                  "label": "Kamchatka (10:00 PM)",
                                                                   "value": "Asia/Kamchatka",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Marshall Is. (8:00 PM)",
+                                                                  "label": "Marshall Is. (10:00 PM)",
                                                                   "value": "Pacific/Majuro",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Auckland (8:00 PM)",
+                                                                  "label": "Auckland (10:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Wellington (8:00 PM)",
+                                                                  "label": "Wellington (10:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 865,
-                                                                  "label": "Chatham Is. (8:45 PM)",
+                                                                  "label": "Chatham Is. (10:45 PM)",
                                                                   "value": "Pacific/Chatham",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Nuku'alofa (9:00 PM)",
+                                                                  "label": "Nuku'alofa (11:00 PM)",
                                                                   "value": "Pacific/Tongatapu",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Tokelau Is. (9:00 PM)",
+                                                                  "label": "Tokelau Is. (11:00 PM)",
                                                                   "value": "Pacific/Fakaofo",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Samoa (9:00 PM)",
+                                                                  "label": "Samoa (11:00 PM)",
                                                                   "value": "Pacific/Apia",
                                                                 },
                                                               ],
@@ -246810,7 +247752,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                               },
                                                               "tabIndex": "0",
                                                               "tabSelectsValue": true,
-                                                              "value": null,
+                                                              "value": Object {
+                                                                "index": -0,
+                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                                "value": "America/Los_Angeles",
+                                                              },
                                                             }
                                                           }
                                                           spellCheck="false"
@@ -246921,762 +247867,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                                   },
                                                                   Object {
                                                                     "index": -3,
-                                                                    "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                    "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                                     "value": "America/New_York",
                                                                   },
                                                                   Object {
                                                                     "index": -2,
-                                                                    "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                    "label": "Central Time (US & Canada) (5:00 AM)",
                                                                     "value": "America/Chicago",
                                                                   },
                                                                   Object {
                                                                     "index": -1,
-                                                                    "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                    "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                                     "value": "America/Denver",
                                                                   },
                                                                   Object {
                                                                     "index": -0,
-                                                                    "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                    "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                                     "value": "America/Los_Angeles",
                                                                   },
                                                                   Object {
                                                                     "index": 2.4,
-                                                                    "label": "Indiana (East) (4:00 AM)",
+                                                                    "label": "Indiana (East) (6:00 AM)",
                                                                     "value": "America/Indiana/Indianapolis",
                                                                   },
                                                                   Object {
                                                                     "index": 2.4,
-                                                                    "label": "Puerto Rico (4:00 AM)",
+                                                                    "label": "Puerto Rico (6:00 AM)",
                                                                     "value": "America/Puerto_Rico",
                                                                   },
                                                                   Object {
                                                                     "index": 4.2,
-                                                                    "label": "Arizona (1:00 AM)",
+                                                                    "label": "Arizona (3:00 AM)",
                                                                     "value": "America/Phoenix",
                                                                   },
                                                                   Object {
                                                                     "index": 4.8,
-                                                                    "label": "Alaska (12:00 AM)",
+                                                                    "label": "Alaska (2:00 AM)",
                                                                     "value": "America/Juneau",
                                                                   },
                                                                   Object {
                                                                     "index": 4.8,
-                                                                    "label": "Philippine Standard Time (4:00 PM)",
+                                                                    "label": "Philippine Standard Time (6:00 PM)",
                                                                     "value": "Asia/Manila",
                                                                   },
                                                                   Object {
                                                                     "index": 6,
-                                                                    "label": "Hawaii (10:00 PM)",
+                                                                    "label": "Hawaii (12:00 AM)",
                                                                     "value": "Pacific/Honolulu",
                                                                   },
                                                                   Object {
                                                                     "index": 100,
-                                                                    "label": "Azores (8:00 AM)",
+                                                                    "label": "Azores (10:00 AM)",
                                                                     "value": "Atlantic/Azores",
                                                                   },
                                                                   Object {
                                                                     "index": 100,
-                                                                    "label": "Monrovia (8:00 AM)",
+                                                                    "label": "Monrovia (10:00 AM)",
                                                                     "value": "Africa/Monrovia",
                                                                   },
                                                                   Object {
                                                                     "index": 100,
-                                                                    "label": "UTC (8:00 AM)",
+                                                                    "label": "UTC (10:00 AM)",
                                                                     "value": "Etc/UTC",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "Cape Verde Is. (7:00 AM)",
+                                                                    "label": "Cape Verde Is. (9:00 AM)",
                                                                     "value": "Atlantic/Cape_Verde",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "Dublin (9:00 AM)",
+                                                                    "label": "Dublin (11:00 AM)",
                                                                     "value": "Europe/Dublin",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "Edinburgh (9:00 AM)",
+                                                                    "label": "Edinburgh (11:00 AM)",
                                                                     "value": "Europe/London",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "Lisbon (9:00 AM)",
+                                                                    "label": "Lisbon (11:00 AM)",
                                                                     "value": "Europe/Lisbon",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "London (9:00 AM)",
+                                                                    "label": "London (11:00 AM)",
                                                                     "value": "Europe/London",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "Casablanca (9:00 AM)",
+                                                                    "label": "Casablanca (11:00 AM)",
                                                                     "value": "Africa/Casablanca",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "West Central Africa (9:00 AM)",
+                                                                    "label": "West Central Africa (11:00 AM)",
                                                                     "value": "Africa/Algiers",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Greenland (6:00 AM)",
+                                                                    "label": "Greenland (8:00 AM)",
                                                                     "value": "America/Godthab",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Mid-Atlantic (6:00 AM)",
+                                                                    "label": "Mid-Atlantic (8:00 AM)",
                                                                     "value": "Atlantic/South_Georgia",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Belgrade (10:00 AM)",
+                                                                    "label": "Belgrade (12:00 PM)",
                                                                     "value": "Europe/Belgrade",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Bratislava (10:00 AM)",
+                                                                    "label": "Bratislava (12:00 PM)",
                                                                     "value": "Europe/Bratislava",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Budapest (10:00 AM)",
+                                                                    "label": "Budapest (12:00 PM)",
                                                                     "value": "Europe/Budapest",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Ljubljana (10:00 AM)",
+                                                                    "label": "Ljubljana (12:00 PM)",
                                                                     "value": "Europe/Ljubljana",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Prague (10:00 AM)",
+                                                                    "label": "Prague (12:00 PM)",
                                                                     "value": "Europe/Prague",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Sarajevo (10:00 AM)",
+                                                                    "label": "Sarajevo (12:00 PM)",
                                                                     "value": "Europe/Sarajevo",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Skopje (10:00 AM)",
+                                                                    "label": "Skopje (12:00 PM)",
                                                                     "value": "Europe/Skopje",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Warsaw (10:00 AM)",
+                                                                    "label": "Warsaw (12:00 PM)",
                                                                     "value": "Europe/Warsaw",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Zagreb (10:00 AM)",
+                                                                    "label": "Zagreb (12:00 PM)",
                                                                     "value": "Europe/Zagreb",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Brussels (10:00 AM)",
+                                                                    "label": "Brussels (12:00 PM)",
                                                                     "value": "Europe/Brussels",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Copenhagen (10:00 AM)",
+                                                                    "label": "Copenhagen (12:00 PM)",
                                                                     "value": "Europe/Copenhagen",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Madrid (10:00 AM)",
+                                                                    "label": "Madrid (12:00 PM)",
                                                                     "value": "Europe/Madrid",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Paris (10:00 AM)",
+                                                                    "label": "Paris (12:00 PM)",
                                                                     "value": "Europe/Paris",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Amsterdam (10:00 AM)",
+                                                                    "label": "Amsterdam (12:00 PM)",
                                                                     "value": "Europe/Amsterdam",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Berlin (10:00 AM)",
+                                                                    "label": "Berlin (12:00 PM)",
                                                                     "value": "Europe/Berlin",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Bern (10:00 AM)",
+                                                                    "label": "Bern (12:00 PM)",
                                                                     "value": "Europe/Zurich",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Zurich (10:00 AM)",
+                                                                    "label": "Zurich (12:00 PM)",
                                                                     "value": "Europe/Zurich",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Rome (10:00 AM)",
+                                                                    "label": "Rome (12:00 PM)",
                                                                     "value": "Europe/Rome",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Stockholm (10:00 AM)",
+                                                                    "label": "Stockholm (12:00 PM)",
                                                                     "value": "Europe/Stockholm",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Vienna (10:00 AM)",
+                                                                    "label": "Vienna (12:00 PM)",
                                                                     "value": "Europe/Vienna",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Cairo (10:00 AM)",
+                                                                    "label": "Cairo (12:00 PM)",
                                                                     "value": "Africa/Cairo",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Harare (10:00 AM)",
+                                                                    "label": "Harare (12:00 PM)",
                                                                     "value": "Africa/Harare",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Pretoria (10:00 AM)",
+                                                                    "label": "Pretoria (12:00 PM)",
                                                                     "value": "Africa/Johannesburg",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Kaliningrad (10:00 AM)",
+                                                                    "label": "Kaliningrad (12:00 PM)",
                                                                     "value": "Europe/Kaliningrad",
                                                                   },
                                                                   Object {
                                                                     "index": 250,
-                                                                    "label": "Newfoundland (5:30 AM)",
+                                                                    "label": "Newfoundland (7:30 AM)",
                                                                     "value": "America/St_Johns",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                    "label": "Atlantic Time (Canada) (7:00 AM)",
                                                                     "value": "America/Halifax",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Brasilia (5:00 AM)",
+                                                                    "label": "Brasilia (7:00 AM)",
                                                                     "value": "America/Sao_Paulo",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Buenos Aires (5:00 AM)",
+                                                                    "label": "Buenos Aires (7:00 AM)",
                                                                     "value": "America/Argentina/Buenos_Aires",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Montevideo (5:00 AM)",
+                                                                    "label": "Montevideo (7:00 AM)",
                                                                     "value": "America/Montevideo",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Bucharest (11:00 AM)",
+                                                                    "label": "Bucharest (1:00 PM)",
                                                                     "value": "Europe/Bucharest",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Helsinki (11:00 AM)",
+                                                                    "label": "Helsinki (1:00 PM)",
                                                                     "value": "Europe/Helsinki",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Kyiv (11:00 AM)",
+                                                                    "label": "Kyiv (1:00 PM)",
                                                                     "value": "Europe/Kiev",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Riga (11:00 AM)",
+                                                                    "label": "Riga (1:00 PM)",
                                                                     "value": "Europe/Riga",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Sofia (11:00 AM)",
+                                                                    "label": "Sofia (1:00 PM)",
                                                                     "value": "Europe/Sofia",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Tallinn (11:00 AM)",
+                                                                    "label": "Tallinn (1:00 PM)",
                                                                     "value": "Europe/Tallinn",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Vilnius (11:00 AM)",
+                                                                    "label": "Vilnius (1:00 PM)",
                                                                     "value": "Europe/Vilnius",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Athens (11:00 AM)",
+                                                                    "label": "Athens (1:00 PM)",
                                                                     "value": "Europe/Athens",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Istanbul (11:00 AM)",
+                                                                    "label": "Istanbul (1:00 PM)",
                                                                     "value": "Europe/Istanbul",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Minsk (11:00 AM)",
+                                                                    "label": "Minsk (1:00 PM)",
                                                                     "value": "Europe/Minsk",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Jerusalem (11:00 AM)",
+                                                                    "label": "Jerusalem (1:00 PM)",
                                                                     "value": "Asia/Jerusalem",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Moscow (11:00 AM)",
+                                                                    "label": "Moscow (1:00 PM)",
                                                                     "value": "Europe/Moscow",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "St. Petersburg (11:00 AM)",
+                                                                    "label": "St. Petersburg (1:00 PM)",
                                                                     "value": "Europe/Moscow",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Kuwait (11:00 AM)",
+                                                                    "label": "Kuwait (1:00 PM)",
                                                                     "value": "Asia/Kuwait",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Riyadh (11:00 AM)",
+                                                                    "label": "Riyadh (1:00 PM)",
                                                                     "value": "Asia/Riyadh",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Nairobi (11:00 AM)",
+                                                                    "label": "Nairobi (1:00 PM)",
                                                                     "value": "Africa/Nairobi",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Baghdad (11:00 AM)",
+                                                                    "label": "Baghdad (1:00 PM)",
                                                                     "value": "Asia/Baghdad",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Caracas (4:00 AM)",
+                                                                    "label": "Caracas (6:00 AM)",
                                                                     "value": "America/Caracas",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "La Paz (4:00 AM)",
+                                                                    "label": "La Paz (6:00 AM)",
                                                                     "value": "America/La_Paz",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Santiago (4:00 AM)",
+                                                                    "label": "Santiago (6:00 AM)",
                                                                     "value": "America/Santiago",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Georgetown (4:00 AM)",
+                                                                    "label": "Georgetown (6:00 AM)",
                                                                     "value": "America/Guyana",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Volgograd (12:00 PM)",
+                                                                    "label": "Volgograd (2:00 PM)",
                                                                     "value": "Europe/Volgograd",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Samara (12:00 PM)",
+                                                                    "label": "Samara (2:00 PM)",
                                                                     "value": "Europe/Samara",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Abu Dhabi (12:00 PM)",
+                                                                    "label": "Abu Dhabi (2:00 PM)",
                                                                     "value": "Asia/Muscat",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Muscat (12:00 PM)",
+                                                                    "label": "Muscat (2:00 PM)",
                                                                     "value": "Asia/Muscat",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Baku (12:00 PM)",
+                                                                    "label": "Baku (2:00 PM)",
                                                                     "value": "Asia/Baku",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Tbilisi (12:00 PM)",
+                                                                    "label": "Tbilisi (2:00 PM)",
                                                                     "value": "Asia/Tbilisi",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Yerevan (12:00 PM)",
+                                                                    "label": "Yerevan (2:00 PM)",
                                                                     "value": "Asia/Yerevan",
                                                                   },
                                                                   Object {
                                                                     "index": 370,
-                                                                    "label": "Tehran (12:30 PM)",
+                                                                    "label": "Tehran (2:30 PM)",
                                                                     "value": "Asia/Tehran",
                                                                   },
                                                                   Object {
                                                                     "index": 370,
-                                                                    "label": "Kabul (12:30 PM)",
+                                                                    "label": "Kabul (2:30 PM)",
                                                                     "value": "Asia/Kabul",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Guadalajara (3:00 AM)",
+                                                                    "label": "Guadalajara (5:00 AM)",
                                                                     "value": "America/Mexico_City",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Mexico City (3:00 AM)",
+                                                                    "label": "Mexico City (5:00 AM)",
                                                                     "value": "America/Mexico_City",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Monterrey (3:00 AM)",
+                                                                    "label": "Monterrey (5:00 AM)",
                                                                     "value": "America/Monterrey",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Bogota (3:00 AM)",
+                                                                    "label": "Bogota (5:00 AM)",
                                                                     "value": "America/Bogota",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Lima (3:00 AM)",
+                                                                    "label": "Lima (5:00 AM)",
                                                                     "value": "America/Lima",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Quito (3:00 AM)",
+                                                                    "label": "Quito (5:00 AM)",
                                                                     "value": "America/Lima",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Ekaterinburg (1:00 PM)",
+                                                                    "label": "Ekaterinburg (3:00 PM)",
                                                                     "value": "Asia/Yekaterinburg",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Islamabad (1:00 PM)",
+                                                                    "label": "Islamabad (3:00 PM)",
                                                                     "value": "Asia/Karachi",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Karachi (1:00 PM)",
+                                                                    "label": "Karachi (3:00 PM)",
                                                                     "value": "Asia/Karachi",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Tashkent (1:00 PM)",
+                                                                    "label": "Tashkent (3:00 PM)",
                                                                     "value": "Asia/Tashkent",
                                                                   },
                                                                   Object {
                                                                     "index": 430,
-                                                                    "label": "Chennai (1:30 PM)",
+                                                                    "label": "Chennai (3:30 PM)",
                                                                     "value": "Asia/Kolkata",
                                                                   },
                                                                   Object {
                                                                     "index": 430,
-                                                                    "label": "Kolkata (1:30 PM)",
+                                                                    "label": "Kolkata (3:30 PM)",
                                                                     "value": "Asia/Kolkata",
                                                                   },
                                                                   Object {
                                                                     "index": 430,
-                                                                    "label": "Mumbai (1:30 PM)",
+                                                                    "label": "Mumbai (3:30 PM)",
                                                                     "value": "Asia/Kolkata",
                                                                   },
                                                                   Object {
                                                                     "index": 430,
-                                                                    "label": "New Delhi (1:30 PM)",
+                                                                    "label": "New Delhi (3:30 PM)",
                                                                     "value": "Asia/Kolkata",
                                                                   },
                                                                   Object {
                                                                     "index": 430,
-                                                                    "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                    "label": "Sri Jayawardenepura (3:30 PM)",
                                                                     "value": "Asia/Colombo",
                                                                   },
                                                                   Object {
                                                                     "index": 445,
-                                                                    "label": "Kathmandu (1:45 PM)",
+                                                                    "label": "Kathmandu (3:45 PM)",
                                                                     "value": "Asia/Kathmandu",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Chihuahua (2:00 AM)",
+                                                                    "label": "Chihuahua (4:00 AM)",
                                                                     "value": "America/Chihuahua",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Mazatlan (2:00 AM)",
+                                                                    "label": "Mazatlan (4:00 AM)",
                                                                     "value": "America/Mazatlan",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Saskatchewan (2:00 AM)",
+                                                                    "label": "Saskatchewan (4:00 AM)",
                                                                     "value": "America/Regina",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Central America (2:00 AM)",
+                                                                    "label": "Central America (4:00 AM)",
                                                                     "value": "America/Guatemala",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Astana (2:00 PM)",
+                                                                    "label": "Astana (4:00 PM)",
                                                                     "value": "Asia/Dhaka",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Dhaka (2:00 PM)",
+                                                                    "label": "Dhaka (4:00 PM)",
                                                                     "value": "Asia/Dhaka",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Almaty (2:00 PM)",
+                                                                    "label": "Almaty (4:00 PM)",
                                                                     "value": "Asia/Almaty",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Urumqi (2:00 PM)",
+                                                                    "label": "Urumqi (4:00 PM)",
                                                                     "value": "Asia/Urumqi",
                                                                   },
                                                                   Object {
                                                                     "index": 490,
-                                                                    "label": "Rangoon (2:30 PM)",
+                                                                    "label": "Rangoon (4:30 PM)",
                                                                     "value": "Asia/Rangoon",
                                                                   },
                                                                   Object {
                                                                     "index": 520,
-                                                                    "label": "Tijuana (1:00 AM)",
+                                                                    "label": "Tijuana (3:00 AM)",
                                                                     "value": "America/Tijuana",
                                                                   },
                                                                   Object {
                                                                     "index": 520,
-                                                                    "label": "Novosibirsk (3:00 PM)",
+                                                                    "label": "Novosibirsk (5:00 PM)",
                                                                     "value": "Asia/Novosibirsk",
                                                                   },
                                                                   Object {
                                                                     "index": 520,
-                                                                    "label": "Bangkok (3:00 PM)",
+                                                                    "label": "Bangkok (5:00 PM)",
                                                                     "value": "Asia/Bangkok",
                                                                   },
                                                                   Object {
                                                                     "index": 520,
-                                                                    "label": "Hanoi (3:00 PM)",
+                                                                    "label": "Hanoi (5:00 PM)",
                                                                     "value": "Asia/Bangkok",
                                                                   },
                                                                   Object {
                                                                     "index": 520,
-                                                                    "label": "Jakarta (3:00 PM)",
+                                                                    "label": "Jakarta (5:00 PM)",
                                                                     "value": "Asia/Jakarta",
                                                                   },
                                                                   Object {
                                                                     "index": 520,
-                                                                    "label": "Krasnoyarsk (3:00 PM)",
+                                                                    "label": "Krasnoyarsk (5:00 PM)",
                                                                     "value": "Asia/Krasnoyarsk",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Beijing (4:00 PM)",
+                                                                    "label": "Beijing (6:00 PM)",
                                                                     "value": "Asia/Shanghai",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Chongqing (4:00 PM)",
+                                                                    "label": "Chongqing (6:00 PM)",
                                                                     "value": "Asia/Chongqing",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Hong Kong (4:00 PM)",
+                                                                    "label": "Hong Kong (6:00 PM)",
                                                                     "value": "Asia/Hong_Kong",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Kuala Lumpur (4:00 PM)",
+                                                                    "label": "Kuala Lumpur (6:00 PM)",
                                                                     "value": "Asia/Kuala_Lumpur",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Singapore (4:00 PM)",
+                                                                    "label": "Singapore (6:00 PM)",
                                                                     "value": "Asia/Singapore",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Taipei (4:00 PM)",
+                                                                    "label": "Taipei (6:00 PM)",
                                                                     "value": "Asia/Taipei",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Perth (4:00 PM)",
+                                                                    "label": "Perth (6:00 PM)",
                                                                     "value": "Australia/Perth",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Irkutsk (4:00 PM)",
+                                                                    "label": "Irkutsk (6:00 PM)",
                                                                     "value": "Asia/Irkutsk",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Ulaanbaatar (4:00 PM)",
+                                                                    "label": "Ulaanbaatar (6:00 PM)",
                                                                     "value": "Asia/Ulaanbaatar",
                                                                   },
                                                                   Object {
                                                                     "index": 640,
-                                                                    "label": "Seoul (5:00 PM)",
+                                                                    "label": "Seoul (7:00 PM)",
                                                                     "value": "Asia/Seoul",
                                                                   },
                                                                   Object {
                                                                     "index": 640,
-                                                                    "label": "Osaka (5:00 PM)",
+                                                                    "label": "Osaka (7:00 PM)",
                                                                     "value": "Asia/Tokyo",
                                                                   },
                                                                   Object {
                                                                     "index": 640,
-                                                                    "label": "Sapporo (5:00 PM)",
+                                                                    "label": "Sapporo (7:00 PM)",
                                                                     "value": "Asia/Tokyo",
                                                                   },
                                                                   Object {
                                                                     "index": 640,
-                                                                    "label": "Tokyo (5:00 PM)",
+                                                                    "label": "Tokyo (7:00 PM)",
                                                                     "value": "Asia/Tokyo",
                                                                   },
                                                                   Object {
                                                                     "index": 640,
-                                                                    "label": "Yakutsk (5:00 PM)",
+                                                                    "label": "Yakutsk (7:00 PM)",
                                                                     "value": "Asia/Yakutsk",
                                                                   },
                                                                   Object {
                                                                     "index": 670,
-                                                                    "label": "Darwin (5:30 PM)",
+                                                                    "label": "Darwin (7:30 PM)",
                                                                     "value": "Australia/Darwin",
                                                                   },
                                                                   Object {
                                                                     "index": 670,
-                                                                    "label": "Adelaide (5:30 PM)",
+                                                                    "label": "Adelaide (7:30 PM)",
                                                                     "value": "Australia/Adelaide",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Canberra (6:00 PM)",
+                                                                    "label": "Canberra (8:00 PM)",
                                                                     "value": "Australia/Melbourne",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Melbourne (6:00 PM)",
+                                                                    "label": "Melbourne (8:00 PM)",
                                                                     "value": "Australia/Melbourne",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Sydney (6:00 PM)",
+                                                                    "label": "Sydney (8:00 PM)",
                                                                     "value": "Australia/Sydney",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Brisbane (6:00 PM)",
+                                                                    "label": "Brisbane (8:00 PM)",
                                                                     "value": "Australia/Brisbane",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Hobart (6:00 PM)",
+                                                                    "label": "Hobart (8:00 PM)",
                                                                     "value": "Australia/Hobart",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Vladivostok (6:00 PM)",
+                                                                    "label": "Vladivostok (8:00 PM)",
                                                                     "value": "Asia/Vladivostok",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Guam (6:00 PM)",
+                                                                    "label": "Guam (8:00 PM)",
                                                                     "value": "Pacific/Guam",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Port Moresby (6:00 PM)",
+                                                                    "label": "Port Moresby (8:00 PM)",
                                                                     "value": "Pacific/Port_Moresby",
                                                                   },
                                                                   Object {
                                                                     "index": 760,
-                                                                    "label": "Midway Island (9:00 PM)",
+                                                                    "label": "Midway Island (11:00 PM)",
                                                                     "value": "Pacific/Midway",
                                                                   },
                                                                   Object {
                                                                     "index": 760,
-                                                                    "label": "American Samoa (9:00 PM)",
+                                                                    "label": "American Samoa (11:00 PM)",
                                                                     "value": "Pacific/Pago_Pago",
                                                                   },
                                                                   Object {
                                                                     "index": 760,
-                                                                    "label": "Magadan (7:00 PM)",
+                                                                    "label": "Magadan (9:00 PM)",
                                                                     "value": "Asia/Magadan",
                                                                   },
                                                                   Object {
                                                                     "index": 760,
-                                                                    "label": "Srednekolymsk (7:00 PM)",
+                                                                    "label": "Srednekolymsk (9:00 PM)",
                                                                     "value": "Asia/Srednekolymsk",
                                                                   },
                                                                   Object {
                                                                     "index": 760,
-                                                                    "label": "Solomon Is. (7:00 PM)",
+                                                                    "label": "Solomon Is. (9:00 PM)",
                                                                     "value": "Pacific/Guadalcanal",
                                                                   },
                                                                   Object {
                                                                     "index": 760,
-                                                                    "label": "New Caledonia (7:00 PM)",
+                                                                    "label": "New Caledonia (9:00 PM)",
                                                                     "value": "Pacific/Noumea",
                                                                   },
                                                                   Object {
                                                                     "index": 820,
-                                                                    "label": "International Date Line West (8:00 PM)",
+                                                                    "label": "International Date Line West (10:00 PM)",
                                                                     "value": "Etc/GMT+12",
                                                                   },
                                                                   Object {
                                                                     "index": 820,
-                                                                    "label": "Fiji (8:00 PM)",
+                                                                    "label": "Fiji (10:00 PM)",
                                                                     "value": "Pacific/Fiji",
                                                                   },
                                                                   Object {
                                                                     "index": 820,
-                                                                    "label": "Kamchatka (8:00 PM)",
+                                                                    "label": "Kamchatka (10:00 PM)",
                                                                     "value": "Asia/Kamchatka",
                                                                   },
                                                                   Object {
                                                                     "index": 820,
-                                                                    "label": "Marshall Is. (8:00 PM)",
+                                                                    "label": "Marshall Is. (10:00 PM)",
                                                                     "value": "Pacific/Majuro",
                                                                   },
                                                                   Object {
                                                                     "index": 820,
-                                                                    "label": "Auckland (8:00 PM)",
+                                                                    "label": "Auckland (10:00 PM)",
                                                                     "value": "Pacific/Auckland",
                                                                   },
                                                                   Object {
                                                                     "index": 820,
-                                                                    "label": "Wellington (8:00 PM)",
+                                                                    "label": "Wellington (10:00 PM)",
                                                                     "value": "Pacific/Auckland",
                                                                   },
                                                                   Object {
                                                                     "index": 865,
-                                                                    "label": "Chatham Is. (8:45 PM)",
+                                                                    "label": "Chatham Is. (10:45 PM)",
                                                                     "value": "Pacific/Chatham",
                                                                   },
                                                                   Object {
                                                                     "index": 880,
-                                                                    "label": "Nuku'alofa (9:00 PM)",
+                                                                    "label": "Nuku'alofa (11:00 PM)",
                                                                     "value": "Pacific/Tongatapu",
                                                                   },
                                                                   Object {
                                                                     "index": 880,
-                                                                    "label": "Tokelau Is. (9:00 PM)",
+                                                                    "label": "Tokelau Is. (11:00 PM)",
                                                                     "value": "Pacific/Fakaofo",
                                                                   },
                                                                   Object {
                                                                     "index": 880,
-                                                                    "label": "Samoa (9:00 PM)",
+                                                                    "label": "Samoa (11:00 PM)",
                                                                     "value": "Pacific/Apia",
                                                                   },
                                                                 ],
@@ -247690,7 +248636,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                                 },
                                                                 "tabIndex": "0",
                                                                 "tabSelectsValue": true,
-                                                                "value": null,
+                                                                "value": Object {
+                                                                  "index": -0,
+                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                                  "value": "America/Los_Angeles",
+                                                                },
                                                               }
                                                             }
                                                             spellCheck="false"
@@ -247844,7 +248794,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                     cx={[Function]}
                                                     getStyles={[Function]}
                                                     getValue={[Function]}
-                                                    hasValue={false}
+                                                    hasValue={true}
                                                     isDisabled={false}
                                                     isMulti={false}
                                                     isRtl={false}
@@ -247856,762 +248806,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                         },
                                                         Object {
                                                           "index": -3,
-                                                          "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                          "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                           "value": "America/New_York",
                                                         },
                                                         Object {
                                                           "index": -2,
-                                                          "label": "Central Time (US & Canada) (3:00 AM)",
+                                                          "label": "Central Time (US & Canada) (5:00 AM)",
                                                           "value": "America/Chicago",
                                                         },
                                                         Object {
                                                           "index": -1,
-                                                          "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                          "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                           "value": "America/Denver",
                                                         },
                                                         Object {
                                                           "index": -0,
-                                                          "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                           "value": "America/Los_Angeles",
                                                         },
                                                         Object {
                                                           "index": 2.4,
-                                                          "label": "Indiana (East) (4:00 AM)",
+                                                          "label": "Indiana (East) (6:00 AM)",
                                                           "value": "America/Indiana/Indianapolis",
                                                         },
                                                         Object {
                                                           "index": 2.4,
-                                                          "label": "Puerto Rico (4:00 AM)",
+                                                          "label": "Puerto Rico (6:00 AM)",
                                                           "value": "America/Puerto_Rico",
                                                         },
                                                         Object {
                                                           "index": 4.2,
-                                                          "label": "Arizona (1:00 AM)",
+                                                          "label": "Arizona (3:00 AM)",
                                                           "value": "America/Phoenix",
                                                         },
                                                         Object {
                                                           "index": 4.8,
-                                                          "label": "Alaska (12:00 AM)",
+                                                          "label": "Alaska (2:00 AM)",
                                                           "value": "America/Juneau",
                                                         },
                                                         Object {
                                                           "index": 4.8,
-                                                          "label": "Philippine Standard Time (4:00 PM)",
+                                                          "label": "Philippine Standard Time (6:00 PM)",
                                                           "value": "Asia/Manila",
                                                         },
                                                         Object {
                                                           "index": 6,
-                                                          "label": "Hawaii (10:00 PM)",
+                                                          "label": "Hawaii (12:00 AM)",
                                                           "value": "Pacific/Honolulu",
                                                         },
                                                         Object {
                                                           "index": 100,
-                                                          "label": "Azores (8:00 AM)",
+                                                          "label": "Azores (10:00 AM)",
                                                           "value": "Atlantic/Azores",
                                                         },
                                                         Object {
                                                           "index": 100,
-                                                          "label": "Monrovia (8:00 AM)",
+                                                          "label": "Monrovia (10:00 AM)",
                                                           "value": "Africa/Monrovia",
                                                         },
                                                         Object {
                                                           "index": 100,
-                                                          "label": "UTC (8:00 AM)",
+                                                          "label": "UTC (10:00 AM)",
                                                           "value": "Etc/UTC",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Cape Verde Is. (7:00 AM)",
+                                                          "label": "Cape Verde Is. (9:00 AM)",
                                                           "value": "Atlantic/Cape_Verde",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Dublin (9:00 AM)",
+                                                          "label": "Dublin (11:00 AM)",
                                                           "value": "Europe/Dublin",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Edinburgh (9:00 AM)",
+                                                          "label": "Edinburgh (11:00 AM)",
                                                           "value": "Europe/London",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Lisbon (9:00 AM)",
+                                                          "label": "Lisbon (11:00 AM)",
                                                           "value": "Europe/Lisbon",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "London (9:00 AM)",
+                                                          "label": "London (11:00 AM)",
                                                           "value": "Europe/London",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Casablanca (9:00 AM)",
+                                                          "label": "Casablanca (11:00 AM)",
                                                           "value": "Africa/Casablanca",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "West Central Africa (9:00 AM)",
+                                                          "label": "West Central Africa (11:00 AM)",
                                                           "value": "Africa/Algiers",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Greenland (6:00 AM)",
+                                                          "label": "Greenland (8:00 AM)",
                                                           "value": "America/Godthab",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Mid-Atlantic (6:00 AM)",
+                                                          "label": "Mid-Atlantic (8:00 AM)",
                                                           "value": "Atlantic/South_Georgia",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Belgrade (10:00 AM)",
+                                                          "label": "Belgrade (12:00 PM)",
                                                           "value": "Europe/Belgrade",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Bratislava (10:00 AM)",
+                                                          "label": "Bratislava (12:00 PM)",
                                                           "value": "Europe/Bratislava",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Budapest (10:00 AM)",
+                                                          "label": "Budapest (12:00 PM)",
                                                           "value": "Europe/Budapest",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Ljubljana (10:00 AM)",
+                                                          "label": "Ljubljana (12:00 PM)",
                                                           "value": "Europe/Ljubljana",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Prague (10:00 AM)",
+                                                          "label": "Prague (12:00 PM)",
                                                           "value": "Europe/Prague",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Sarajevo (10:00 AM)",
+                                                          "label": "Sarajevo (12:00 PM)",
                                                           "value": "Europe/Sarajevo",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Skopje (10:00 AM)",
+                                                          "label": "Skopje (12:00 PM)",
                                                           "value": "Europe/Skopje",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Warsaw (10:00 AM)",
+                                                          "label": "Warsaw (12:00 PM)",
                                                           "value": "Europe/Warsaw",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Zagreb (10:00 AM)",
+                                                          "label": "Zagreb (12:00 PM)",
                                                           "value": "Europe/Zagreb",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Brussels (10:00 AM)",
+                                                          "label": "Brussels (12:00 PM)",
                                                           "value": "Europe/Brussels",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Copenhagen (10:00 AM)",
+                                                          "label": "Copenhagen (12:00 PM)",
                                                           "value": "Europe/Copenhagen",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Madrid (10:00 AM)",
+                                                          "label": "Madrid (12:00 PM)",
                                                           "value": "Europe/Madrid",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Paris (10:00 AM)",
+                                                          "label": "Paris (12:00 PM)",
                                                           "value": "Europe/Paris",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Amsterdam (10:00 AM)",
+                                                          "label": "Amsterdam (12:00 PM)",
                                                           "value": "Europe/Amsterdam",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Berlin (10:00 AM)",
+                                                          "label": "Berlin (12:00 PM)",
                                                           "value": "Europe/Berlin",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Bern (10:00 AM)",
+                                                          "label": "Bern (12:00 PM)",
                                                           "value": "Europe/Zurich",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Zurich (10:00 AM)",
+                                                          "label": "Zurich (12:00 PM)",
                                                           "value": "Europe/Zurich",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Rome (10:00 AM)",
+                                                          "label": "Rome (12:00 PM)",
                                                           "value": "Europe/Rome",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Stockholm (10:00 AM)",
+                                                          "label": "Stockholm (12:00 PM)",
                                                           "value": "Europe/Stockholm",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Vienna (10:00 AM)",
+                                                          "label": "Vienna (12:00 PM)",
                                                           "value": "Europe/Vienna",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Cairo (10:00 AM)",
+                                                          "label": "Cairo (12:00 PM)",
                                                           "value": "Africa/Cairo",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Harare (10:00 AM)",
+                                                          "label": "Harare (12:00 PM)",
                                                           "value": "Africa/Harare",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Pretoria (10:00 AM)",
+                                                          "label": "Pretoria (12:00 PM)",
                                                           "value": "Africa/Johannesburg",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Kaliningrad (10:00 AM)",
+                                                          "label": "Kaliningrad (12:00 PM)",
                                                           "value": "Europe/Kaliningrad",
                                                         },
                                                         Object {
                                                           "index": 250,
-                                                          "label": "Newfoundland (5:30 AM)",
+                                                          "label": "Newfoundland (7:30 AM)",
                                                           "value": "America/St_Johns",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                          "label": "Atlantic Time (Canada) (7:00 AM)",
                                                           "value": "America/Halifax",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Brasilia (5:00 AM)",
+                                                          "label": "Brasilia (7:00 AM)",
                                                           "value": "America/Sao_Paulo",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Buenos Aires (5:00 AM)",
+                                                          "label": "Buenos Aires (7:00 AM)",
                                                           "value": "America/Argentina/Buenos_Aires",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Montevideo (5:00 AM)",
+                                                          "label": "Montevideo (7:00 AM)",
                                                           "value": "America/Montevideo",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Bucharest (11:00 AM)",
+                                                          "label": "Bucharest (1:00 PM)",
                                                           "value": "Europe/Bucharest",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Helsinki (11:00 AM)",
+                                                          "label": "Helsinki (1:00 PM)",
                                                           "value": "Europe/Helsinki",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Kyiv (11:00 AM)",
+                                                          "label": "Kyiv (1:00 PM)",
                                                           "value": "Europe/Kiev",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Riga (11:00 AM)",
+                                                          "label": "Riga (1:00 PM)",
                                                           "value": "Europe/Riga",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Sofia (11:00 AM)",
+                                                          "label": "Sofia (1:00 PM)",
                                                           "value": "Europe/Sofia",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Tallinn (11:00 AM)",
+                                                          "label": "Tallinn (1:00 PM)",
                                                           "value": "Europe/Tallinn",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Vilnius (11:00 AM)",
+                                                          "label": "Vilnius (1:00 PM)",
                                                           "value": "Europe/Vilnius",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Athens (11:00 AM)",
+                                                          "label": "Athens (1:00 PM)",
                                                           "value": "Europe/Athens",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Istanbul (11:00 AM)",
+                                                          "label": "Istanbul (1:00 PM)",
                                                           "value": "Europe/Istanbul",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Minsk (11:00 AM)",
+                                                          "label": "Minsk (1:00 PM)",
                                                           "value": "Europe/Minsk",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Jerusalem (11:00 AM)",
+                                                          "label": "Jerusalem (1:00 PM)",
                                                           "value": "Asia/Jerusalem",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Moscow (11:00 AM)",
+                                                          "label": "Moscow (1:00 PM)",
                                                           "value": "Europe/Moscow",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "St. Petersburg (11:00 AM)",
+                                                          "label": "St. Petersburg (1:00 PM)",
                                                           "value": "Europe/Moscow",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Kuwait (11:00 AM)",
+                                                          "label": "Kuwait (1:00 PM)",
                                                           "value": "Asia/Kuwait",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Riyadh (11:00 AM)",
+                                                          "label": "Riyadh (1:00 PM)",
                                                           "value": "Asia/Riyadh",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Nairobi (11:00 AM)",
+                                                          "label": "Nairobi (1:00 PM)",
                                                           "value": "Africa/Nairobi",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Baghdad (11:00 AM)",
+                                                          "label": "Baghdad (1:00 PM)",
                                                           "value": "Asia/Baghdad",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Caracas (4:00 AM)",
+                                                          "label": "Caracas (6:00 AM)",
                                                           "value": "America/Caracas",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "La Paz (4:00 AM)",
+                                                          "label": "La Paz (6:00 AM)",
                                                           "value": "America/La_Paz",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Santiago (4:00 AM)",
+                                                          "label": "Santiago (6:00 AM)",
                                                           "value": "America/Santiago",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Georgetown (4:00 AM)",
+                                                          "label": "Georgetown (6:00 AM)",
                                                           "value": "America/Guyana",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Volgograd (12:00 PM)",
+                                                          "label": "Volgograd (2:00 PM)",
                                                           "value": "Europe/Volgograd",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Samara (12:00 PM)",
+                                                          "label": "Samara (2:00 PM)",
                                                           "value": "Europe/Samara",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Abu Dhabi (12:00 PM)",
+                                                          "label": "Abu Dhabi (2:00 PM)",
                                                           "value": "Asia/Muscat",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Muscat (12:00 PM)",
+                                                          "label": "Muscat (2:00 PM)",
                                                           "value": "Asia/Muscat",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Baku (12:00 PM)",
+                                                          "label": "Baku (2:00 PM)",
                                                           "value": "Asia/Baku",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Tbilisi (12:00 PM)",
+                                                          "label": "Tbilisi (2:00 PM)",
                                                           "value": "Asia/Tbilisi",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Yerevan (12:00 PM)",
+                                                          "label": "Yerevan (2:00 PM)",
                                                           "value": "Asia/Yerevan",
                                                         },
                                                         Object {
                                                           "index": 370,
-                                                          "label": "Tehran (12:30 PM)",
+                                                          "label": "Tehran (2:30 PM)",
                                                           "value": "Asia/Tehran",
                                                         },
                                                         Object {
                                                           "index": 370,
-                                                          "label": "Kabul (12:30 PM)",
+                                                          "label": "Kabul (2:30 PM)",
                                                           "value": "Asia/Kabul",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Guadalajara (3:00 AM)",
+                                                          "label": "Guadalajara (5:00 AM)",
                                                           "value": "America/Mexico_City",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Mexico City (3:00 AM)",
+                                                          "label": "Mexico City (5:00 AM)",
                                                           "value": "America/Mexico_City",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Monterrey (3:00 AM)",
+                                                          "label": "Monterrey (5:00 AM)",
                                                           "value": "America/Monterrey",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Bogota (3:00 AM)",
+                                                          "label": "Bogota (5:00 AM)",
                                                           "value": "America/Bogota",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Lima (3:00 AM)",
+                                                          "label": "Lima (5:00 AM)",
                                                           "value": "America/Lima",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Quito (3:00 AM)",
+                                                          "label": "Quito (5:00 AM)",
                                                           "value": "America/Lima",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Ekaterinburg (1:00 PM)",
+                                                          "label": "Ekaterinburg (3:00 PM)",
                                                           "value": "Asia/Yekaterinburg",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Islamabad (1:00 PM)",
+                                                          "label": "Islamabad (3:00 PM)",
                                                           "value": "Asia/Karachi",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Karachi (1:00 PM)",
+                                                          "label": "Karachi (3:00 PM)",
                                                           "value": "Asia/Karachi",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Tashkent (1:00 PM)",
+                                                          "label": "Tashkent (3:00 PM)",
                                                           "value": "Asia/Tashkent",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Chennai (1:30 PM)",
+                                                          "label": "Chennai (3:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Kolkata (1:30 PM)",
+                                                          "label": "Kolkata (3:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Mumbai (1:30 PM)",
+                                                          "label": "Mumbai (3:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "New Delhi (1:30 PM)",
+                                                          "label": "New Delhi (3:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Sri Jayawardenepura (1:30 PM)",
+                                                          "label": "Sri Jayawardenepura (3:30 PM)",
                                                           "value": "Asia/Colombo",
                                                         },
                                                         Object {
                                                           "index": 445,
-                                                          "label": "Kathmandu (1:45 PM)",
+                                                          "label": "Kathmandu (3:45 PM)",
                                                           "value": "Asia/Kathmandu",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Chihuahua (2:00 AM)",
+                                                          "label": "Chihuahua (4:00 AM)",
                                                           "value": "America/Chihuahua",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Mazatlan (2:00 AM)",
+                                                          "label": "Mazatlan (4:00 AM)",
                                                           "value": "America/Mazatlan",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Saskatchewan (2:00 AM)",
+                                                          "label": "Saskatchewan (4:00 AM)",
                                                           "value": "America/Regina",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Central America (2:00 AM)",
+                                                          "label": "Central America (4:00 AM)",
                                                           "value": "America/Guatemala",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Astana (2:00 PM)",
+                                                          "label": "Astana (4:00 PM)",
                                                           "value": "Asia/Dhaka",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Dhaka (2:00 PM)",
+                                                          "label": "Dhaka (4:00 PM)",
                                                           "value": "Asia/Dhaka",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Almaty (2:00 PM)",
+                                                          "label": "Almaty (4:00 PM)",
                                                           "value": "Asia/Almaty",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Urumqi (2:00 PM)",
+                                                          "label": "Urumqi (4:00 PM)",
                                                           "value": "Asia/Urumqi",
                                                         },
                                                         Object {
                                                           "index": 490,
-                                                          "label": "Rangoon (2:30 PM)",
+                                                          "label": "Rangoon (4:30 PM)",
                                                           "value": "Asia/Rangoon",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Tijuana (1:00 AM)",
+                                                          "label": "Tijuana (3:00 AM)",
                                                           "value": "America/Tijuana",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Novosibirsk (3:00 PM)",
+                                                          "label": "Novosibirsk (5:00 PM)",
                                                           "value": "Asia/Novosibirsk",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Bangkok (3:00 PM)",
+                                                          "label": "Bangkok (5:00 PM)",
                                                           "value": "Asia/Bangkok",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Hanoi (3:00 PM)",
+                                                          "label": "Hanoi (5:00 PM)",
                                                           "value": "Asia/Bangkok",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Jakarta (3:00 PM)",
+                                                          "label": "Jakarta (5:00 PM)",
                                                           "value": "Asia/Jakarta",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Krasnoyarsk (3:00 PM)",
+                                                          "label": "Krasnoyarsk (5:00 PM)",
                                                           "value": "Asia/Krasnoyarsk",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Beijing (4:00 PM)",
+                                                          "label": "Beijing (6:00 PM)",
                                                           "value": "Asia/Shanghai",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Chongqing (4:00 PM)",
+                                                          "label": "Chongqing (6:00 PM)",
                                                           "value": "Asia/Chongqing",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Hong Kong (4:00 PM)",
+                                                          "label": "Hong Kong (6:00 PM)",
                                                           "value": "Asia/Hong_Kong",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Kuala Lumpur (4:00 PM)",
+                                                          "label": "Kuala Lumpur (6:00 PM)",
                                                           "value": "Asia/Kuala_Lumpur",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Singapore (4:00 PM)",
+                                                          "label": "Singapore (6:00 PM)",
                                                           "value": "Asia/Singapore",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Taipei (4:00 PM)",
+                                                          "label": "Taipei (6:00 PM)",
                                                           "value": "Asia/Taipei",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Perth (4:00 PM)",
+                                                          "label": "Perth (6:00 PM)",
                                                           "value": "Australia/Perth",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Irkutsk (4:00 PM)",
+                                                          "label": "Irkutsk (6:00 PM)",
                                                           "value": "Asia/Irkutsk",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Ulaanbaatar (4:00 PM)",
+                                                          "label": "Ulaanbaatar (6:00 PM)",
                                                           "value": "Asia/Ulaanbaatar",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Seoul (5:00 PM)",
+                                                          "label": "Seoul (7:00 PM)",
                                                           "value": "Asia/Seoul",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Osaka (5:00 PM)",
+                                                          "label": "Osaka (7:00 PM)",
                                                           "value": "Asia/Tokyo",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Sapporo (5:00 PM)",
+                                                          "label": "Sapporo (7:00 PM)",
                                                           "value": "Asia/Tokyo",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Tokyo (5:00 PM)",
+                                                          "label": "Tokyo (7:00 PM)",
                                                           "value": "Asia/Tokyo",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Yakutsk (5:00 PM)",
+                                                          "label": "Yakutsk (7:00 PM)",
                                                           "value": "Asia/Yakutsk",
                                                         },
                                                         Object {
                                                           "index": 670,
-                                                          "label": "Darwin (5:30 PM)",
+                                                          "label": "Darwin (7:30 PM)",
                                                           "value": "Australia/Darwin",
                                                         },
                                                         Object {
                                                           "index": 670,
-                                                          "label": "Adelaide (5:30 PM)",
+                                                          "label": "Adelaide (7:30 PM)",
                                                           "value": "Australia/Adelaide",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Canberra (6:00 PM)",
+                                                          "label": "Canberra (8:00 PM)",
                                                           "value": "Australia/Melbourne",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Melbourne (6:00 PM)",
+                                                          "label": "Melbourne (8:00 PM)",
                                                           "value": "Australia/Melbourne",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Sydney (6:00 PM)",
+                                                          "label": "Sydney (8:00 PM)",
                                                           "value": "Australia/Sydney",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Brisbane (6:00 PM)",
+                                                          "label": "Brisbane (8:00 PM)",
                                                           "value": "Australia/Brisbane",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Hobart (6:00 PM)",
+                                                          "label": "Hobart (8:00 PM)",
                                                           "value": "Australia/Hobart",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Vladivostok (6:00 PM)",
+                                                          "label": "Vladivostok (8:00 PM)",
                                                           "value": "Asia/Vladivostok",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Guam (6:00 PM)",
+                                                          "label": "Guam (8:00 PM)",
                                                           "value": "Pacific/Guam",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Port Moresby (6:00 PM)",
+                                                          "label": "Port Moresby (8:00 PM)",
                                                           "value": "Pacific/Port_Moresby",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Midway Island (9:00 PM)",
+                                                          "label": "Midway Island (11:00 PM)",
                                                           "value": "Pacific/Midway",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "American Samoa (9:00 PM)",
+                                                          "label": "American Samoa (11:00 PM)",
                                                           "value": "Pacific/Pago_Pago",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Magadan (7:00 PM)",
+                                                          "label": "Magadan (9:00 PM)",
                                                           "value": "Asia/Magadan",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Srednekolymsk (7:00 PM)",
+                                                          "label": "Srednekolymsk (9:00 PM)",
                                                           "value": "Asia/Srednekolymsk",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Solomon Is. (7:00 PM)",
+                                                          "label": "Solomon Is. (9:00 PM)",
                                                           "value": "Pacific/Guadalcanal",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "New Caledonia (7:00 PM)",
+                                                          "label": "New Caledonia (9:00 PM)",
                                                           "value": "Pacific/Noumea",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "International Date Line West (8:00 PM)",
+                                                          "label": "International Date Line West (10:00 PM)",
                                                           "value": "Etc/GMT+12",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Fiji (8:00 PM)",
+                                                          "label": "Fiji (10:00 PM)",
                                                           "value": "Pacific/Fiji",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Kamchatka (8:00 PM)",
+                                                          "label": "Kamchatka (10:00 PM)",
                                                           "value": "Asia/Kamchatka",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Marshall Is. (8:00 PM)",
+                                                          "label": "Marshall Is. (10:00 PM)",
                                                           "value": "Pacific/Majuro",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Auckland (8:00 PM)",
+                                                          "label": "Auckland (10:00 PM)",
                                                           "value": "Pacific/Auckland",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Wellington (8:00 PM)",
+                                                          "label": "Wellington (10:00 PM)",
                                                           "value": "Pacific/Auckland",
                                                         },
                                                         Object {
                                                           "index": 865,
-                                                          "label": "Chatham Is. (8:45 PM)",
+                                                          "label": "Chatham Is. (10:45 PM)",
                                                           "value": "Pacific/Chatham",
                                                         },
                                                         Object {
                                                           "index": 880,
-                                                          "label": "Nuku'alofa (9:00 PM)",
+                                                          "label": "Nuku'alofa (11:00 PM)",
                                                           "value": "Pacific/Tongatapu",
                                                         },
                                                         Object {
                                                           "index": 880,
-                                                          "label": "Tokelau Is. (9:00 PM)",
+                                                          "label": "Tokelau Is. (11:00 PM)",
                                                           "value": "Pacific/Fakaofo",
                                                         },
                                                         Object {
                                                           "index": 880,
-                                                          "label": "Samoa (9:00 PM)",
+                                                          "label": "Samoa (11:00 PM)",
                                                           "value": "Pacific/Apia",
                                                         },
                                                       ]
@@ -248672,762 +249622,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                           },
                                                           Object {
                                                             "index": -3,
-                                                            "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                            "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                             "value": "America/New_York",
                                                           },
                                                           Object {
                                                             "index": -2,
-                                                            "label": "Central Time (US & Canada) (3:00 AM)",
+                                                            "label": "Central Time (US & Canada) (5:00 AM)",
                                                             "value": "America/Chicago",
                                                           },
                                                           Object {
                                                             "index": -1,
-                                                            "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                            "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                             "value": "America/Denver",
                                                           },
                                                           Object {
                                                             "index": -0,
-                                                            "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                            "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                             "value": "America/Los_Angeles",
                                                           },
                                                           Object {
                                                             "index": 2.4,
-                                                            "label": "Indiana (East) (4:00 AM)",
+                                                            "label": "Indiana (East) (6:00 AM)",
                                                             "value": "America/Indiana/Indianapolis",
                                                           },
                                                           Object {
                                                             "index": 2.4,
-                                                            "label": "Puerto Rico (4:00 AM)",
+                                                            "label": "Puerto Rico (6:00 AM)",
                                                             "value": "America/Puerto_Rico",
                                                           },
                                                           Object {
                                                             "index": 4.2,
-                                                            "label": "Arizona (1:00 AM)",
+                                                            "label": "Arizona (3:00 AM)",
                                                             "value": "America/Phoenix",
                                                           },
                                                           Object {
                                                             "index": 4.8,
-                                                            "label": "Alaska (12:00 AM)",
+                                                            "label": "Alaska (2:00 AM)",
                                                             "value": "America/Juneau",
                                                           },
                                                           Object {
                                                             "index": 4.8,
-                                                            "label": "Philippine Standard Time (4:00 PM)",
+                                                            "label": "Philippine Standard Time (6:00 PM)",
                                                             "value": "Asia/Manila",
                                                           },
                                                           Object {
                                                             "index": 6,
-                                                            "label": "Hawaii (10:00 PM)",
+                                                            "label": "Hawaii (12:00 AM)",
                                                             "value": "Pacific/Honolulu",
                                                           },
                                                           Object {
                                                             "index": 100,
-                                                            "label": "Azores (8:00 AM)",
+                                                            "label": "Azores (10:00 AM)",
                                                             "value": "Atlantic/Azores",
                                                           },
                                                           Object {
                                                             "index": 100,
-                                                            "label": "Monrovia (8:00 AM)",
+                                                            "label": "Monrovia (10:00 AM)",
                                                             "value": "Africa/Monrovia",
                                                           },
                                                           Object {
                                                             "index": 100,
-                                                            "label": "UTC (8:00 AM)",
+                                                            "label": "UTC (10:00 AM)",
                                                             "value": "Etc/UTC",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Cape Verde Is. (7:00 AM)",
+                                                            "label": "Cape Verde Is. (9:00 AM)",
                                                             "value": "Atlantic/Cape_Verde",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Dublin (9:00 AM)",
+                                                            "label": "Dublin (11:00 AM)",
                                                             "value": "Europe/Dublin",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Edinburgh (9:00 AM)",
+                                                            "label": "Edinburgh (11:00 AM)",
                                                             "value": "Europe/London",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Lisbon (9:00 AM)",
+                                                            "label": "Lisbon (11:00 AM)",
                                                             "value": "Europe/Lisbon",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "London (9:00 AM)",
+                                                            "label": "London (11:00 AM)",
                                                             "value": "Europe/London",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Casablanca (9:00 AM)",
+                                                            "label": "Casablanca (11:00 AM)",
                                                             "value": "Africa/Casablanca",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "West Central Africa (9:00 AM)",
+                                                            "label": "West Central Africa (11:00 AM)",
                                                             "value": "Africa/Algiers",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Greenland (6:00 AM)",
+                                                            "label": "Greenland (8:00 AM)",
                                                             "value": "America/Godthab",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Mid-Atlantic (6:00 AM)",
+                                                            "label": "Mid-Atlantic (8:00 AM)",
                                                             "value": "Atlantic/South_Georgia",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Belgrade (10:00 AM)",
+                                                            "label": "Belgrade (12:00 PM)",
                                                             "value": "Europe/Belgrade",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Bratislava (10:00 AM)",
+                                                            "label": "Bratislava (12:00 PM)",
                                                             "value": "Europe/Bratislava",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Budapest (10:00 AM)",
+                                                            "label": "Budapest (12:00 PM)",
                                                             "value": "Europe/Budapest",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Ljubljana (10:00 AM)",
+                                                            "label": "Ljubljana (12:00 PM)",
                                                             "value": "Europe/Ljubljana",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Prague (10:00 AM)",
+                                                            "label": "Prague (12:00 PM)",
                                                             "value": "Europe/Prague",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Sarajevo (10:00 AM)",
+                                                            "label": "Sarajevo (12:00 PM)",
                                                             "value": "Europe/Sarajevo",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Skopje (10:00 AM)",
+                                                            "label": "Skopje (12:00 PM)",
                                                             "value": "Europe/Skopje",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Warsaw (10:00 AM)",
+                                                            "label": "Warsaw (12:00 PM)",
                                                             "value": "Europe/Warsaw",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Zagreb (10:00 AM)",
+                                                            "label": "Zagreb (12:00 PM)",
                                                             "value": "Europe/Zagreb",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Brussels (10:00 AM)",
+                                                            "label": "Brussels (12:00 PM)",
                                                             "value": "Europe/Brussels",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Copenhagen (10:00 AM)",
+                                                            "label": "Copenhagen (12:00 PM)",
                                                             "value": "Europe/Copenhagen",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Madrid (10:00 AM)",
+                                                            "label": "Madrid (12:00 PM)",
                                                             "value": "Europe/Madrid",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Paris (10:00 AM)",
+                                                            "label": "Paris (12:00 PM)",
                                                             "value": "Europe/Paris",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Amsterdam (10:00 AM)",
+                                                            "label": "Amsterdam (12:00 PM)",
                                                             "value": "Europe/Amsterdam",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Berlin (10:00 AM)",
+                                                            "label": "Berlin (12:00 PM)",
                                                             "value": "Europe/Berlin",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Bern (10:00 AM)",
+                                                            "label": "Bern (12:00 PM)",
                                                             "value": "Europe/Zurich",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Zurich (10:00 AM)",
+                                                            "label": "Zurich (12:00 PM)",
                                                             "value": "Europe/Zurich",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Rome (10:00 AM)",
+                                                            "label": "Rome (12:00 PM)",
                                                             "value": "Europe/Rome",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Stockholm (10:00 AM)",
+                                                            "label": "Stockholm (12:00 PM)",
                                                             "value": "Europe/Stockholm",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Vienna (10:00 AM)",
+                                                            "label": "Vienna (12:00 PM)",
                                                             "value": "Europe/Vienna",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Cairo (10:00 AM)",
+                                                            "label": "Cairo (12:00 PM)",
                                                             "value": "Africa/Cairo",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Harare (10:00 AM)",
+                                                            "label": "Harare (12:00 PM)",
                                                             "value": "Africa/Harare",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Pretoria (10:00 AM)",
+                                                            "label": "Pretoria (12:00 PM)",
                                                             "value": "Africa/Johannesburg",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Kaliningrad (10:00 AM)",
+                                                            "label": "Kaliningrad (12:00 PM)",
                                                             "value": "Europe/Kaliningrad",
                                                           },
                                                           Object {
                                                             "index": 250,
-                                                            "label": "Newfoundland (5:30 AM)",
+                                                            "label": "Newfoundland (7:30 AM)",
                                                             "value": "America/St_Johns",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                            "label": "Atlantic Time (Canada) (7:00 AM)",
                                                             "value": "America/Halifax",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Brasilia (5:00 AM)",
+                                                            "label": "Brasilia (7:00 AM)",
                                                             "value": "America/Sao_Paulo",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Buenos Aires (5:00 AM)",
+                                                            "label": "Buenos Aires (7:00 AM)",
                                                             "value": "America/Argentina/Buenos_Aires",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Montevideo (5:00 AM)",
+                                                            "label": "Montevideo (7:00 AM)",
                                                             "value": "America/Montevideo",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Bucharest (11:00 AM)",
+                                                            "label": "Bucharest (1:00 PM)",
                                                             "value": "Europe/Bucharest",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Helsinki (11:00 AM)",
+                                                            "label": "Helsinki (1:00 PM)",
                                                             "value": "Europe/Helsinki",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Kyiv (11:00 AM)",
+                                                            "label": "Kyiv (1:00 PM)",
                                                             "value": "Europe/Kiev",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Riga (11:00 AM)",
+                                                            "label": "Riga (1:00 PM)",
                                                             "value": "Europe/Riga",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Sofia (11:00 AM)",
+                                                            "label": "Sofia (1:00 PM)",
                                                             "value": "Europe/Sofia",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Tallinn (11:00 AM)",
+                                                            "label": "Tallinn (1:00 PM)",
                                                             "value": "Europe/Tallinn",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Vilnius (11:00 AM)",
+                                                            "label": "Vilnius (1:00 PM)",
                                                             "value": "Europe/Vilnius",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Athens (11:00 AM)",
+                                                            "label": "Athens (1:00 PM)",
                                                             "value": "Europe/Athens",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Istanbul (11:00 AM)",
+                                                            "label": "Istanbul (1:00 PM)",
                                                             "value": "Europe/Istanbul",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Minsk (11:00 AM)",
+                                                            "label": "Minsk (1:00 PM)",
                                                             "value": "Europe/Minsk",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Jerusalem (11:00 AM)",
+                                                            "label": "Jerusalem (1:00 PM)",
                                                             "value": "Asia/Jerusalem",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Moscow (11:00 AM)",
+                                                            "label": "Moscow (1:00 PM)",
                                                             "value": "Europe/Moscow",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "St. Petersburg (11:00 AM)",
+                                                            "label": "St. Petersburg (1:00 PM)",
                                                             "value": "Europe/Moscow",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Kuwait (11:00 AM)",
+                                                            "label": "Kuwait (1:00 PM)",
                                                             "value": "Asia/Kuwait",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Riyadh (11:00 AM)",
+                                                            "label": "Riyadh (1:00 PM)",
                                                             "value": "Asia/Riyadh",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Nairobi (11:00 AM)",
+                                                            "label": "Nairobi (1:00 PM)",
                                                             "value": "Africa/Nairobi",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Baghdad (11:00 AM)",
+                                                            "label": "Baghdad (1:00 PM)",
                                                             "value": "Asia/Baghdad",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Caracas (4:00 AM)",
+                                                            "label": "Caracas (6:00 AM)",
                                                             "value": "America/Caracas",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "La Paz (4:00 AM)",
+                                                            "label": "La Paz (6:00 AM)",
                                                             "value": "America/La_Paz",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Santiago (4:00 AM)",
+                                                            "label": "Santiago (6:00 AM)",
                                                             "value": "America/Santiago",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Georgetown (4:00 AM)",
+                                                            "label": "Georgetown (6:00 AM)",
                                                             "value": "America/Guyana",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Volgograd (12:00 PM)",
+                                                            "label": "Volgograd (2:00 PM)",
                                                             "value": "Europe/Volgograd",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Samara (12:00 PM)",
+                                                            "label": "Samara (2:00 PM)",
                                                             "value": "Europe/Samara",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Abu Dhabi (12:00 PM)",
+                                                            "label": "Abu Dhabi (2:00 PM)",
                                                             "value": "Asia/Muscat",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Muscat (12:00 PM)",
+                                                            "label": "Muscat (2:00 PM)",
                                                             "value": "Asia/Muscat",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Baku (12:00 PM)",
+                                                            "label": "Baku (2:00 PM)",
                                                             "value": "Asia/Baku",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Tbilisi (12:00 PM)",
+                                                            "label": "Tbilisi (2:00 PM)",
                                                             "value": "Asia/Tbilisi",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Yerevan (12:00 PM)",
+                                                            "label": "Yerevan (2:00 PM)",
                                                             "value": "Asia/Yerevan",
                                                           },
                                                           Object {
                                                             "index": 370,
-                                                            "label": "Tehran (12:30 PM)",
+                                                            "label": "Tehran (2:30 PM)",
                                                             "value": "Asia/Tehran",
                                                           },
                                                           Object {
                                                             "index": 370,
-                                                            "label": "Kabul (12:30 PM)",
+                                                            "label": "Kabul (2:30 PM)",
                                                             "value": "Asia/Kabul",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Guadalajara (3:00 AM)",
+                                                            "label": "Guadalajara (5:00 AM)",
                                                             "value": "America/Mexico_City",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Mexico City (3:00 AM)",
+                                                            "label": "Mexico City (5:00 AM)",
                                                             "value": "America/Mexico_City",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Monterrey (3:00 AM)",
+                                                            "label": "Monterrey (5:00 AM)",
                                                             "value": "America/Monterrey",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Bogota (3:00 AM)",
+                                                            "label": "Bogota (5:00 AM)",
                                                             "value": "America/Bogota",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Lima (3:00 AM)",
+                                                            "label": "Lima (5:00 AM)",
                                                             "value": "America/Lima",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Quito (3:00 AM)",
+                                                            "label": "Quito (5:00 AM)",
                                                             "value": "America/Lima",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Ekaterinburg (1:00 PM)",
+                                                            "label": "Ekaterinburg (3:00 PM)",
                                                             "value": "Asia/Yekaterinburg",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Islamabad (1:00 PM)",
+                                                            "label": "Islamabad (3:00 PM)",
                                                             "value": "Asia/Karachi",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Karachi (1:00 PM)",
+                                                            "label": "Karachi (3:00 PM)",
                                                             "value": "Asia/Karachi",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Tashkent (1:00 PM)",
+                                                            "label": "Tashkent (3:00 PM)",
                                                             "value": "Asia/Tashkent",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Chennai (1:30 PM)",
+                                                            "label": "Chennai (3:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Kolkata (1:30 PM)",
+                                                            "label": "Kolkata (3:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Mumbai (1:30 PM)",
+                                                            "label": "Mumbai (3:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "New Delhi (1:30 PM)",
+                                                            "label": "New Delhi (3:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Sri Jayawardenepura (1:30 PM)",
+                                                            "label": "Sri Jayawardenepura (3:30 PM)",
                                                             "value": "Asia/Colombo",
                                                           },
                                                           Object {
                                                             "index": 445,
-                                                            "label": "Kathmandu (1:45 PM)",
+                                                            "label": "Kathmandu (3:45 PM)",
                                                             "value": "Asia/Kathmandu",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Chihuahua (2:00 AM)",
+                                                            "label": "Chihuahua (4:00 AM)",
                                                             "value": "America/Chihuahua",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Mazatlan (2:00 AM)",
+                                                            "label": "Mazatlan (4:00 AM)",
                                                             "value": "America/Mazatlan",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Saskatchewan (2:00 AM)",
+                                                            "label": "Saskatchewan (4:00 AM)",
                                                             "value": "America/Regina",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Central America (2:00 AM)",
+                                                            "label": "Central America (4:00 AM)",
                                                             "value": "America/Guatemala",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Astana (2:00 PM)",
+                                                            "label": "Astana (4:00 PM)",
                                                             "value": "Asia/Dhaka",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Dhaka (2:00 PM)",
+                                                            "label": "Dhaka (4:00 PM)",
                                                             "value": "Asia/Dhaka",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Almaty (2:00 PM)",
+                                                            "label": "Almaty (4:00 PM)",
                                                             "value": "Asia/Almaty",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Urumqi (2:00 PM)",
+                                                            "label": "Urumqi (4:00 PM)",
                                                             "value": "Asia/Urumqi",
                                                           },
                                                           Object {
                                                             "index": 490,
-                                                            "label": "Rangoon (2:30 PM)",
+                                                            "label": "Rangoon (4:30 PM)",
                                                             "value": "Asia/Rangoon",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Tijuana (1:00 AM)",
+                                                            "label": "Tijuana (3:00 AM)",
                                                             "value": "America/Tijuana",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Novosibirsk (3:00 PM)",
+                                                            "label": "Novosibirsk (5:00 PM)",
                                                             "value": "Asia/Novosibirsk",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Bangkok (3:00 PM)",
+                                                            "label": "Bangkok (5:00 PM)",
                                                             "value": "Asia/Bangkok",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Hanoi (3:00 PM)",
+                                                            "label": "Hanoi (5:00 PM)",
                                                             "value": "Asia/Bangkok",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Jakarta (3:00 PM)",
+                                                            "label": "Jakarta (5:00 PM)",
                                                             "value": "Asia/Jakarta",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Krasnoyarsk (3:00 PM)",
+                                                            "label": "Krasnoyarsk (5:00 PM)",
                                                             "value": "Asia/Krasnoyarsk",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Beijing (4:00 PM)",
+                                                            "label": "Beijing (6:00 PM)",
                                                             "value": "Asia/Shanghai",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Chongqing (4:00 PM)",
+                                                            "label": "Chongqing (6:00 PM)",
                                                             "value": "Asia/Chongqing",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Hong Kong (4:00 PM)",
+                                                            "label": "Hong Kong (6:00 PM)",
                                                             "value": "Asia/Hong_Kong",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Kuala Lumpur (4:00 PM)",
+                                                            "label": "Kuala Lumpur (6:00 PM)",
                                                             "value": "Asia/Kuala_Lumpur",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Singapore (4:00 PM)",
+                                                            "label": "Singapore (6:00 PM)",
                                                             "value": "Asia/Singapore",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Taipei (4:00 PM)",
+                                                            "label": "Taipei (6:00 PM)",
                                                             "value": "Asia/Taipei",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Perth (4:00 PM)",
+                                                            "label": "Perth (6:00 PM)",
                                                             "value": "Australia/Perth",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Irkutsk (4:00 PM)",
+                                                            "label": "Irkutsk (6:00 PM)",
                                                             "value": "Asia/Irkutsk",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Ulaanbaatar (4:00 PM)",
+                                                            "label": "Ulaanbaatar (6:00 PM)",
                                                             "value": "Asia/Ulaanbaatar",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Seoul (5:00 PM)",
+                                                            "label": "Seoul (7:00 PM)",
                                                             "value": "Asia/Seoul",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Osaka (5:00 PM)",
+                                                            "label": "Osaka (7:00 PM)",
                                                             "value": "Asia/Tokyo",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Sapporo (5:00 PM)",
+                                                            "label": "Sapporo (7:00 PM)",
                                                             "value": "Asia/Tokyo",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Tokyo (5:00 PM)",
+                                                            "label": "Tokyo (7:00 PM)",
                                                             "value": "Asia/Tokyo",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Yakutsk (5:00 PM)",
+                                                            "label": "Yakutsk (7:00 PM)",
                                                             "value": "Asia/Yakutsk",
                                                           },
                                                           Object {
                                                             "index": 670,
-                                                            "label": "Darwin (5:30 PM)",
+                                                            "label": "Darwin (7:30 PM)",
                                                             "value": "Australia/Darwin",
                                                           },
                                                           Object {
                                                             "index": 670,
-                                                            "label": "Adelaide (5:30 PM)",
+                                                            "label": "Adelaide (7:30 PM)",
                                                             "value": "Australia/Adelaide",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Canberra (6:00 PM)",
+                                                            "label": "Canberra (8:00 PM)",
                                                             "value": "Australia/Melbourne",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Melbourne (6:00 PM)",
+                                                            "label": "Melbourne (8:00 PM)",
                                                             "value": "Australia/Melbourne",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Sydney (6:00 PM)",
+                                                            "label": "Sydney (8:00 PM)",
                                                             "value": "Australia/Sydney",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Brisbane (6:00 PM)",
+                                                            "label": "Brisbane (8:00 PM)",
                                                             "value": "Australia/Brisbane",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Hobart (6:00 PM)",
+                                                            "label": "Hobart (8:00 PM)",
                                                             "value": "Australia/Hobart",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Vladivostok (6:00 PM)",
+                                                            "label": "Vladivostok (8:00 PM)",
                                                             "value": "Asia/Vladivostok",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Guam (6:00 PM)",
+                                                            "label": "Guam (8:00 PM)",
                                                             "value": "Pacific/Guam",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Port Moresby (6:00 PM)",
+                                                            "label": "Port Moresby (8:00 PM)",
                                                             "value": "Pacific/Port_Moresby",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Midway Island (9:00 PM)",
+                                                            "label": "Midway Island (11:00 PM)",
                                                             "value": "Pacific/Midway",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "American Samoa (9:00 PM)",
+                                                            "label": "American Samoa (11:00 PM)",
                                                             "value": "Pacific/Pago_Pago",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Magadan (7:00 PM)",
+                                                            "label": "Magadan (9:00 PM)",
                                                             "value": "Asia/Magadan",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Srednekolymsk (7:00 PM)",
+                                                            "label": "Srednekolymsk (9:00 PM)",
                                                             "value": "Asia/Srednekolymsk",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Solomon Is. (7:00 PM)",
+                                                            "label": "Solomon Is. (9:00 PM)",
                                                             "value": "Pacific/Guadalcanal",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "New Caledonia (7:00 PM)",
+                                                            "label": "New Caledonia (9:00 PM)",
                                                             "value": "Pacific/Noumea",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "International Date Line West (8:00 PM)",
+                                                            "label": "International Date Line West (10:00 PM)",
                                                             "value": "Etc/GMT+12",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Fiji (8:00 PM)",
+                                                            "label": "Fiji (10:00 PM)",
                                                             "value": "Pacific/Fiji",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Kamchatka (8:00 PM)",
+                                                            "label": "Kamchatka (10:00 PM)",
                                                             "value": "Asia/Kamchatka",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Marshall Is. (8:00 PM)",
+                                                            "label": "Marshall Is. (10:00 PM)",
                                                             "value": "Pacific/Majuro",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Auckland (8:00 PM)",
+                                                            "label": "Auckland (10:00 PM)",
                                                             "value": "Pacific/Auckland",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Wellington (8:00 PM)",
+                                                            "label": "Wellington (10:00 PM)",
                                                             "value": "Pacific/Auckland",
                                                           },
                                                           Object {
                                                             "index": 865,
-                                                            "label": "Chatham Is. (8:45 PM)",
+                                                            "label": "Chatham Is. (10:45 PM)",
                                                             "value": "Pacific/Chatham",
                                                           },
                                                           Object {
                                                             "index": 880,
-                                                            "label": "Nuku'alofa (9:00 PM)",
+                                                            "label": "Nuku'alofa (11:00 PM)",
                                                             "value": "Pacific/Tongatapu",
                                                           },
                                                           Object {
                                                             "index": 880,
-                                                            "label": "Tokelau Is. (9:00 PM)",
+                                                            "label": "Tokelau Is. (11:00 PM)",
                                                             "value": "Pacific/Fakaofo",
                                                           },
                                                           Object {
                                                             "index": 880,
-                                                            "label": "Samoa (9:00 PM)",
+                                                            "label": "Samoa (11:00 PM)",
                                                             "value": "Pacific/Apia",
                                                           },
                                                         ],
@@ -249441,7 +250391,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                         },
                                                         "tabIndex": "0",
                                                         "tabSelectsValue": true,
-                                                        "value": null,
+                                                        "value": Object {
+                                                          "index": -0,
+                                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                          "value": "America/Los_Angeles",
+                                                        },
                                                       }
                                                     }
                                                     setValue={[Function]}
@@ -249497,7 +250451,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                           cx={[Function]}
                                                           getStyles={[Function]}
                                                           getValue={[Function]}
-                                                          hasValue={false}
+                                                          hasValue={true}
                                                           isDisabled={false}
                                                           isFocused={false}
                                                           isMulti={false}
@@ -249510,762 +250464,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                               },
                                                               Object {
                                                                 "index": -3,
-                                                                "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                                 "value": "America/New_York",
                                                               },
                                                               Object {
                                                                 "index": -2,
-                                                                "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                "label": "Central Time (US & Canada) (5:00 AM)",
                                                                 "value": "America/Chicago",
                                                               },
                                                               Object {
                                                                 "index": -1,
-                                                                "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                                 "value": "America/Denver",
                                                               },
                                                               Object {
                                                                 "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                                 "value": "America/Los_Angeles",
                                                               },
                                                               Object {
                                                                 "index": 2.4,
-                                                                "label": "Indiana (East) (4:00 AM)",
+                                                                "label": "Indiana (East) (6:00 AM)",
                                                                 "value": "America/Indiana/Indianapolis",
                                                               },
                                                               Object {
                                                                 "index": 2.4,
-                                                                "label": "Puerto Rico (4:00 AM)",
+                                                                "label": "Puerto Rico (6:00 AM)",
                                                                 "value": "America/Puerto_Rico",
                                                               },
                                                               Object {
                                                                 "index": 4.2,
-                                                                "label": "Arizona (1:00 AM)",
+                                                                "label": "Arizona (3:00 AM)",
                                                                 "value": "America/Phoenix",
                                                               },
                                                               Object {
                                                                 "index": 4.8,
-                                                                "label": "Alaska (12:00 AM)",
+                                                                "label": "Alaska (2:00 AM)",
                                                                 "value": "America/Juneau",
                                                               },
                                                               Object {
                                                                 "index": 4.8,
-                                                                "label": "Philippine Standard Time (4:00 PM)",
+                                                                "label": "Philippine Standard Time (6:00 PM)",
                                                                 "value": "Asia/Manila",
                                                               },
                                                               Object {
                                                                 "index": 6,
-                                                                "label": "Hawaii (10:00 PM)",
+                                                                "label": "Hawaii (12:00 AM)",
                                                                 "value": "Pacific/Honolulu",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "Azores (8:00 AM)",
+                                                                "label": "Azores (10:00 AM)",
                                                                 "value": "Atlantic/Azores",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "Monrovia (8:00 AM)",
+                                                                "label": "Monrovia (10:00 AM)",
                                                                 "value": "Africa/Monrovia",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "UTC (8:00 AM)",
+                                                                "label": "UTC (10:00 AM)",
                                                                 "value": "Etc/UTC",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Cape Verde Is. (7:00 AM)",
+                                                                "label": "Cape Verde Is. (9:00 AM)",
                                                                 "value": "Atlantic/Cape_Verde",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Dublin (9:00 AM)",
+                                                                "label": "Dublin (11:00 AM)",
                                                                 "value": "Europe/Dublin",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Edinburgh (9:00 AM)",
+                                                                "label": "Edinburgh (11:00 AM)",
                                                                 "value": "Europe/London",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Lisbon (9:00 AM)",
+                                                                "label": "Lisbon (11:00 AM)",
                                                                 "value": "Europe/Lisbon",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "London (9:00 AM)",
+                                                                "label": "London (11:00 AM)",
                                                                 "value": "Europe/London",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Casablanca (9:00 AM)",
+                                                                "label": "Casablanca (11:00 AM)",
                                                                 "value": "Africa/Casablanca",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "West Central Africa (9:00 AM)",
+                                                                "label": "West Central Africa (11:00 AM)",
                                                                 "value": "Africa/Algiers",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Greenland (6:00 AM)",
+                                                                "label": "Greenland (8:00 AM)",
                                                                 "value": "America/Godthab",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Mid-Atlantic (6:00 AM)",
+                                                                "label": "Mid-Atlantic (8:00 AM)",
                                                                 "value": "Atlantic/South_Georgia",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Belgrade (10:00 AM)",
+                                                                "label": "Belgrade (12:00 PM)",
                                                                 "value": "Europe/Belgrade",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Bratislava (10:00 AM)",
+                                                                "label": "Bratislava (12:00 PM)",
                                                                 "value": "Europe/Bratislava",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Budapest (10:00 AM)",
+                                                                "label": "Budapest (12:00 PM)",
                                                                 "value": "Europe/Budapest",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Ljubljana (10:00 AM)",
+                                                                "label": "Ljubljana (12:00 PM)",
                                                                 "value": "Europe/Ljubljana",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Prague (10:00 AM)",
+                                                                "label": "Prague (12:00 PM)",
                                                                 "value": "Europe/Prague",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Sarajevo (10:00 AM)",
+                                                                "label": "Sarajevo (12:00 PM)",
                                                                 "value": "Europe/Sarajevo",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Skopje (10:00 AM)",
+                                                                "label": "Skopje (12:00 PM)",
                                                                 "value": "Europe/Skopje",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Warsaw (10:00 AM)",
+                                                                "label": "Warsaw (12:00 PM)",
                                                                 "value": "Europe/Warsaw",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Zagreb (10:00 AM)",
+                                                                "label": "Zagreb (12:00 PM)",
                                                                 "value": "Europe/Zagreb",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Brussels (10:00 AM)",
+                                                                "label": "Brussels (12:00 PM)",
                                                                 "value": "Europe/Brussels",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Copenhagen (10:00 AM)",
+                                                                "label": "Copenhagen (12:00 PM)",
                                                                 "value": "Europe/Copenhagen",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Madrid (10:00 AM)",
+                                                                "label": "Madrid (12:00 PM)",
                                                                 "value": "Europe/Madrid",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Paris (10:00 AM)",
+                                                                "label": "Paris (12:00 PM)",
                                                                 "value": "Europe/Paris",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Amsterdam (10:00 AM)",
+                                                                "label": "Amsterdam (12:00 PM)",
                                                                 "value": "Europe/Amsterdam",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Berlin (10:00 AM)",
+                                                                "label": "Berlin (12:00 PM)",
                                                                 "value": "Europe/Berlin",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Bern (10:00 AM)",
+                                                                "label": "Bern (12:00 PM)",
                                                                 "value": "Europe/Zurich",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Zurich (10:00 AM)",
+                                                                "label": "Zurich (12:00 PM)",
                                                                 "value": "Europe/Zurich",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Rome (10:00 AM)",
+                                                                "label": "Rome (12:00 PM)",
                                                                 "value": "Europe/Rome",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Stockholm (10:00 AM)",
+                                                                "label": "Stockholm (12:00 PM)",
                                                                 "value": "Europe/Stockholm",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Vienna (10:00 AM)",
+                                                                "label": "Vienna (12:00 PM)",
                                                                 "value": "Europe/Vienna",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Cairo (10:00 AM)",
+                                                                "label": "Cairo (12:00 PM)",
                                                                 "value": "Africa/Cairo",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Harare (10:00 AM)",
+                                                                "label": "Harare (12:00 PM)",
                                                                 "value": "Africa/Harare",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Pretoria (10:00 AM)",
+                                                                "label": "Pretoria (12:00 PM)",
                                                                 "value": "Africa/Johannesburg",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Kaliningrad (10:00 AM)",
+                                                                "label": "Kaliningrad (12:00 PM)",
                                                                 "value": "Europe/Kaliningrad",
                                                               },
                                                               Object {
                                                                 "index": 250,
-                                                                "label": "Newfoundland (5:30 AM)",
+                                                                "label": "Newfoundland (7:30 AM)",
                                                                 "value": "America/St_Johns",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                "label": "Atlantic Time (Canada) (7:00 AM)",
                                                                 "value": "America/Halifax",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Brasilia (5:00 AM)",
+                                                                "label": "Brasilia (7:00 AM)",
                                                                 "value": "America/Sao_Paulo",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Buenos Aires (5:00 AM)",
+                                                                "label": "Buenos Aires (7:00 AM)",
                                                                 "value": "America/Argentina/Buenos_Aires",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Montevideo (5:00 AM)",
+                                                                "label": "Montevideo (7:00 AM)",
                                                                 "value": "America/Montevideo",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Bucharest (11:00 AM)",
+                                                                "label": "Bucharest (1:00 PM)",
                                                                 "value": "Europe/Bucharest",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Helsinki (11:00 AM)",
+                                                                "label": "Helsinki (1:00 PM)",
                                                                 "value": "Europe/Helsinki",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Kyiv (11:00 AM)",
+                                                                "label": "Kyiv (1:00 PM)",
                                                                 "value": "Europe/Kiev",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Riga (11:00 AM)",
+                                                                "label": "Riga (1:00 PM)",
                                                                 "value": "Europe/Riga",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Sofia (11:00 AM)",
+                                                                "label": "Sofia (1:00 PM)",
                                                                 "value": "Europe/Sofia",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Tallinn (11:00 AM)",
+                                                                "label": "Tallinn (1:00 PM)",
                                                                 "value": "Europe/Tallinn",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Vilnius (11:00 AM)",
+                                                                "label": "Vilnius (1:00 PM)",
                                                                 "value": "Europe/Vilnius",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Athens (11:00 AM)",
+                                                                "label": "Athens (1:00 PM)",
                                                                 "value": "Europe/Athens",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Istanbul (11:00 AM)",
+                                                                "label": "Istanbul (1:00 PM)",
                                                                 "value": "Europe/Istanbul",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Minsk (11:00 AM)",
+                                                                "label": "Minsk (1:00 PM)",
                                                                 "value": "Europe/Minsk",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Jerusalem (11:00 AM)",
+                                                                "label": "Jerusalem (1:00 PM)",
                                                                 "value": "Asia/Jerusalem",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Moscow (11:00 AM)",
+                                                                "label": "Moscow (1:00 PM)",
                                                                 "value": "Europe/Moscow",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "St. Petersburg (11:00 AM)",
+                                                                "label": "St. Petersburg (1:00 PM)",
                                                                 "value": "Europe/Moscow",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Kuwait (11:00 AM)",
+                                                                "label": "Kuwait (1:00 PM)",
                                                                 "value": "Asia/Kuwait",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Riyadh (11:00 AM)",
+                                                                "label": "Riyadh (1:00 PM)",
                                                                 "value": "Asia/Riyadh",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Nairobi (11:00 AM)",
+                                                                "label": "Nairobi (1:00 PM)",
                                                                 "value": "Africa/Nairobi",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Baghdad (11:00 AM)",
+                                                                "label": "Baghdad (1:00 PM)",
                                                                 "value": "Asia/Baghdad",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Caracas (4:00 AM)",
+                                                                "label": "Caracas (6:00 AM)",
                                                                 "value": "America/Caracas",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "La Paz (4:00 AM)",
+                                                                "label": "La Paz (6:00 AM)",
                                                                 "value": "America/La_Paz",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Santiago (4:00 AM)",
+                                                                "label": "Santiago (6:00 AM)",
                                                                 "value": "America/Santiago",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Georgetown (4:00 AM)",
+                                                                "label": "Georgetown (6:00 AM)",
                                                                 "value": "America/Guyana",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Volgograd (12:00 PM)",
+                                                                "label": "Volgograd (2:00 PM)",
                                                                 "value": "Europe/Volgograd",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Samara (12:00 PM)",
+                                                                "label": "Samara (2:00 PM)",
                                                                 "value": "Europe/Samara",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Abu Dhabi (12:00 PM)",
+                                                                "label": "Abu Dhabi (2:00 PM)",
                                                                 "value": "Asia/Muscat",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Muscat (12:00 PM)",
+                                                                "label": "Muscat (2:00 PM)",
                                                                 "value": "Asia/Muscat",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Baku (12:00 PM)",
+                                                                "label": "Baku (2:00 PM)",
                                                                 "value": "Asia/Baku",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Tbilisi (12:00 PM)",
+                                                                "label": "Tbilisi (2:00 PM)",
                                                                 "value": "Asia/Tbilisi",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Yerevan (12:00 PM)",
+                                                                "label": "Yerevan (2:00 PM)",
                                                                 "value": "Asia/Yerevan",
                                                               },
                                                               Object {
                                                                 "index": 370,
-                                                                "label": "Tehran (12:30 PM)",
+                                                                "label": "Tehran (2:30 PM)",
                                                                 "value": "Asia/Tehran",
                                                               },
                                                               Object {
                                                                 "index": 370,
-                                                                "label": "Kabul (12:30 PM)",
+                                                                "label": "Kabul (2:30 PM)",
                                                                 "value": "Asia/Kabul",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Guadalajara (3:00 AM)",
+                                                                "label": "Guadalajara (5:00 AM)",
                                                                 "value": "America/Mexico_City",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Mexico City (3:00 AM)",
+                                                                "label": "Mexico City (5:00 AM)",
                                                                 "value": "America/Mexico_City",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Monterrey (3:00 AM)",
+                                                                "label": "Monterrey (5:00 AM)",
                                                                 "value": "America/Monterrey",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Bogota (3:00 AM)",
+                                                                "label": "Bogota (5:00 AM)",
                                                                 "value": "America/Bogota",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Lima (3:00 AM)",
+                                                                "label": "Lima (5:00 AM)",
                                                                 "value": "America/Lima",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Quito (3:00 AM)",
+                                                                "label": "Quito (5:00 AM)",
                                                                 "value": "America/Lima",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Ekaterinburg (1:00 PM)",
+                                                                "label": "Ekaterinburg (3:00 PM)",
                                                                 "value": "Asia/Yekaterinburg",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Islamabad (1:00 PM)",
+                                                                "label": "Islamabad (3:00 PM)",
                                                                 "value": "Asia/Karachi",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Karachi (1:00 PM)",
+                                                                "label": "Karachi (3:00 PM)",
                                                                 "value": "Asia/Karachi",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Tashkent (1:00 PM)",
+                                                                "label": "Tashkent (3:00 PM)",
                                                                 "value": "Asia/Tashkent",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Chennai (1:30 PM)",
+                                                                "label": "Chennai (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Kolkata (1:30 PM)",
+                                                                "label": "Kolkata (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Mumbai (1:30 PM)",
+                                                                "label": "Mumbai (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "New Delhi (1:30 PM)",
+                                                                "label": "New Delhi (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                "label": "Sri Jayawardenepura (3:30 PM)",
                                                                 "value": "Asia/Colombo",
                                                               },
                                                               Object {
                                                                 "index": 445,
-                                                                "label": "Kathmandu (1:45 PM)",
+                                                                "label": "Kathmandu (3:45 PM)",
                                                                 "value": "Asia/Kathmandu",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Chihuahua (2:00 AM)",
+                                                                "label": "Chihuahua (4:00 AM)",
                                                                 "value": "America/Chihuahua",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Mazatlan (2:00 AM)",
+                                                                "label": "Mazatlan (4:00 AM)",
                                                                 "value": "America/Mazatlan",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Saskatchewan (2:00 AM)",
+                                                                "label": "Saskatchewan (4:00 AM)",
                                                                 "value": "America/Regina",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Central America (2:00 AM)",
+                                                                "label": "Central America (4:00 AM)",
                                                                 "value": "America/Guatemala",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Astana (2:00 PM)",
+                                                                "label": "Astana (4:00 PM)",
                                                                 "value": "Asia/Dhaka",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Dhaka (2:00 PM)",
+                                                                "label": "Dhaka (4:00 PM)",
                                                                 "value": "Asia/Dhaka",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Almaty (2:00 PM)",
+                                                                "label": "Almaty (4:00 PM)",
                                                                 "value": "Asia/Almaty",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Urumqi (2:00 PM)",
+                                                                "label": "Urumqi (4:00 PM)",
                                                                 "value": "Asia/Urumqi",
                                                               },
                                                               Object {
                                                                 "index": 490,
-                                                                "label": "Rangoon (2:30 PM)",
+                                                                "label": "Rangoon (4:30 PM)",
                                                                 "value": "Asia/Rangoon",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Tijuana (1:00 AM)",
+                                                                "label": "Tijuana (3:00 AM)",
                                                                 "value": "America/Tijuana",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Novosibirsk (3:00 PM)",
+                                                                "label": "Novosibirsk (5:00 PM)",
                                                                 "value": "Asia/Novosibirsk",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Bangkok (3:00 PM)",
+                                                                "label": "Bangkok (5:00 PM)",
                                                                 "value": "Asia/Bangkok",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Hanoi (3:00 PM)",
+                                                                "label": "Hanoi (5:00 PM)",
                                                                 "value": "Asia/Bangkok",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Jakarta (3:00 PM)",
+                                                                "label": "Jakarta (5:00 PM)",
                                                                 "value": "Asia/Jakarta",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Krasnoyarsk (3:00 PM)",
+                                                                "label": "Krasnoyarsk (5:00 PM)",
                                                                 "value": "Asia/Krasnoyarsk",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Beijing (4:00 PM)",
+                                                                "label": "Beijing (6:00 PM)",
                                                                 "value": "Asia/Shanghai",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Chongqing (4:00 PM)",
+                                                                "label": "Chongqing (6:00 PM)",
                                                                 "value": "Asia/Chongqing",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Hong Kong (4:00 PM)",
+                                                                "label": "Hong Kong (6:00 PM)",
                                                                 "value": "Asia/Hong_Kong",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Kuala Lumpur (4:00 PM)",
+                                                                "label": "Kuala Lumpur (6:00 PM)",
                                                                 "value": "Asia/Kuala_Lumpur",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Singapore (4:00 PM)",
+                                                                "label": "Singapore (6:00 PM)",
                                                                 "value": "Asia/Singapore",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Taipei (4:00 PM)",
+                                                                "label": "Taipei (6:00 PM)",
                                                                 "value": "Asia/Taipei",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Perth (4:00 PM)",
+                                                                "label": "Perth (6:00 PM)",
                                                                 "value": "Australia/Perth",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Irkutsk (4:00 PM)",
+                                                                "label": "Irkutsk (6:00 PM)",
                                                                 "value": "Asia/Irkutsk",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Ulaanbaatar (4:00 PM)",
+                                                                "label": "Ulaanbaatar (6:00 PM)",
                                                                 "value": "Asia/Ulaanbaatar",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Seoul (5:00 PM)",
+                                                                "label": "Seoul (7:00 PM)",
                                                                 "value": "Asia/Seoul",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Osaka (5:00 PM)",
+                                                                "label": "Osaka (7:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Sapporo (5:00 PM)",
+                                                                "label": "Sapporo (7:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Tokyo (5:00 PM)",
+                                                                "label": "Tokyo (7:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Yakutsk (5:00 PM)",
+                                                                "label": "Yakutsk (7:00 PM)",
                                                                 "value": "Asia/Yakutsk",
                                                               },
                                                               Object {
                                                                 "index": 670,
-                                                                "label": "Darwin (5:30 PM)",
+                                                                "label": "Darwin (7:30 PM)",
                                                                 "value": "Australia/Darwin",
                                                               },
                                                               Object {
                                                                 "index": 670,
-                                                                "label": "Adelaide (5:30 PM)",
+                                                                "label": "Adelaide (7:30 PM)",
                                                                 "value": "Australia/Adelaide",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Canberra (6:00 PM)",
+                                                                "label": "Canberra (8:00 PM)",
                                                                 "value": "Australia/Melbourne",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Melbourne (6:00 PM)",
+                                                                "label": "Melbourne (8:00 PM)",
                                                                 "value": "Australia/Melbourne",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Sydney (6:00 PM)",
+                                                                "label": "Sydney (8:00 PM)",
                                                                 "value": "Australia/Sydney",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Brisbane (6:00 PM)",
+                                                                "label": "Brisbane (8:00 PM)",
                                                                 "value": "Australia/Brisbane",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Hobart (6:00 PM)",
+                                                                "label": "Hobart (8:00 PM)",
                                                                 "value": "Australia/Hobart",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Vladivostok (6:00 PM)",
+                                                                "label": "Vladivostok (8:00 PM)",
                                                                 "value": "Asia/Vladivostok",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Guam (6:00 PM)",
+                                                                "label": "Guam (8:00 PM)",
                                                                 "value": "Pacific/Guam",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Port Moresby (6:00 PM)",
+                                                                "label": "Port Moresby (8:00 PM)",
                                                                 "value": "Pacific/Port_Moresby",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Midway Island (9:00 PM)",
+                                                                "label": "Midway Island (11:00 PM)",
                                                                 "value": "Pacific/Midway",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "American Samoa (9:00 PM)",
+                                                                "label": "American Samoa (11:00 PM)",
                                                                 "value": "Pacific/Pago_Pago",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Magadan (7:00 PM)",
+                                                                "label": "Magadan (9:00 PM)",
                                                                 "value": "Asia/Magadan",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Srednekolymsk (7:00 PM)",
+                                                                "label": "Srednekolymsk (9:00 PM)",
                                                                 "value": "Asia/Srednekolymsk",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Solomon Is. (7:00 PM)",
+                                                                "label": "Solomon Is. (9:00 PM)",
                                                                 "value": "Pacific/Guadalcanal",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "New Caledonia (7:00 PM)",
+                                                                "label": "New Caledonia (9:00 PM)",
                                                                 "value": "Pacific/Noumea",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "International Date Line West (8:00 PM)",
+                                                                "label": "International Date Line West (10:00 PM)",
                                                                 "value": "Etc/GMT+12",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Fiji (8:00 PM)",
+                                                                "label": "Fiji (10:00 PM)",
                                                                 "value": "Pacific/Fiji",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Kamchatka (8:00 PM)",
+                                                                "label": "Kamchatka (10:00 PM)",
                                                                 "value": "Asia/Kamchatka",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Marshall Is. (8:00 PM)",
+                                                                "label": "Marshall Is. (10:00 PM)",
                                                                 "value": "Pacific/Majuro",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Auckland (8:00 PM)",
+                                                                "label": "Auckland (10:00 PM)",
                                                                 "value": "Pacific/Auckland",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Wellington (8:00 PM)",
+                                                                "label": "Wellington (10:00 PM)",
                                                                 "value": "Pacific/Auckland",
                                                               },
                                                               Object {
                                                                 "index": 865,
-                                                                "label": "Chatham Is. (8:45 PM)",
+                                                                "label": "Chatham Is. (10:45 PM)",
                                                                 "value": "Pacific/Chatham",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Nuku'alofa (9:00 PM)",
+                                                                "label": "Nuku'alofa (11:00 PM)",
                                                                 "value": "Pacific/Tongatapu",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Tokelau Is. (9:00 PM)",
+                                                                "label": "Tokelau Is. (11:00 PM)",
                                                                 "value": "Pacific/Fakaofo",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Samoa (9:00 PM)",
+                                                                "label": "Samoa (11:00 PM)",
                                                                 "value": "Pacific/Apia",
                                                               },
                                                             ]
@@ -250326,762 +251280,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                                 },
                                                                 Object {
                                                                   "index": -3,
-                                                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                                   "value": "America/New_York",
                                                                 },
                                                                 Object {
                                                                   "index": -2,
-                                                                  "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                  "label": "Central Time (US & Canada) (5:00 AM)",
                                                                   "value": "America/Chicago",
                                                                 },
                                                                 Object {
                                                                   "index": -1,
-                                                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                                   "value": "America/Denver",
                                                                 },
                                                                 Object {
                                                                   "index": -0,
-                                                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                                   "value": "America/Los_Angeles",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Indiana (East) (4:00 AM)",
+                                                                  "label": "Indiana (East) (6:00 AM)",
                                                                   "value": "America/Indiana/Indianapolis",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Puerto Rico (4:00 AM)",
+                                                                  "label": "Puerto Rico (6:00 AM)",
                                                                   "value": "America/Puerto_Rico",
                                                                 },
                                                                 Object {
                                                                   "index": 4.2,
-                                                                  "label": "Arizona (1:00 AM)",
+                                                                  "label": "Arizona (3:00 AM)",
                                                                   "value": "America/Phoenix",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Alaska (12:00 AM)",
+                                                                  "label": "Alaska (2:00 AM)",
                                                                   "value": "America/Juneau",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Philippine Standard Time (4:00 PM)",
+                                                                  "label": "Philippine Standard Time (6:00 PM)",
                                                                   "value": "Asia/Manila",
                                                                 },
                                                                 Object {
                                                                   "index": 6,
-                                                                  "label": "Hawaii (10:00 PM)",
+                                                                  "label": "Hawaii (12:00 AM)",
                                                                   "value": "Pacific/Honolulu",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Azores (8:00 AM)",
+                                                                  "label": "Azores (10:00 AM)",
                                                                   "value": "Atlantic/Azores",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Monrovia (8:00 AM)",
+                                                                  "label": "Monrovia (10:00 AM)",
                                                                   "value": "Africa/Monrovia",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "UTC (8:00 AM)",
+                                                                  "label": "UTC (10:00 AM)",
                                                                   "value": "Etc/UTC",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Cape Verde Is. (7:00 AM)",
+                                                                  "label": "Cape Verde Is. (9:00 AM)",
                                                                   "value": "Atlantic/Cape_Verde",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Dublin (9:00 AM)",
+                                                                  "label": "Dublin (11:00 AM)",
                                                                   "value": "Europe/Dublin",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Edinburgh (9:00 AM)",
+                                                                  "label": "Edinburgh (11:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Lisbon (9:00 AM)",
+                                                                  "label": "Lisbon (11:00 AM)",
                                                                   "value": "Europe/Lisbon",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "London (9:00 AM)",
+                                                                  "label": "London (11:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Casablanca (9:00 AM)",
+                                                                  "label": "Casablanca (11:00 AM)",
                                                                   "value": "Africa/Casablanca",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "West Central Africa (9:00 AM)",
+                                                                  "label": "West Central Africa (11:00 AM)",
                                                                   "value": "Africa/Algiers",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Greenland (6:00 AM)",
+                                                                  "label": "Greenland (8:00 AM)",
                                                                   "value": "America/Godthab",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Mid-Atlantic (6:00 AM)",
+                                                                  "label": "Mid-Atlantic (8:00 AM)",
                                                                   "value": "Atlantic/South_Georgia",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Belgrade (10:00 AM)",
+                                                                  "label": "Belgrade (12:00 PM)",
                                                                   "value": "Europe/Belgrade",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bratislava (10:00 AM)",
+                                                                  "label": "Bratislava (12:00 PM)",
                                                                   "value": "Europe/Bratislava",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Budapest (10:00 AM)",
+                                                                  "label": "Budapest (12:00 PM)",
                                                                   "value": "Europe/Budapest",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Ljubljana (10:00 AM)",
+                                                                  "label": "Ljubljana (12:00 PM)",
                                                                   "value": "Europe/Ljubljana",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Prague (10:00 AM)",
+                                                                  "label": "Prague (12:00 PM)",
                                                                   "value": "Europe/Prague",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Sarajevo (10:00 AM)",
+                                                                  "label": "Sarajevo (12:00 PM)",
                                                                   "value": "Europe/Sarajevo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Skopje (10:00 AM)",
+                                                                  "label": "Skopje (12:00 PM)",
                                                                   "value": "Europe/Skopje",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Warsaw (10:00 AM)",
+                                                                  "label": "Warsaw (12:00 PM)",
                                                                   "value": "Europe/Warsaw",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zagreb (10:00 AM)",
+                                                                  "label": "Zagreb (12:00 PM)",
                                                                   "value": "Europe/Zagreb",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Brussels (10:00 AM)",
+                                                                  "label": "Brussels (12:00 PM)",
                                                                   "value": "Europe/Brussels",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Copenhagen (10:00 AM)",
+                                                                  "label": "Copenhagen (12:00 PM)",
                                                                   "value": "Europe/Copenhagen",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Madrid (10:00 AM)",
+                                                                  "label": "Madrid (12:00 PM)",
                                                                   "value": "Europe/Madrid",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Paris (10:00 AM)",
+                                                                  "label": "Paris (12:00 PM)",
                                                                   "value": "Europe/Paris",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Amsterdam (10:00 AM)",
+                                                                  "label": "Amsterdam (12:00 PM)",
                                                                   "value": "Europe/Amsterdam",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Berlin (10:00 AM)",
+                                                                  "label": "Berlin (12:00 PM)",
                                                                   "value": "Europe/Berlin",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bern (10:00 AM)",
+                                                                  "label": "Bern (12:00 PM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zurich (10:00 AM)",
+                                                                  "label": "Zurich (12:00 PM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Rome (10:00 AM)",
+                                                                  "label": "Rome (12:00 PM)",
                                                                   "value": "Europe/Rome",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Stockholm (10:00 AM)",
+                                                                  "label": "Stockholm (12:00 PM)",
                                                                   "value": "Europe/Stockholm",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Vienna (10:00 AM)",
+                                                                  "label": "Vienna (12:00 PM)",
                                                                   "value": "Europe/Vienna",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Cairo (10:00 AM)",
+                                                                  "label": "Cairo (12:00 PM)",
                                                                   "value": "Africa/Cairo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Harare (10:00 AM)",
+                                                                  "label": "Harare (12:00 PM)",
                                                                   "value": "Africa/Harare",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Pretoria (10:00 AM)",
+                                                                  "label": "Pretoria (12:00 PM)",
                                                                   "value": "Africa/Johannesburg",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Kaliningrad (10:00 AM)",
+                                                                  "label": "Kaliningrad (12:00 PM)",
                                                                   "value": "Europe/Kaliningrad",
                                                                 },
                                                                 Object {
                                                                   "index": 250,
-                                                                  "label": "Newfoundland (5:30 AM)",
+                                                                  "label": "Newfoundland (7:30 AM)",
                                                                   "value": "America/St_Johns",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                  "label": "Atlantic Time (Canada) (7:00 AM)",
                                                                   "value": "America/Halifax",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Brasilia (5:00 AM)",
+                                                                  "label": "Brasilia (7:00 AM)",
                                                                   "value": "America/Sao_Paulo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Buenos Aires (5:00 AM)",
+                                                                  "label": "Buenos Aires (7:00 AM)",
                                                                   "value": "America/Argentina/Buenos_Aires",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Montevideo (5:00 AM)",
+                                                                  "label": "Montevideo (7:00 AM)",
                                                                   "value": "America/Montevideo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Bucharest (11:00 AM)",
+                                                                  "label": "Bucharest (1:00 PM)",
                                                                   "value": "Europe/Bucharest",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Helsinki (11:00 AM)",
+                                                                  "label": "Helsinki (1:00 PM)",
                                                                   "value": "Europe/Helsinki",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kyiv (11:00 AM)",
+                                                                  "label": "Kyiv (1:00 PM)",
                                                                   "value": "Europe/Kiev",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riga (11:00 AM)",
+                                                                  "label": "Riga (1:00 PM)",
                                                                   "value": "Europe/Riga",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Sofia (11:00 AM)",
+                                                                  "label": "Sofia (1:00 PM)",
                                                                   "value": "Europe/Sofia",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Tallinn (11:00 AM)",
+                                                                  "label": "Tallinn (1:00 PM)",
                                                                   "value": "Europe/Tallinn",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Vilnius (11:00 AM)",
+                                                                  "label": "Vilnius (1:00 PM)",
                                                                   "value": "Europe/Vilnius",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Athens (11:00 AM)",
+                                                                  "label": "Athens (1:00 PM)",
                                                                   "value": "Europe/Athens",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Istanbul (11:00 AM)",
+                                                                  "label": "Istanbul (1:00 PM)",
                                                                   "value": "Europe/Istanbul",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Minsk (11:00 AM)",
+                                                                  "label": "Minsk (1:00 PM)",
                                                                   "value": "Europe/Minsk",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Jerusalem (11:00 AM)",
+                                                                  "label": "Jerusalem (1:00 PM)",
                                                                   "value": "Asia/Jerusalem",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Moscow (11:00 AM)",
+                                                                  "label": "Moscow (1:00 PM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "St. Petersburg (11:00 AM)",
+                                                                  "label": "St. Petersburg (1:00 PM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kuwait (11:00 AM)",
+                                                                  "label": "Kuwait (1:00 PM)",
                                                                   "value": "Asia/Kuwait",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riyadh (11:00 AM)",
+                                                                  "label": "Riyadh (1:00 PM)",
                                                                   "value": "Asia/Riyadh",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Nairobi (11:00 AM)",
+                                                                  "label": "Nairobi (1:00 PM)",
                                                                   "value": "Africa/Nairobi",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Baghdad (11:00 AM)",
+                                                                  "label": "Baghdad (1:00 PM)",
                                                                   "value": "Asia/Baghdad",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Caracas (4:00 AM)",
+                                                                  "label": "Caracas (6:00 AM)",
                                                                   "value": "America/Caracas",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "La Paz (4:00 AM)",
+                                                                  "label": "La Paz (6:00 AM)",
                                                                   "value": "America/La_Paz",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Santiago (4:00 AM)",
+                                                                  "label": "Santiago (6:00 AM)",
                                                                   "value": "America/Santiago",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Georgetown (4:00 AM)",
+                                                                  "label": "Georgetown (6:00 AM)",
                                                                   "value": "America/Guyana",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Volgograd (12:00 PM)",
+                                                                  "label": "Volgograd (2:00 PM)",
                                                                   "value": "Europe/Volgograd",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Samara (12:00 PM)",
+                                                                  "label": "Samara (2:00 PM)",
                                                                   "value": "Europe/Samara",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Abu Dhabi (12:00 PM)",
+                                                                  "label": "Abu Dhabi (2:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Muscat (12:00 PM)",
+                                                                  "label": "Muscat (2:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Baku (12:00 PM)",
+                                                                  "label": "Baku (2:00 PM)",
                                                                   "value": "Asia/Baku",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Tbilisi (12:00 PM)",
+                                                                  "label": "Tbilisi (2:00 PM)",
                                                                   "value": "Asia/Tbilisi",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Yerevan (12:00 PM)",
+                                                                  "label": "Yerevan (2:00 PM)",
                                                                   "value": "Asia/Yerevan",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Tehran (12:30 PM)",
+                                                                  "label": "Tehran (2:30 PM)",
                                                                   "value": "Asia/Tehran",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Kabul (12:30 PM)",
+                                                                  "label": "Kabul (2:30 PM)",
                                                                   "value": "Asia/Kabul",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Guadalajara (3:00 AM)",
+                                                                  "label": "Guadalajara (5:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Mexico City (3:00 AM)",
+                                                                  "label": "Mexico City (5:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Monterrey (3:00 AM)",
+                                                                  "label": "Monterrey (5:00 AM)",
                                                                   "value": "America/Monterrey",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Bogota (3:00 AM)",
+                                                                  "label": "Bogota (5:00 AM)",
                                                                   "value": "America/Bogota",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Lima (3:00 AM)",
+                                                                  "label": "Lima (5:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Quito (3:00 AM)",
+                                                                  "label": "Quito (5:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Ekaterinburg (1:00 PM)",
+                                                                  "label": "Ekaterinburg (3:00 PM)",
                                                                   "value": "Asia/Yekaterinburg",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Islamabad (1:00 PM)",
+                                                                  "label": "Islamabad (3:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Karachi (1:00 PM)",
+                                                                  "label": "Karachi (3:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Tashkent (1:00 PM)",
+                                                                  "label": "Tashkent (3:00 PM)",
                                                                   "value": "Asia/Tashkent",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Chennai (1:30 PM)",
+                                                                  "label": "Chennai (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Kolkata (1:30 PM)",
+                                                                  "label": "Kolkata (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Mumbai (1:30 PM)",
+                                                                  "label": "Mumbai (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "New Delhi (1:30 PM)",
+                                                                  "label": "New Delhi (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                  "label": "Sri Jayawardenepura (3:30 PM)",
                                                                   "value": "Asia/Colombo",
                                                                 },
                                                                 Object {
                                                                   "index": 445,
-                                                                  "label": "Kathmandu (1:45 PM)",
+                                                                  "label": "Kathmandu (3:45 PM)",
                                                                   "value": "Asia/Kathmandu",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Chihuahua (2:00 AM)",
+                                                                  "label": "Chihuahua (4:00 AM)",
                                                                   "value": "America/Chihuahua",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Mazatlan (2:00 AM)",
+                                                                  "label": "Mazatlan (4:00 AM)",
                                                                   "value": "America/Mazatlan",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Saskatchewan (2:00 AM)",
+                                                                  "label": "Saskatchewan (4:00 AM)",
                                                                   "value": "America/Regina",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Central America (2:00 AM)",
+                                                                  "label": "Central America (4:00 AM)",
                                                                   "value": "America/Guatemala",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Astana (2:00 PM)",
+                                                                  "label": "Astana (4:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Dhaka (2:00 PM)",
+                                                                  "label": "Dhaka (4:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Almaty (2:00 PM)",
+                                                                  "label": "Almaty (4:00 PM)",
                                                                   "value": "Asia/Almaty",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Urumqi (2:00 PM)",
+                                                                  "label": "Urumqi (4:00 PM)",
                                                                   "value": "Asia/Urumqi",
                                                                 },
                                                                 Object {
                                                                   "index": 490,
-                                                                  "label": "Rangoon (2:30 PM)",
+                                                                  "label": "Rangoon (4:30 PM)",
                                                                   "value": "Asia/Rangoon",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Tijuana (1:00 AM)",
+                                                                  "label": "Tijuana (3:00 AM)",
                                                                   "value": "America/Tijuana",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Novosibirsk (3:00 PM)",
+                                                                  "label": "Novosibirsk (5:00 PM)",
                                                                   "value": "Asia/Novosibirsk",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Bangkok (3:00 PM)",
+                                                                  "label": "Bangkok (5:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Hanoi (3:00 PM)",
+                                                                  "label": "Hanoi (5:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Jakarta (3:00 PM)",
+                                                                  "label": "Jakarta (5:00 PM)",
                                                                   "value": "Asia/Jakarta",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Krasnoyarsk (3:00 PM)",
+                                                                  "label": "Krasnoyarsk (5:00 PM)",
                                                                   "value": "Asia/Krasnoyarsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Beijing (4:00 PM)",
+                                                                  "label": "Beijing (6:00 PM)",
                                                                   "value": "Asia/Shanghai",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Chongqing (4:00 PM)",
+                                                                  "label": "Chongqing (6:00 PM)",
                                                                   "value": "Asia/Chongqing",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Hong Kong (4:00 PM)",
+                                                                  "label": "Hong Kong (6:00 PM)",
                                                                   "value": "Asia/Hong_Kong",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Kuala Lumpur (4:00 PM)",
+                                                                  "label": "Kuala Lumpur (6:00 PM)",
                                                                   "value": "Asia/Kuala_Lumpur",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Singapore (4:00 PM)",
+                                                                  "label": "Singapore (6:00 PM)",
                                                                   "value": "Asia/Singapore",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Taipei (4:00 PM)",
+                                                                  "label": "Taipei (6:00 PM)",
                                                                   "value": "Asia/Taipei",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Perth (4:00 PM)",
+                                                                  "label": "Perth (6:00 PM)",
                                                                   "value": "Australia/Perth",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Irkutsk (4:00 PM)",
+                                                                  "label": "Irkutsk (6:00 PM)",
                                                                   "value": "Asia/Irkutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Ulaanbaatar (4:00 PM)",
+                                                                  "label": "Ulaanbaatar (6:00 PM)",
                                                                   "value": "Asia/Ulaanbaatar",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Seoul (5:00 PM)",
+                                                                  "label": "Seoul (7:00 PM)",
                                                                   "value": "Asia/Seoul",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Osaka (5:00 PM)",
+                                                                  "label": "Osaka (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Sapporo (5:00 PM)",
+                                                                  "label": "Sapporo (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Tokyo (5:00 PM)",
+                                                                  "label": "Tokyo (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Yakutsk (5:00 PM)",
+                                                                  "label": "Yakutsk (7:00 PM)",
                                                                   "value": "Asia/Yakutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Darwin (5:30 PM)",
+                                                                  "label": "Darwin (7:30 PM)",
                                                                   "value": "Australia/Darwin",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Adelaide (5:30 PM)",
+                                                                  "label": "Adelaide (7:30 PM)",
                                                                   "value": "Australia/Adelaide",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Canberra (6:00 PM)",
+                                                                  "label": "Canberra (8:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Melbourne (6:00 PM)",
+                                                                  "label": "Melbourne (8:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Sydney (6:00 PM)",
+                                                                  "label": "Sydney (8:00 PM)",
                                                                   "value": "Australia/Sydney",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Brisbane (6:00 PM)",
+                                                                  "label": "Brisbane (8:00 PM)",
                                                                   "value": "Australia/Brisbane",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Hobart (6:00 PM)",
+                                                                  "label": "Hobart (8:00 PM)",
                                                                   "value": "Australia/Hobart",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Vladivostok (6:00 PM)",
+                                                                  "label": "Vladivostok (8:00 PM)",
                                                                   "value": "Asia/Vladivostok",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Guam (6:00 PM)",
+                                                                  "label": "Guam (8:00 PM)",
                                                                   "value": "Pacific/Guam",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Port Moresby (6:00 PM)",
+                                                                  "label": "Port Moresby (8:00 PM)",
                                                                   "value": "Pacific/Port_Moresby",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Midway Island (9:00 PM)",
+                                                                  "label": "Midway Island (11:00 PM)",
                                                                   "value": "Pacific/Midway",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "American Samoa (9:00 PM)",
+                                                                  "label": "American Samoa (11:00 PM)",
                                                                   "value": "Pacific/Pago_Pago",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Magadan (7:00 PM)",
+                                                                  "label": "Magadan (9:00 PM)",
                                                                   "value": "Asia/Magadan",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Srednekolymsk (7:00 PM)",
+                                                                  "label": "Srednekolymsk (9:00 PM)",
                                                                   "value": "Asia/Srednekolymsk",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Solomon Is. (7:00 PM)",
+                                                                  "label": "Solomon Is. (9:00 PM)",
                                                                   "value": "Pacific/Guadalcanal",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "New Caledonia (7:00 PM)",
+                                                                  "label": "New Caledonia (9:00 PM)",
                                                                   "value": "Pacific/Noumea",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "International Date Line West (8:00 PM)",
+                                                                  "label": "International Date Line West (10:00 PM)",
                                                                   "value": "Etc/GMT+12",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Fiji (8:00 PM)",
+                                                                  "label": "Fiji (10:00 PM)",
                                                                   "value": "Pacific/Fiji",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Kamchatka (8:00 PM)",
+                                                                  "label": "Kamchatka (10:00 PM)",
                                                                   "value": "Asia/Kamchatka",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Marshall Is. (8:00 PM)",
+                                                                  "label": "Marshall Is. (10:00 PM)",
                                                                   "value": "Pacific/Majuro",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Auckland (8:00 PM)",
+                                                                  "label": "Auckland (10:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Wellington (8:00 PM)",
+                                                                  "label": "Wellington (10:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 865,
-                                                                  "label": "Chatham Is. (8:45 PM)",
+                                                                  "label": "Chatham Is. (10:45 PM)",
                                                                   "value": "Pacific/Chatham",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Nuku'alofa (9:00 PM)",
+                                                                  "label": "Nuku'alofa (11:00 PM)",
                                                                   "value": "Pacific/Tongatapu",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Tokelau Is. (9:00 PM)",
+                                                                  "label": "Tokelau Is. (11:00 PM)",
                                                                   "value": "Pacific/Fakaofo",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Samoa (9:00 PM)",
+                                                                  "label": "Samoa (11:00 PM)",
                                                                   "value": "Pacific/Apia",
                                                                 },
                                                               ],
@@ -251095,7 +252049,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                               },
                                                               "tabIndex": "0",
                                                               "tabSelectsValue": true,
-                                                              "value": null,
+                                                              "value": Object {
+                                                                "index": -0,
+                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                                "value": "America/Los_Angeles",
+                                                              },
                                                             }
                                                           }
                                                           setValue={[Function]}
@@ -251155,7 +252113,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                           cx={[Function]}
                                                           getStyles={[Function]}
                                                           getValue={[Function]}
-                                                          hasValue={false}
+                                                          hasValue={true}
                                                           innerProps={
                                                             Object {
                                                               "aria-hidden": "true",
@@ -251175,762 +252133,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                               },
                                                               Object {
                                                                 "index": -3,
-                                                                "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                                 "value": "America/New_York",
                                                               },
                                                               Object {
                                                                 "index": -2,
-                                                                "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                "label": "Central Time (US & Canada) (5:00 AM)",
                                                                 "value": "America/Chicago",
                                                               },
                                                               Object {
                                                                 "index": -1,
-                                                                "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                                 "value": "America/Denver",
                                                               },
                                                               Object {
                                                                 "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                                 "value": "America/Los_Angeles",
                                                               },
                                                               Object {
                                                                 "index": 2.4,
-                                                                "label": "Indiana (East) (4:00 AM)",
+                                                                "label": "Indiana (East) (6:00 AM)",
                                                                 "value": "America/Indiana/Indianapolis",
                                                               },
                                                               Object {
                                                                 "index": 2.4,
-                                                                "label": "Puerto Rico (4:00 AM)",
+                                                                "label": "Puerto Rico (6:00 AM)",
                                                                 "value": "America/Puerto_Rico",
                                                               },
                                                               Object {
                                                                 "index": 4.2,
-                                                                "label": "Arizona (1:00 AM)",
+                                                                "label": "Arizona (3:00 AM)",
                                                                 "value": "America/Phoenix",
                                                               },
                                                               Object {
                                                                 "index": 4.8,
-                                                                "label": "Alaska (12:00 AM)",
+                                                                "label": "Alaska (2:00 AM)",
                                                                 "value": "America/Juneau",
                                                               },
                                                               Object {
                                                                 "index": 4.8,
-                                                                "label": "Philippine Standard Time (4:00 PM)",
+                                                                "label": "Philippine Standard Time (6:00 PM)",
                                                                 "value": "Asia/Manila",
                                                               },
                                                               Object {
                                                                 "index": 6,
-                                                                "label": "Hawaii (10:00 PM)",
+                                                                "label": "Hawaii (12:00 AM)",
                                                                 "value": "Pacific/Honolulu",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "Azores (8:00 AM)",
+                                                                "label": "Azores (10:00 AM)",
                                                                 "value": "Atlantic/Azores",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "Monrovia (8:00 AM)",
+                                                                "label": "Monrovia (10:00 AM)",
                                                                 "value": "Africa/Monrovia",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "UTC (8:00 AM)",
+                                                                "label": "UTC (10:00 AM)",
                                                                 "value": "Etc/UTC",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Cape Verde Is. (7:00 AM)",
+                                                                "label": "Cape Verde Is. (9:00 AM)",
                                                                 "value": "Atlantic/Cape_Verde",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Dublin (9:00 AM)",
+                                                                "label": "Dublin (11:00 AM)",
                                                                 "value": "Europe/Dublin",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Edinburgh (9:00 AM)",
+                                                                "label": "Edinburgh (11:00 AM)",
                                                                 "value": "Europe/London",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Lisbon (9:00 AM)",
+                                                                "label": "Lisbon (11:00 AM)",
                                                                 "value": "Europe/Lisbon",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "London (9:00 AM)",
+                                                                "label": "London (11:00 AM)",
                                                                 "value": "Europe/London",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Casablanca (9:00 AM)",
+                                                                "label": "Casablanca (11:00 AM)",
                                                                 "value": "Africa/Casablanca",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "West Central Africa (9:00 AM)",
+                                                                "label": "West Central Africa (11:00 AM)",
                                                                 "value": "Africa/Algiers",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Greenland (6:00 AM)",
+                                                                "label": "Greenland (8:00 AM)",
                                                                 "value": "America/Godthab",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Mid-Atlantic (6:00 AM)",
+                                                                "label": "Mid-Atlantic (8:00 AM)",
                                                                 "value": "Atlantic/South_Georgia",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Belgrade (10:00 AM)",
+                                                                "label": "Belgrade (12:00 PM)",
                                                                 "value": "Europe/Belgrade",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Bratislava (10:00 AM)",
+                                                                "label": "Bratislava (12:00 PM)",
                                                                 "value": "Europe/Bratislava",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Budapest (10:00 AM)",
+                                                                "label": "Budapest (12:00 PM)",
                                                                 "value": "Europe/Budapest",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Ljubljana (10:00 AM)",
+                                                                "label": "Ljubljana (12:00 PM)",
                                                                 "value": "Europe/Ljubljana",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Prague (10:00 AM)",
+                                                                "label": "Prague (12:00 PM)",
                                                                 "value": "Europe/Prague",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Sarajevo (10:00 AM)",
+                                                                "label": "Sarajevo (12:00 PM)",
                                                                 "value": "Europe/Sarajevo",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Skopje (10:00 AM)",
+                                                                "label": "Skopje (12:00 PM)",
                                                                 "value": "Europe/Skopje",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Warsaw (10:00 AM)",
+                                                                "label": "Warsaw (12:00 PM)",
                                                                 "value": "Europe/Warsaw",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Zagreb (10:00 AM)",
+                                                                "label": "Zagreb (12:00 PM)",
                                                                 "value": "Europe/Zagreb",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Brussels (10:00 AM)",
+                                                                "label": "Brussels (12:00 PM)",
                                                                 "value": "Europe/Brussels",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Copenhagen (10:00 AM)",
+                                                                "label": "Copenhagen (12:00 PM)",
                                                                 "value": "Europe/Copenhagen",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Madrid (10:00 AM)",
+                                                                "label": "Madrid (12:00 PM)",
                                                                 "value": "Europe/Madrid",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Paris (10:00 AM)",
+                                                                "label": "Paris (12:00 PM)",
                                                                 "value": "Europe/Paris",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Amsterdam (10:00 AM)",
+                                                                "label": "Amsterdam (12:00 PM)",
                                                                 "value": "Europe/Amsterdam",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Berlin (10:00 AM)",
+                                                                "label": "Berlin (12:00 PM)",
                                                                 "value": "Europe/Berlin",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Bern (10:00 AM)",
+                                                                "label": "Bern (12:00 PM)",
                                                                 "value": "Europe/Zurich",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Zurich (10:00 AM)",
+                                                                "label": "Zurich (12:00 PM)",
                                                                 "value": "Europe/Zurich",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Rome (10:00 AM)",
+                                                                "label": "Rome (12:00 PM)",
                                                                 "value": "Europe/Rome",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Stockholm (10:00 AM)",
+                                                                "label": "Stockholm (12:00 PM)",
                                                                 "value": "Europe/Stockholm",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Vienna (10:00 AM)",
+                                                                "label": "Vienna (12:00 PM)",
                                                                 "value": "Europe/Vienna",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Cairo (10:00 AM)",
+                                                                "label": "Cairo (12:00 PM)",
                                                                 "value": "Africa/Cairo",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Harare (10:00 AM)",
+                                                                "label": "Harare (12:00 PM)",
                                                                 "value": "Africa/Harare",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Pretoria (10:00 AM)",
+                                                                "label": "Pretoria (12:00 PM)",
                                                                 "value": "Africa/Johannesburg",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Kaliningrad (10:00 AM)",
+                                                                "label": "Kaliningrad (12:00 PM)",
                                                                 "value": "Europe/Kaliningrad",
                                                               },
                                                               Object {
                                                                 "index": 250,
-                                                                "label": "Newfoundland (5:30 AM)",
+                                                                "label": "Newfoundland (7:30 AM)",
                                                                 "value": "America/St_Johns",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                "label": "Atlantic Time (Canada) (7:00 AM)",
                                                                 "value": "America/Halifax",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Brasilia (5:00 AM)",
+                                                                "label": "Brasilia (7:00 AM)",
                                                                 "value": "America/Sao_Paulo",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Buenos Aires (5:00 AM)",
+                                                                "label": "Buenos Aires (7:00 AM)",
                                                                 "value": "America/Argentina/Buenos_Aires",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Montevideo (5:00 AM)",
+                                                                "label": "Montevideo (7:00 AM)",
                                                                 "value": "America/Montevideo",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Bucharest (11:00 AM)",
+                                                                "label": "Bucharest (1:00 PM)",
                                                                 "value": "Europe/Bucharest",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Helsinki (11:00 AM)",
+                                                                "label": "Helsinki (1:00 PM)",
                                                                 "value": "Europe/Helsinki",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Kyiv (11:00 AM)",
+                                                                "label": "Kyiv (1:00 PM)",
                                                                 "value": "Europe/Kiev",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Riga (11:00 AM)",
+                                                                "label": "Riga (1:00 PM)",
                                                                 "value": "Europe/Riga",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Sofia (11:00 AM)",
+                                                                "label": "Sofia (1:00 PM)",
                                                                 "value": "Europe/Sofia",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Tallinn (11:00 AM)",
+                                                                "label": "Tallinn (1:00 PM)",
                                                                 "value": "Europe/Tallinn",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Vilnius (11:00 AM)",
+                                                                "label": "Vilnius (1:00 PM)",
                                                                 "value": "Europe/Vilnius",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Athens (11:00 AM)",
+                                                                "label": "Athens (1:00 PM)",
                                                                 "value": "Europe/Athens",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Istanbul (11:00 AM)",
+                                                                "label": "Istanbul (1:00 PM)",
                                                                 "value": "Europe/Istanbul",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Minsk (11:00 AM)",
+                                                                "label": "Minsk (1:00 PM)",
                                                                 "value": "Europe/Minsk",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Jerusalem (11:00 AM)",
+                                                                "label": "Jerusalem (1:00 PM)",
                                                                 "value": "Asia/Jerusalem",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Moscow (11:00 AM)",
+                                                                "label": "Moscow (1:00 PM)",
                                                                 "value": "Europe/Moscow",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "St. Petersburg (11:00 AM)",
+                                                                "label": "St. Petersburg (1:00 PM)",
                                                                 "value": "Europe/Moscow",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Kuwait (11:00 AM)",
+                                                                "label": "Kuwait (1:00 PM)",
                                                                 "value": "Asia/Kuwait",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Riyadh (11:00 AM)",
+                                                                "label": "Riyadh (1:00 PM)",
                                                                 "value": "Asia/Riyadh",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Nairobi (11:00 AM)",
+                                                                "label": "Nairobi (1:00 PM)",
                                                                 "value": "Africa/Nairobi",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Baghdad (11:00 AM)",
+                                                                "label": "Baghdad (1:00 PM)",
                                                                 "value": "Asia/Baghdad",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Caracas (4:00 AM)",
+                                                                "label": "Caracas (6:00 AM)",
                                                                 "value": "America/Caracas",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "La Paz (4:00 AM)",
+                                                                "label": "La Paz (6:00 AM)",
                                                                 "value": "America/La_Paz",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Santiago (4:00 AM)",
+                                                                "label": "Santiago (6:00 AM)",
                                                                 "value": "America/Santiago",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Georgetown (4:00 AM)",
+                                                                "label": "Georgetown (6:00 AM)",
                                                                 "value": "America/Guyana",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Volgograd (12:00 PM)",
+                                                                "label": "Volgograd (2:00 PM)",
                                                                 "value": "Europe/Volgograd",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Samara (12:00 PM)",
+                                                                "label": "Samara (2:00 PM)",
                                                                 "value": "Europe/Samara",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Abu Dhabi (12:00 PM)",
+                                                                "label": "Abu Dhabi (2:00 PM)",
                                                                 "value": "Asia/Muscat",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Muscat (12:00 PM)",
+                                                                "label": "Muscat (2:00 PM)",
                                                                 "value": "Asia/Muscat",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Baku (12:00 PM)",
+                                                                "label": "Baku (2:00 PM)",
                                                                 "value": "Asia/Baku",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Tbilisi (12:00 PM)",
+                                                                "label": "Tbilisi (2:00 PM)",
                                                                 "value": "Asia/Tbilisi",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Yerevan (12:00 PM)",
+                                                                "label": "Yerevan (2:00 PM)",
                                                                 "value": "Asia/Yerevan",
                                                               },
                                                               Object {
                                                                 "index": 370,
-                                                                "label": "Tehran (12:30 PM)",
+                                                                "label": "Tehran (2:30 PM)",
                                                                 "value": "Asia/Tehran",
                                                               },
                                                               Object {
                                                                 "index": 370,
-                                                                "label": "Kabul (12:30 PM)",
+                                                                "label": "Kabul (2:30 PM)",
                                                                 "value": "Asia/Kabul",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Guadalajara (3:00 AM)",
+                                                                "label": "Guadalajara (5:00 AM)",
                                                                 "value": "America/Mexico_City",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Mexico City (3:00 AM)",
+                                                                "label": "Mexico City (5:00 AM)",
                                                                 "value": "America/Mexico_City",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Monterrey (3:00 AM)",
+                                                                "label": "Monterrey (5:00 AM)",
                                                                 "value": "America/Monterrey",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Bogota (3:00 AM)",
+                                                                "label": "Bogota (5:00 AM)",
                                                                 "value": "America/Bogota",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Lima (3:00 AM)",
+                                                                "label": "Lima (5:00 AM)",
                                                                 "value": "America/Lima",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Quito (3:00 AM)",
+                                                                "label": "Quito (5:00 AM)",
                                                                 "value": "America/Lima",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Ekaterinburg (1:00 PM)",
+                                                                "label": "Ekaterinburg (3:00 PM)",
                                                                 "value": "Asia/Yekaterinburg",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Islamabad (1:00 PM)",
+                                                                "label": "Islamabad (3:00 PM)",
                                                                 "value": "Asia/Karachi",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Karachi (1:00 PM)",
+                                                                "label": "Karachi (3:00 PM)",
                                                                 "value": "Asia/Karachi",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Tashkent (1:00 PM)",
+                                                                "label": "Tashkent (3:00 PM)",
                                                                 "value": "Asia/Tashkent",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Chennai (1:30 PM)",
+                                                                "label": "Chennai (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Kolkata (1:30 PM)",
+                                                                "label": "Kolkata (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Mumbai (1:30 PM)",
+                                                                "label": "Mumbai (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "New Delhi (1:30 PM)",
+                                                                "label": "New Delhi (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                "label": "Sri Jayawardenepura (3:30 PM)",
                                                                 "value": "Asia/Colombo",
                                                               },
                                                               Object {
                                                                 "index": 445,
-                                                                "label": "Kathmandu (1:45 PM)",
+                                                                "label": "Kathmandu (3:45 PM)",
                                                                 "value": "Asia/Kathmandu",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Chihuahua (2:00 AM)",
+                                                                "label": "Chihuahua (4:00 AM)",
                                                                 "value": "America/Chihuahua",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Mazatlan (2:00 AM)",
+                                                                "label": "Mazatlan (4:00 AM)",
                                                                 "value": "America/Mazatlan",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Saskatchewan (2:00 AM)",
+                                                                "label": "Saskatchewan (4:00 AM)",
                                                                 "value": "America/Regina",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Central America (2:00 AM)",
+                                                                "label": "Central America (4:00 AM)",
                                                                 "value": "America/Guatemala",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Astana (2:00 PM)",
+                                                                "label": "Astana (4:00 PM)",
                                                                 "value": "Asia/Dhaka",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Dhaka (2:00 PM)",
+                                                                "label": "Dhaka (4:00 PM)",
                                                                 "value": "Asia/Dhaka",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Almaty (2:00 PM)",
+                                                                "label": "Almaty (4:00 PM)",
                                                                 "value": "Asia/Almaty",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Urumqi (2:00 PM)",
+                                                                "label": "Urumqi (4:00 PM)",
                                                                 "value": "Asia/Urumqi",
                                                               },
                                                               Object {
                                                                 "index": 490,
-                                                                "label": "Rangoon (2:30 PM)",
+                                                                "label": "Rangoon (4:30 PM)",
                                                                 "value": "Asia/Rangoon",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Tijuana (1:00 AM)",
+                                                                "label": "Tijuana (3:00 AM)",
                                                                 "value": "America/Tijuana",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Novosibirsk (3:00 PM)",
+                                                                "label": "Novosibirsk (5:00 PM)",
                                                                 "value": "Asia/Novosibirsk",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Bangkok (3:00 PM)",
+                                                                "label": "Bangkok (5:00 PM)",
                                                                 "value": "Asia/Bangkok",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Hanoi (3:00 PM)",
+                                                                "label": "Hanoi (5:00 PM)",
                                                                 "value": "Asia/Bangkok",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Jakarta (3:00 PM)",
+                                                                "label": "Jakarta (5:00 PM)",
                                                                 "value": "Asia/Jakarta",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Krasnoyarsk (3:00 PM)",
+                                                                "label": "Krasnoyarsk (5:00 PM)",
                                                                 "value": "Asia/Krasnoyarsk",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Beijing (4:00 PM)",
+                                                                "label": "Beijing (6:00 PM)",
                                                                 "value": "Asia/Shanghai",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Chongqing (4:00 PM)",
+                                                                "label": "Chongqing (6:00 PM)",
                                                                 "value": "Asia/Chongqing",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Hong Kong (4:00 PM)",
+                                                                "label": "Hong Kong (6:00 PM)",
                                                                 "value": "Asia/Hong_Kong",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Kuala Lumpur (4:00 PM)",
+                                                                "label": "Kuala Lumpur (6:00 PM)",
                                                                 "value": "Asia/Kuala_Lumpur",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Singapore (4:00 PM)",
+                                                                "label": "Singapore (6:00 PM)",
                                                                 "value": "Asia/Singapore",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Taipei (4:00 PM)",
+                                                                "label": "Taipei (6:00 PM)",
                                                                 "value": "Asia/Taipei",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Perth (4:00 PM)",
+                                                                "label": "Perth (6:00 PM)",
                                                                 "value": "Australia/Perth",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Irkutsk (4:00 PM)",
+                                                                "label": "Irkutsk (6:00 PM)",
                                                                 "value": "Asia/Irkutsk",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Ulaanbaatar (4:00 PM)",
+                                                                "label": "Ulaanbaatar (6:00 PM)",
                                                                 "value": "Asia/Ulaanbaatar",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Seoul (5:00 PM)",
+                                                                "label": "Seoul (7:00 PM)",
                                                                 "value": "Asia/Seoul",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Osaka (5:00 PM)",
+                                                                "label": "Osaka (7:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Sapporo (5:00 PM)",
+                                                                "label": "Sapporo (7:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Tokyo (5:00 PM)",
+                                                                "label": "Tokyo (7:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Yakutsk (5:00 PM)",
+                                                                "label": "Yakutsk (7:00 PM)",
                                                                 "value": "Asia/Yakutsk",
                                                               },
                                                               Object {
                                                                 "index": 670,
-                                                                "label": "Darwin (5:30 PM)",
+                                                                "label": "Darwin (7:30 PM)",
                                                                 "value": "Australia/Darwin",
                                                               },
                                                               Object {
                                                                 "index": 670,
-                                                                "label": "Adelaide (5:30 PM)",
+                                                                "label": "Adelaide (7:30 PM)",
                                                                 "value": "Australia/Adelaide",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Canberra (6:00 PM)",
+                                                                "label": "Canberra (8:00 PM)",
                                                                 "value": "Australia/Melbourne",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Melbourne (6:00 PM)",
+                                                                "label": "Melbourne (8:00 PM)",
                                                                 "value": "Australia/Melbourne",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Sydney (6:00 PM)",
+                                                                "label": "Sydney (8:00 PM)",
                                                                 "value": "Australia/Sydney",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Brisbane (6:00 PM)",
+                                                                "label": "Brisbane (8:00 PM)",
                                                                 "value": "Australia/Brisbane",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Hobart (6:00 PM)",
+                                                                "label": "Hobart (8:00 PM)",
                                                                 "value": "Australia/Hobart",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Vladivostok (6:00 PM)",
+                                                                "label": "Vladivostok (8:00 PM)",
                                                                 "value": "Asia/Vladivostok",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Guam (6:00 PM)",
+                                                                "label": "Guam (8:00 PM)",
                                                                 "value": "Pacific/Guam",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Port Moresby (6:00 PM)",
+                                                                "label": "Port Moresby (8:00 PM)",
                                                                 "value": "Pacific/Port_Moresby",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Midway Island (9:00 PM)",
+                                                                "label": "Midway Island (11:00 PM)",
                                                                 "value": "Pacific/Midway",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "American Samoa (9:00 PM)",
+                                                                "label": "American Samoa (11:00 PM)",
                                                                 "value": "Pacific/Pago_Pago",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Magadan (7:00 PM)",
+                                                                "label": "Magadan (9:00 PM)",
                                                                 "value": "Asia/Magadan",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Srednekolymsk (7:00 PM)",
+                                                                "label": "Srednekolymsk (9:00 PM)",
                                                                 "value": "Asia/Srednekolymsk",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Solomon Is. (7:00 PM)",
+                                                                "label": "Solomon Is. (9:00 PM)",
                                                                 "value": "Pacific/Guadalcanal",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "New Caledonia (7:00 PM)",
+                                                                "label": "New Caledonia (9:00 PM)",
                                                                 "value": "Pacific/Noumea",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "International Date Line West (8:00 PM)",
+                                                                "label": "International Date Line West (10:00 PM)",
                                                                 "value": "Etc/GMT+12",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Fiji (8:00 PM)",
+                                                                "label": "Fiji (10:00 PM)",
                                                                 "value": "Pacific/Fiji",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Kamchatka (8:00 PM)",
+                                                                "label": "Kamchatka (10:00 PM)",
                                                                 "value": "Asia/Kamchatka",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Marshall Is. (8:00 PM)",
+                                                                "label": "Marshall Is. (10:00 PM)",
                                                                 "value": "Pacific/Majuro",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Auckland (8:00 PM)",
+                                                                "label": "Auckland (10:00 PM)",
                                                                 "value": "Pacific/Auckland",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Wellington (8:00 PM)",
+                                                                "label": "Wellington (10:00 PM)",
                                                                 "value": "Pacific/Auckland",
                                                               },
                                                               Object {
                                                                 "index": 865,
-                                                                "label": "Chatham Is. (8:45 PM)",
+                                                                "label": "Chatham Is. (10:45 PM)",
                                                                 "value": "Pacific/Chatham",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Nuku'alofa (9:00 PM)",
+                                                                "label": "Nuku'alofa (11:00 PM)",
                                                                 "value": "Pacific/Tongatapu",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Tokelau Is. (9:00 PM)",
+                                                                "label": "Tokelau Is. (11:00 PM)",
                                                                 "value": "Pacific/Fakaofo",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Samoa (9:00 PM)",
+                                                                "label": "Samoa (11:00 PM)",
                                                                 "value": "Pacific/Apia",
                                                               },
                                                             ]
@@ -251991,762 +252949,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                                 },
                                                                 Object {
                                                                   "index": -3,
-                                                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                                   "value": "America/New_York",
                                                                 },
                                                                 Object {
                                                                   "index": -2,
-                                                                  "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                  "label": "Central Time (US & Canada) (5:00 AM)",
                                                                   "value": "America/Chicago",
                                                                 },
                                                                 Object {
                                                                   "index": -1,
-                                                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                                   "value": "America/Denver",
                                                                 },
                                                                 Object {
                                                                   "index": -0,
-                                                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                                   "value": "America/Los_Angeles",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Indiana (East) (4:00 AM)",
+                                                                  "label": "Indiana (East) (6:00 AM)",
                                                                   "value": "America/Indiana/Indianapolis",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Puerto Rico (4:00 AM)",
+                                                                  "label": "Puerto Rico (6:00 AM)",
                                                                   "value": "America/Puerto_Rico",
                                                                 },
                                                                 Object {
                                                                   "index": 4.2,
-                                                                  "label": "Arizona (1:00 AM)",
+                                                                  "label": "Arizona (3:00 AM)",
                                                                   "value": "America/Phoenix",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Alaska (12:00 AM)",
+                                                                  "label": "Alaska (2:00 AM)",
                                                                   "value": "America/Juneau",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Philippine Standard Time (4:00 PM)",
+                                                                  "label": "Philippine Standard Time (6:00 PM)",
                                                                   "value": "Asia/Manila",
                                                                 },
                                                                 Object {
                                                                   "index": 6,
-                                                                  "label": "Hawaii (10:00 PM)",
+                                                                  "label": "Hawaii (12:00 AM)",
                                                                   "value": "Pacific/Honolulu",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Azores (8:00 AM)",
+                                                                  "label": "Azores (10:00 AM)",
                                                                   "value": "Atlantic/Azores",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Monrovia (8:00 AM)",
+                                                                  "label": "Monrovia (10:00 AM)",
                                                                   "value": "Africa/Monrovia",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "UTC (8:00 AM)",
+                                                                  "label": "UTC (10:00 AM)",
                                                                   "value": "Etc/UTC",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Cape Verde Is. (7:00 AM)",
+                                                                  "label": "Cape Verde Is. (9:00 AM)",
                                                                   "value": "Atlantic/Cape_Verde",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Dublin (9:00 AM)",
+                                                                  "label": "Dublin (11:00 AM)",
                                                                   "value": "Europe/Dublin",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Edinburgh (9:00 AM)",
+                                                                  "label": "Edinburgh (11:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Lisbon (9:00 AM)",
+                                                                  "label": "Lisbon (11:00 AM)",
                                                                   "value": "Europe/Lisbon",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "London (9:00 AM)",
+                                                                  "label": "London (11:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Casablanca (9:00 AM)",
+                                                                  "label": "Casablanca (11:00 AM)",
                                                                   "value": "Africa/Casablanca",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "West Central Africa (9:00 AM)",
+                                                                  "label": "West Central Africa (11:00 AM)",
                                                                   "value": "Africa/Algiers",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Greenland (6:00 AM)",
+                                                                  "label": "Greenland (8:00 AM)",
                                                                   "value": "America/Godthab",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Mid-Atlantic (6:00 AM)",
+                                                                  "label": "Mid-Atlantic (8:00 AM)",
                                                                   "value": "Atlantic/South_Georgia",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Belgrade (10:00 AM)",
+                                                                  "label": "Belgrade (12:00 PM)",
                                                                   "value": "Europe/Belgrade",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bratislava (10:00 AM)",
+                                                                  "label": "Bratislava (12:00 PM)",
                                                                   "value": "Europe/Bratislava",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Budapest (10:00 AM)",
+                                                                  "label": "Budapest (12:00 PM)",
                                                                   "value": "Europe/Budapest",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Ljubljana (10:00 AM)",
+                                                                  "label": "Ljubljana (12:00 PM)",
                                                                   "value": "Europe/Ljubljana",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Prague (10:00 AM)",
+                                                                  "label": "Prague (12:00 PM)",
                                                                   "value": "Europe/Prague",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Sarajevo (10:00 AM)",
+                                                                  "label": "Sarajevo (12:00 PM)",
                                                                   "value": "Europe/Sarajevo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Skopje (10:00 AM)",
+                                                                  "label": "Skopje (12:00 PM)",
                                                                   "value": "Europe/Skopje",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Warsaw (10:00 AM)",
+                                                                  "label": "Warsaw (12:00 PM)",
                                                                   "value": "Europe/Warsaw",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zagreb (10:00 AM)",
+                                                                  "label": "Zagreb (12:00 PM)",
                                                                   "value": "Europe/Zagreb",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Brussels (10:00 AM)",
+                                                                  "label": "Brussels (12:00 PM)",
                                                                   "value": "Europe/Brussels",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Copenhagen (10:00 AM)",
+                                                                  "label": "Copenhagen (12:00 PM)",
                                                                   "value": "Europe/Copenhagen",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Madrid (10:00 AM)",
+                                                                  "label": "Madrid (12:00 PM)",
                                                                   "value": "Europe/Madrid",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Paris (10:00 AM)",
+                                                                  "label": "Paris (12:00 PM)",
                                                                   "value": "Europe/Paris",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Amsterdam (10:00 AM)",
+                                                                  "label": "Amsterdam (12:00 PM)",
                                                                   "value": "Europe/Amsterdam",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Berlin (10:00 AM)",
+                                                                  "label": "Berlin (12:00 PM)",
                                                                   "value": "Europe/Berlin",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bern (10:00 AM)",
+                                                                  "label": "Bern (12:00 PM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zurich (10:00 AM)",
+                                                                  "label": "Zurich (12:00 PM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Rome (10:00 AM)",
+                                                                  "label": "Rome (12:00 PM)",
                                                                   "value": "Europe/Rome",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Stockholm (10:00 AM)",
+                                                                  "label": "Stockholm (12:00 PM)",
                                                                   "value": "Europe/Stockholm",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Vienna (10:00 AM)",
+                                                                  "label": "Vienna (12:00 PM)",
                                                                   "value": "Europe/Vienna",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Cairo (10:00 AM)",
+                                                                  "label": "Cairo (12:00 PM)",
                                                                   "value": "Africa/Cairo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Harare (10:00 AM)",
+                                                                  "label": "Harare (12:00 PM)",
                                                                   "value": "Africa/Harare",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Pretoria (10:00 AM)",
+                                                                  "label": "Pretoria (12:00 PM)",
                                                                   "value": "Africa/Johannesburg",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Kaliningrad (10:00 AM)",
+                                                                  "label": "Kaliningrad (12:00 PM)",
                                                                   "value": "Europe/Kaliningrad",
                                                                 },
                                                                 Object {
                                                                   "index": 250,
-                                                                  "label": "Newfoundland (5:30 AM)",
+                                                                  "label": "Newfoundland (7:30 AM)",
                                                                   "value": "America/St_Johns",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                  "label": "Atlantic Time (Canada) (7:00 AM)",
                                                                   "value": "America/Halifax",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Brasilia (5:00 AM)",
+                                                                  "label": "Brasilia (7:00 AM)",
                                                                   "value": "America/Sao_Paulo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Buenos Aires (5:00 AM)",
+                                                                  "label": "Buenos Aires (7:00 AM)",
                                                                   "value": "America/Argentina/Buenos_Aires",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Montevideo (5:00 AM)",
+                                                                  "label": "Montevideo (7:00 AM)",
                                                                   "value": "America/Montevideo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Bucharest (11:00 AM)",
+                                                                  "label": "Bucharest (1:00 PM)",
                                                                   "value": "Europe/Bucharest",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Helsinki (11:00 AM)",
+                                                                  "label": "Helsinki (1:00 PM)",
                                                                   "value": "Europe/Helsinki",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kyiv (11:00 AM)",
+                                                                  "label": "Kyiv (1:00 PM)",
                                                                   "value": "Europe/Kiev",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riga (11:00 AM)",
+                                                                  "label": "Riga (1:00 PM)",
                                                                   "value": "Europe/Riga",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Sofia (11:00 AM)",
+                                                                  "label": "Sofia (1:00 PM)",
                                                                   "value": "Europe/Sofia",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Tallinn (11:00 AM)",
+                                                                  "label": "Tallinn (1:00 PM)",
                                                                   "value": "Europe/Tallinn",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Vilnius (11:00 AM)",
+                                                                  "label": "Vilnius (1:00 PM)",
                                                                   "value": "Europe/Vilnius",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Athens (11:00 AM)",
+                                                                  "label": "Athens (1:00 PM)",
                                                                   "value": "Europe/Athens",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Istanbul (11:00 AM)",
+                                                                  "label": "Istanbul (1:00 PM)",
                                                                   "value": "Europe/Istanbul",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Minsk (11:00 AM)",
+                                                                  "label": "Minsk (1:00 PM)",
                                                                   "value": "Europe/Minsk",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Jerusalem (11:00 AM)",
+                                                                  "label": "Jerusalem (1:00 PM)",
                                                                   "value": "Asia/Jerusalem",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Moscow (11:00 AM)",
+                                                                  "label": "Moscow (1:00 PM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "St. Petersburg (11:00 AM)",
+                                                                  "label": "St. Petersburg (1:00 PM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kuwait (11:00 AM)",
+                                                                  "label": "Kuwait (1:00 PM)",
                                                                   "value": "Asia/Kuwait",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riyadh (11:00 AM)",
+                                                                  "label": "Riyadh (1:00 PM)",
                                                                   "value": "Asia/Riyadh",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Nairobi (11:00 AM)",
+                                                                  "label": "Nairobi (1:00 PM)",
                                                                   "value": "Africa/Nairobi",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Baghdad (11:00 AM)",
+                                                                  "label": "Baghdad (1:00 PM)",
                                                                   "value": "Asia/Baghdad",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Caracas (4:00 AM)",
+                                                                  "label": "Caracas (6:00 AM)",
                                                                   "value": "America/Caracas",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "La Paz (4:00 AM)",
+                                                                  "label": "La Paz (6:00 AM)",
                                                                   "value": "America/La_Paz",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Santiago (4:00 AM)",
+                                                                  "label": "Santiago (6:00 AM)",
                                                                   "value": "America/Santiago",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Georgetown (4:00 AM)",
+                                                                  "label": "Georgetown (6:00 AM)",
                                                                   "value": "America/Guyana",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Volgograd (12:00 PM)",
+                                                                  "label": "Volgograd (2:00 PM)",
                                                                   "value": "Europe/Volgograd",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Samara (12:00 PM)",
+                                                                  "label": "Samara (2:00 PM)",
                                                                   "value": "Europe/Samara",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Abu Dhabi (12:00 PM)",
+                                                                  "label": "Abu Dhabi (2:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Muscat (12:00 PM)",
+                                                                  "label": "Muscat (2:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Baku (12:00 PM)",
+                                                                  "label": "Baku (2:00 PM)",
                                                                   "value": "Asia/Baku",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Tbilisi (12:00 PM)",
+                                                                  "label": "Tbilisi (2:00 PM)",
                                                                   "value": "Asia/Tbilisi",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Yerevan (12:00 PM)",
+                                                                  "label": "Yerevan (2:00 PM)",
                                                                   "value": "Asia/Yerevan",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Tehran (12:30 PM)",
+                                                                  "label": "Tehran (2:30 PM)",
                                                                   "value": "Asia/Tehran",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Kabul (12:30 PM)",
+                                                                  "label": "Kabul (2:30 PM)",
                                                                   "value": "Asia/Kabul",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Guadalajara (3:00 AM)",
+                                                                  "label": "Guadalajara (5:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Mexico City (3:00 AM)",
+                                                                  "label": "Mexico City (5:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Monterrey (3:00 AM)",
+                                                                  "label": "Monterrey (5:00 AM)",
                                                                   "value": "America/Monterrey",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Bogota (3:00 AM)",
+                                                                  "label": "Bogota (5:00 AM)",
                                                                   "value": "America/Bogota",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Lima (3:00 AM)",
+                                                                  "label": "Lima (5:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Quito (3:00 AM)",
+                                                                  "label": "Quito (5:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Ekaterinburg (1:00 PM)",
+                                                                  "label": "Ekaterinburg (3:00 PM)",
                                                                   "value": "Asia/Yekaterinburg",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Islamabad (1:00 PM)",
+                                                                  "label": "Islamabad (3:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Karachi (1:00 PM)",
+                                                                  "label": "Karachi (3:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Tashkent (1:00 PM)",
+                                                                  "label": "Tashkent (3:00 PM)",
                                                                   "value": "Asia/Tashkent",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Chennai (1:30 PM)",
+                                                                  "label": "Chennai (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Kolkata (1:30 PM)",
+                                                                  "label": "Kolkata (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Mumbai (1:30 PM)",
+                                                                  "label": "Mumbai (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "New Delhi (1:30 PM)",
+                                                                  "label": "New Delhi (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                  "label": "Sri Jayawardenepura (3:30 PM)",
                                                                   "value": "Asia/Colombo",
                                                                 },
                                                                 Object {
                                                                   "index": 445,
-                                                                  "label": "Kathmandu (1:45 PM)",
+                                                                  "label": "Kathmandu (3:45 PM)",
                                                                   "value": "Asia/Kathmandu",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Chihuahua (2:00 AM)",
+                                                                  "label": "Chihuahua (4:00 AM)",
                                                                   "value": "America/Chihuahua",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Mazatlan (2:00 AM)",
+                                                                  "label": "Mazatlan (4:00 AM)",
                                                                   "value": "America/Mazatlan",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Saskatchewan (2:00 AM)",
+                                                                  "label": "Saskatchewan (4:00 AM)",
                                                                   "value": "America/Regina",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Central America (2:00 AM)",
+                                                                  "label": "Central America (4:00 AM)",
                                                                   "value": "America/Guatemala",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Astana (2:00 PM)",
+                                                                  "label": "Astana (4:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Dhaka (2:00 PM)",
+                                                                  "label": "Dhaka (4:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Almaty (2:00 PM)",
+                                                                  "label": "Almaty (4:00 PM)",
                                                                   "value": "Asia/Almaty",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Urumqi (2:00 PM)",
+                                                                  "label": "Urumqi (4:00 PM)",
                                                                   "value": "Asia/Urumqi",
                                                                 },
                                                                 Object {
                                                                   "index": 490,
-                                                                  "label": "Rangoon (2:30 PM)",
+                                                                  "label": "Rangoon (4:30 PM)",
                                                                   "value": "Asia/Rangoon",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Tijuana (1:00 AM)",
+                                                                  "label": "Tijuana (3:00 AM)",
                                                                   "value": "America/Tijuana",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Novosibirsk (3:00 PM)",
+                                                                  "label": "Novosibirsk (5:00 PM)",
                                                                   "value": "Asia/Novosibirsk",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Bangkok (3:00 PM)",
+                                                                  "label": "Bangkok (5:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Hanoi (3:00 PM)",
+                                                                  "label": "Hanoi (5:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Jakarta (3:00 PM)",
+                                                                  "label": "Jakarta (5:00 PM)",
                                                                   "value": "Asia/Jakarta",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Krasnoyarsk (3:00 PM)",
+                                                                  "label": "Krasnoyarsk (5:00 PM)",
                                                                   "value": "Asia/Krasnoyarsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Beijing (4:00 PM)",
+                                                                  "label": "Beijing (6:00 PM)",
                                                                   "value": "Asia/Shanghai",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Chongqing (4:00 PM)",
+                                                                  "label": "Chongqing (6:00 PM)",
                                                                   "value": "Asia/Chongqing",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Hong Kong (4:00 PM)",
+                                                                  "label": "Hong Kong (6:00 PM)",
                                                                   "value": "Asia/Hong_Kong",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Kuala Lumpur (4:00 PM)",
+                                                                  "label": "Kuala Lumpur (6:00 PM)",
                                                                   "value": "Asia/Kuala_Lumpur",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Singapore (4:00 PM)",
+                                                                  "label": "Singapore (6:00 PM)",
                                                                   "value": "Asia/Singapore",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Taipei (4:00 PM)",
+                                                                  "label": "Taipei (6:00 PM)",
                                                                   "value": "Asia/Taipei",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Perth (4:00 PM)",
+                                                                  "label": "Perth (6:00 PM)",
                                                                   "value": "Australia/Perth",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Irkutsk (4:00 PM)",
+                                                                  "label": "Irkutsk (6:00 PM)",
                                                                   "value": "Asia/Irkutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Ulaanbaatar (4:00 PM)",
+                                                                  "label": "Ulaanbaatar (6:00 PM)",
                                                                   "value": "Asia/Ulaanbaatar",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Seoul (5:00 PM)",
+                                                                  "label": "Seoul (7:00 PM)",
                                                                   "value": "Asia/Seoul",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Osaka (5:00 PM)",
+                                                                  "label": "Osaka (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Sapporo (5:00 PM)",
+                                                                  "label": "Sapporo (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Tokyo (5:00 PM)",
+                                                                  "label": "Tokyo (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Yakutsk (5:00 PM)",
+                                                                  "label": "Yakutsk (7:00 PM)",
                                                                   "value": "Asia/Yakutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Darwin (5:30 PM)",
+                                                                  "label": "Darwin (7:30 PM)",
                                                                   "value": "Australia/Darwin",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Adelaide (5:30 PM)",
+                                                                  "label": "Adelaide (7:30 PM)",
                                                                   "value": "Australia/Adelaide",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Canberra (6:00 PM)",
+                                                                  "label": "Canberra (8:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Melbourne (6:00 PM)",
+                                                                  "label": "Melbourne (8:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Sydney (6:00 PM)",
+                                                                  "label": "Sydney (8:00 PM)",
                                                                   "value": "Australia/Sydney",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Brisbane (6:00 PM)",
+                                                                  "label": "Brisbane (8:00 PM)",
                                                                   "value": "Australia/Brisbane",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Hobart (6:00 PM)",
+                                                                  "label": "Hobart (8:00 PM)",
                                                                   "value": "Australia/Hobart",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Vladivostok (6:00 PM)",
+                                                                  "label": "Vladivostok (8:00 PM)",
                                                                   "value": "Asia/Vladivostok",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Guam (6:00 PM)",
+                                                                  "label": "Guam (8:00 PM)",
                                                                   "value": "Pacific/Guam",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Port Moresby (6:00 PM)",
+                                                                  "label": "Port Moresby (8:00 PM)",
                                                                   "value": "Pacific/Port_Moresby",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Midway Island (9:00 PM)",
+                                                                  "label": "Midway Island (11:00 PM)",
                                                                   "value": "Pacific/Midway",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "American Samoa (9:00 PM)",
+                                                                  "label": "American Samoa (11:00 PM)",
                                                                   "value": "Pacific/Pago_Pago",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Magadan (7:00 PM)",
+                                                                  "label": "Magadan (9:00 PM)",
                                                                   "value": "Asia/Magadan",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Srednekolymsk (7:00 PM)",
+                                                                  "label": "Srednekolymsk (9:00 PM)",
                                                                   "value": "Asia/Srednekolymsk",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Solomon Is. (7:00 PM)",
+                                                                  "label": "Solomon Is. (9:00 PM)",
                                                                   "value": "Pacific/Guadalcanal",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "New Caledonia (7:00 PM)",
+                                                                  "label": "New Caledonia (9:00 PM)",
                                                                   "value": "Pacific/Noumea",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "International Date Line West (8:00 PM)",
+                                                                  "label": "International Date Line West (10:00 PM)",
                                                                   "value": "Etc/GMT+12",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Fiji (8:00 PM)",
+                                                                  "label": "Fiji (10:00 PM)",
                                                                   "value": "Pacific/Fiji",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Kamchatka (8:00 PM)",
+                                                                  "label": "Kamchatka (10:00 PM)",
                                                                   "value": "Asia/Kamchatka",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Marshall Is. (8:00 PM)",
+                                                                  "label": "Marshall Is. (10:00 PM)",
                                                                   "value": "Pacific/Majuro",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Auckland (8:00 PM)",
+                                                                  "label": "Auckland (10:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Wellington (8:00 PM)",
+                                                                  "label": "Wellington (10:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 865,
-                                                                  "label": "Chatham Is. (8:45 PM)",
+                                                                  "label": "Chatham Is. (10:45 PM)",
                                                                   "value": "Pacific/Chatham",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Nuku'alofa (9:00 PM)",
+                                                                  "label": "Nuku'alofa (11:00 PM)",
                                                                   "value": "Pacific/Tongatapu",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Tokelau Is. (9:00 PM)",
+                                                                  "label": "Tokelau Is. (11:00 PM)",
                                                                   "value": "Pacific/Fakaofo",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Samoa (9:00 PM)",
+                                                                  "label": "Samoa (11:00 PM)",
                                                                   "value": "Pacific/Apia",
                                                                 },
                                                               ],
@@ -252760,7 +253718,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                               },
                                                               "tabIndex": "0",
                                                               "tabSelectsValue": true,
-                                                              "value": null,
+                                                              "value": Object {
+                                                                "index": -0,
+                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                                "value": "America/Los_Angeles",
+                                                              },
                                                             }
                                                           }
                                                           setValue={[Function]}
@@ -252869,7 +253831,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                             <input
                                               name="appellantTz"
                                               type="hidden"
-                                              value=""
+                                              value="America/Los_Angeles"
                                             />
                                           </div>
                                         </EmotionCssPropInternal>
@@ -252899,7 +253861,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                           email="tom.brady@caseflow.gov"
                           emailType="appellantEmailAddress"
                           helperLabel="This email address will be used to send notifications for this hearing only."
-                          label="Appellant Email"
+                          label="Veteran Email"
                           optional={true}
                           required={false}
                           showHelper={true}
@@ -252911,7 +253873,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                 "cf-form-textinput cf-inline-field",
                               ]
                             }
-                            name="Appellant Email"
+                            name="Veteran Email"
                             onChange={[Function]}
                             optional={true}
                             readOnly={false}
@@ -252925,16 +253887,16 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                               className="cf-form-textinput cf-inline-field   "
                             >
                               <label
-                                htmlFor="Appellant Email"
+                                htmlFor="Veteran Email"
                               >
                                 <strong>
                                   <FormLabel
-                                    name="Appellant Email"
+                                    name="Veteran Email"
                                     optional={true}
                                     required={false}
                                   >
                                     <span>
-                                      Appellant Email
+                                      Veteran Email
                                       <span
                                         className="cf-optional"
                                       >
@@ -252954,8 +253916,8 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                       "cf-form-textinput cf-inline-field",
                                     ]
                                   }
-                                  id="Appellant Email"
-                                  name="Appellant Email"
+                                  id="Veteran Email"
+                                  name="Veteran Email"
                                   onBlur={[Function]}
                                   onChange={[Function]}
                                   readOnly={false}
@@ -252996,8 +253958,8 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                           readOnly={false}
                           required={true}
                           roTimezone="America/New_York"
-                          time="04:00"
-                          value={null}
+                          time="06:00"
+                          value="America/Los_Angeles"
                         >
                           <SearchableDropdown
                             clearOnSelect={false}
@@ -253014,762 +253976,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                 },
                                 Object {
                                   "index": -3,
-                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
                                   "value": "America/New_York",
                                 },
                                 Object {
                                   "index": -2,
-                                  "label": "Central Time (US & Canada) (3:00 AM)",
+                                  "label": "Central Time (US & Canada) (5:00 AM)",
                                   "value": "America/Chicago",
                                 },
                                 Object {
                                   "index": -1,
-                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
                                   "value": "America/Denver",
                                 },
                                 Object {
                                   "index": -0,
-                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
                                   "value": "America/Los_Angeles",
                                 },
                                 Object {
                                   "index": 2.4,
-                                  "label": "Indiana (East) (4:00 AM)",
+                                  "label": "Indiana (East) (6:00 AM)",
                                   "value": "America/Indiana/Indianapolis",
                                 },
                                 Object {
                                   "index": 2.4,
-                                  "label": "Puerto Rico (4:00 AM)",
+                                  "label": "Puerto Rico (6:00 AM)",
                                   "value": "America/Puerto_Rico",
                                 },
                                 Object {
                                   "index": 4.2,
-                                  "label": "Arizona (1:00 AM)",
+                                  "label": "Arizona (3:00 AM)",
                                   "value": "America/Phoenix",
                                 },
                                 Object {
                                   "index": 4.8,
-                                  "label": "Alaska (12:00 AM)",
+                                  "label": "Alaska (2:00 AM)",
                                   "value": "America/Juneau",
                                 },
                                 Object {
                                   "index": 4.8,
-                                  "label": "Philippine Standard Time (4:00 PM)",
+                                  "label": "Philippine Standard Time (6:00 PM)",
                                   "value": "Asia/Manila",
                                 },
                                 Object {
                                   "index": 6,
-                                  "label": "Hawaii (10:00 PM)",
+                                  "label": "Hawaii (12:00 AM)",
                                   "value": "Pacific/Honolulu",
                                 },
                                 Object {
                                   "index": 100,
-                                  "label": "Azores (8:00 AM)",
+                                  "label": "Azores (10:00 AM)",
                                   "value": "Atlantic/Azores",
                                 },
                                 Object {
                                   "index": 100,
-                                  "label": "Monrovia (8:00 AM)",
+                                  "label": "Monrovia (10:00 AM)",
                                   "value": "Africa/Monrovia",
                                 },
                                 Object {
                                   "index": 100,
-                                  "label": "UTC (8:00 AM)",
+                                  "label": "UTC (10:00 AM)",
                                   "value": "Etc/UTC",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "Cape Verde Is. (7:00 AM)",
+                                  "label": "Cape Verde Is. (9:00 AM)",
                                   "value": "Atlantic/Cape_Verde",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "Dublin (9:00 AM)",
+                                  "label": "Dublin (11:00 AM)",
                                   "value": "Europe/Dublin",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "Edinburgh (9:00 AM)",
+                                  "label": "Edinburgh (11:00 AM)",
                                   "value": "Europe/London",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "Lisbon (9:00 AM)",
+                                  "label": "Lisbon (11:00 AM)",
                                   "value": "Europe/Lisbon",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "London (9:00 AM)",
+                                  "label": "London (11:00 AM)",
                                   "value": "Europe/London",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "Casablanca (9:00 AM)",
+                                  "label": "Casablanca (11:00 AM)",
                                   "value": "Africa/Casablanca",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "West Central Africa (9:00 AM)",
+                                  "label": "West Central Africa (11:00 AM)",
                                   "value": "Africa/Algiers",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Greenland (6:00 AM)",
+                                  "label": "Greenland (8:00 AM)",
                                   "value": "America/Godthab",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Mid-Atlantic (6:00 AM)",
+                                  "label": "Mid-Atlantic (8:00 AM)",
                                   "value": "Atlantic/South_Georgia",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Belgrade (10:00 AM)",
+                                  "label": "Belgrade (12:00 PM)",
                                   "value": "Europe/Belgrade",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Bratislava (10:00 AM)",
+                                  "label": "Bratislava (12:00 PM)",
                                   "value": "Europe/Bratislava",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Budapest (10:00 AM)",
+                                  "label": "Budapest (12:00 PM)",
                                   "value": "Europe/Budapest",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Ljubljana (10:00 AM)",
+                                  "label": "Ljubljana (12:00 PM)",
                                   "value": "Europe/Ljubljana",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Prague (10:00 AM)",
+                                  "label": "Prague (12:00 PM)",
                                   "value": "Europe/Prague",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Sarajevo (10:00 AM)",
+                                  "label": "Sarajevo (12:00 PM)",
                                   "value": "Europe/Sarajevo",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Skopje (10:00 AM)",
+                                  "label": "Skopje (12:00 PM)",
                                   "value": "Europe/Skopje",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Warsaw (10:00 AM)",
+                                  "label": "Warsaw (12:00 PM)",
                                   "value": "Europe/Warsaw",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Zagreb (10:00 AM)",
+                                  "label": "Zagreb (12:00 PM)",
                                   "value": "Europe/Zagreb",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Brussels (10:00 AM)",
+                                  "label": "Brussels (12:00 PM)",
                                   "value": "Europe/Brussels",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Copenhagen (10:00 AM)",
+                                  "label": "Copenhagen (12:00 PM)",
                                   "value": "Europe/Copenhagen",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Madrid (10:00 AM)",
+                                  "label": "Madrid (12:00 PM)",
                                   "value": "Europe/Madrid",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Paris (10:00 AM)",
+                                  "label": "Paris (12:00 PM)",
                                   "value": "Europe/Paris",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Amsterdam (10:00 AM)",
+                                  "label": "Amsterdam (12:00 PM)",
                                   "value": "Europe/Amsterdam",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Berlin (10:00 AM)",
+                                  "label": "Berlin (12:00 PM)",
                                   "value": "Europe/Berlin",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Bern (10:00 AM)",
+                                  "label": "Bern (12:00 PM)",
                                   "value": "Europe/Zurich",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Zurich (10:00 AM)",
+                                  "label": "Zurich (12:00 PM)",
                                   "value": "Europe/Zurich",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Rome (10:00 AM)",
+                                  "label": "Rome (12:00 PM)",
                                   "value": "Europe/Rome",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Stockholm (10:00 AM)",
+                                  "label": "Stockholm (12:00 PM)",
                                   "value": "Europe/Stockholm",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Vienna (10:00 AM)",
+                                  "label": "Vienna (12:00 PM)",
                                   "value": "Europe/Vienna",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Cairo (10:00 AM)",
+                                  "label": "Cairo (12:00 PM)",
                                   "value": "Africa/Cairo",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Harare (10:00 AM)",
+                                  "label": "Harare (12:00 PM)",
                                   "value": "Africa/Harare",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Pretoria (10:00 AM)",
+                                  "label": "Pretoria (12:00 PM)",
                                   "value": "Africa/Johannesburg",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Kaliningrad (10:00 AM)",
+                                  "label": "Kaliningrad (12:00 PM)",
                                   "value": "Europe/Kaliningrad",
                                 },
                                 Object {
                                   "index": 250,
-                                  "label": "Newfoundland (5:30 AM)",
+                                  "label": "Newfoundland (7:30 AM)",
                                   "value": "America/St_Johns",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Atlantic Time (Canada) (5:00 AM)",
+                                  "label": "Atlantic Time (Canada) (7:00 AM)",
                                   "value": "America/Halifax",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Brasilia (5:00 AM)",
+                                  "label": "Brasilia (7:00 AM)",
                                   "value": "America/Sao_Paulo",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Buenos Aires (5:00 AM)",
+                                  "label": "Buenos Aires (7:00 AM)",
                                   "value": "America/Argentina/Buenos_Aires",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Montevideo (5:00 AM)",
+                                  "label": "Montevideo (7:00 AM)",
                                   "value": "America/Montevideo",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Bucharest (11:00 AM)",
+                                  "label": "Bucharest (1:00 PM)",
                                   "value": "Europe/Bucharest",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Helsinki (11:00 AM)",
+                                  "label": "Helsinki (1:00 PM)",
                                   "value": "Europe/Helsinki",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Kyiv (11:00 AM)",
+                                  "label": "Kyiv (1:00 PM)",
                                   "value": "Europe/Kiev",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Riga (11:00 AM)",
+                                  "label": "Riga (1:00 PM)",
                                   "value": "Europe/Riga",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Sofia (11:00 AM)",
+                                  "label": "Sofia (1:00 PM)",
                                   "value": "Europe/Sofia",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Tallinn (11:00 AM)",
+                                  "label": "Tallinn (1:00 PM)",
                                   "value": "Europe/Tallinn",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Vilnius (11:00 AM)",
+                                  "label": "Vilnius (1:00 PM)",
                                   "value": "Europe/Vilnius",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Athens (11:00 AM)",
+                                  "label": "Athens (1:00 PM)",
                                   "value": "Europe/Athens",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Istanbul (11:00 AM)",
+                                  "label": "Istanbul (1:00 PM)",
                                   "value": "Europe/Istanbul",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Minsk (11:00 AM)",
+                                  "label": "Minsk (1:00 PM)",
                                   "value": "Europe/Minsk",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Jerusalem (11:00 AM)",
+                                  "label": "Jerusalem (1:00 PM)",
                                   "value": "Asia/Jerusalem",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Moscow (11:00 AM)",
+                                  "label": "Moscow (1:00 PM)",
                                   "value": "Europe/Moscow",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "St. Petersburg (11:00 AM)",
+                                  "label": "St. Petersburg (1:00 PM)",
                                   "value": "Europe/Moscow",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Kuwait (11:00 AM)",
+                                  "label": "Kuwait (1:00 PM)",
                                   "value": "Asia/Kuwait",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Riyadh (11:00 AM)",
+                                  "label": "Riyadh (1:00 PM)",
                                   "value": "Asia/Riyadh",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Nairobi (11:00 AM)",
+                                  "label": "Nairobi (1:00 PM)",
                                   "value": "Africa/Nairobi",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Baghdad (11:00 AM)",
+                                  "label": "Baghdad (1:00 PM)",
                                   "value": "Asia/Baghdad",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Caracas (4:00 AM)",
+                                  "label": "Caracas (6:00 AM)",
                                   "value": "America/Caracas",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "La Paz (4:00 AM)",
+                                  "label": "La Paz (6:00 AM)",
                                   "value": "America/La_Paz",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Santiago (4:00 AM)",
+                                  "label": "Santiago (6:00 AM)",
                                   "value": "America/Santiago",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Georgetown (4:00 AM)",
+                                  "label": "Georgetown (6:00 AM)",
                                   "value": "America/Guyana",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Volgograd (12:00 PM)",
+                                  "label": "Volgograd (2:00 PM)",
                                   "value": "Europe/Volgograd",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Samara (12:00 PM)",
+                                  "label": "Samara (2:00 PM)",
                                   "value": "Europe/Samara",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Abu Dhabi (12:00 PM)",
+                                  "label": "Abu Dhabi (2:00 PM)",
                                   "value": "Asia/Muscat",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Muscat (12:00 PM)",
+                                  "label": "Muscat (2:00 PM)",
                                   "value": "Asia/Muscat",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Baku (12:00 PM)",
+                                  "label": "Baku (2:00 PM)",
                                   "value": "Asia/Baku",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Tbilisi (12:00 PM)",
+                                  "label": "Tbilisi (2:00 PM)",
                                   "value": "Asia/Tbilisi",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Yerevan (12:00 PM)",
+                                  "label": "Yerevan (2:00 PM)",
                                   "value": "Asia/Yerevan",
                                 },
                                 Object {
                                   "index": 370,
-                                  "label": "Tehran (12:30 PM)",
+                                  "label": "Tehran (2:30 PM)",
                                   "value": "Asia/Tehran",
                                 },
                                 Object {
                                   "index": 370,
-                                  "label": "Kabul (12:30 PM)",
+                                  "label": "Kabul (2:30 PM)",
                                   "value": "Asia/Kabul",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Guadalajara (3:00 AM)",
+                                  "label": "Guadalajara (5:00 AM)",
                                   "value": "America/Mexico_City",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Mexico City (3:00 AM)",
+                                  "label": "Mexico City (5:00 AM)",
                                   "value": "America/Mexico_City",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Monterrey (3:00 AM)",
+                                  "label": "Monterrey (5:00 AM)",
                                   "value": "America/Monterrey",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Bogota (3:00 AM)",
+                                  "label": "Bogota (5:00 AM)",
                                   "value": "America/Bogota",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Lima (3:00 AM)",
+                                  "label": "Lima (5:00 AM)",
                                   "value": "America/Lima",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Quito (3:00 AM)",
+                                  "label": "Quito (5:00 AM)",
                                   "value": "America/Lima",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Ekaterinburg (1:00 PM)",
+                                  "label": "Ekaterinburg (3:00 PM)",
                                   "value": "Asia/Yekaterinburg",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Islamabad (1:00 PM)",
+                                  "label": "Islamabad (3:00 PM)",
                                   "value": "Asia/Karachi",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Karachi (1:00 PM)",
+                                  "label": "Karachi (3:00 PM)",
                                   "value": "Asia/Karachi",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Tashkent (1:00 PM)",
+                                  "label": "Tashkent (3:00 PM)",
                                   "value": "Asia/Tashkent",
                                 },
                                 Object {
                                   "index": 430,
-                                  "label": "Chennai (1:30 PM)",
+                                  "label": "Chennai (3:30 PM)",
                                   "value": "Asia/Kolkata",
                                 },
                                 Object {
                                   "index": 430,
-                                  "label": "Kolkata (1:30 PM)",
+                                  "label": "Kolkata (3:30 PM)",
                                   "value": "Asia/Kolkata",
                                 },
                                 Object {
                                   "index": 430,
-                                  "label": "Mumbai (1:30 PM)",
+                                  "label": "Mumbai (3:30 PM)",
                                   "value": "Asia/Kolkata",
                                 },
                                 Object {
                                   "index": 430,
-                                  "label": "New Delhi (1:30 PM)",
+                                  "label": "New Delhi (3:30 PM)",
                                   "value": "Asia/Kolkata",
                                 },
                                 Object {
                                   "index": 430,
-                                  "label": "Sri Jayawardenepura (1:30 PM)",
+                                  "label": "Sri Jayawardenepura (3:30 PM)",
                                   "value": "Asia/Colombo",
                                 },
                                 Object {
                                   "index": 445,
-                                  "label": "Kathmandu (1:45 PM)",
+                                  "label": "Kathmandu (3:45 PM)",
                                   "value": "Asia/Kathmandu",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Chihuahua (2:00 AM)",
+                                  "label": "Chihuahua (4:00 AM)",
                                   "value": "America/Chihuahua",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Mazatlan (2:00 AM)",
+                                  "label": "Mazatlan (4:00 AM)",
                                   "value": "America/Mazatlan",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Saskatchewan (2:00 AM)",
+                                  "label": "Saskatchewan (4:00 AM)",
                                   "value": "America/Regina",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Central America (2:00 AM)",
+                                  "label": "Central America (4:00 AM)",
                                   "value": "America/Guatemala",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Astana (2:00 PM)",
+                                  "label": "Astana (4:00 PM)",
                                   "value": "Asia/Dhaka",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Dhaka (2:00 PM)",
+                                  "label": "Dhaka (4:00 PM)",
                                   "value": "Asia/Dhaka",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Almaty (2:00 PM)",
+                                  "label": "Almaty (4:00 PM)",
                                   "value": "Asia/Almaty",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Urumqi (2:00 PM)",
+                                  "label": "Urumqi (4:00 PM)",
                                   "value": "Asia/Urumqi",
                                 },
                                 Object {
                                   "index": 490,
-                                  "label": "Rangoon (2:30 PM)",
+                                  "label": "Rangoon (4:30 PM)",
                                   "value": "Asia/Rangoon",
                                 },
                                 Object {
                                   "index": 520,
-                                  "label": "Tijuana (1:00 AM)",
+                                  "label": "Tijuana (3:00 AM)",
                                   "value": "America/Tijuana",
                                 },
                                 Object {
                                   "index": 520,
-                                  "label": "Novosibirsk (3:00 PM)",
+                                  "label": "Novosibirsk (5:00 PM)",
                                   "value": "Asia/Novosibirsk",
                                 },
                                 Object {
                                   "index": 520,
-                                  "label": "Bangkok (3:00 PM)",
+                                  "label": "Bangkok (5:00 PM)",
                                   "value": "Asia/Bangkok",
                                 },
                                 Object {
                                   "index": 520,
-                                  "label": "Hanoi (3:00 PM)",
+                                  "label": "Hanoi (5:00 PM)",
                                   "value": "Asia/Bangkok",
                                 },
                                 Object {
                                   "index": 520,
-                                  "label": "Jakarta (3:00 PM)",
+                                  "label": "Jakarta (5:00 PM)",
                                   "value": "Asia/Jakarta",
                                 },
                                 Object {
                                   "index": 520,
-                                  "label": "Krasnoyarsk (3:00 PM)",
+                                  "label": "Krasnoyarsk (5:00 PM)",
                                   "value": "Asia/Krasnoyarsk",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Beijing (4:00 PM)",
+                                  "label": "Beijing (6:00 PM)",
                                   "value": "Asia/Shanghai",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Chongqing (4:00 PM)",
+                                  "label": "Chongqing (6:00 PM)",
                                   "value": "Asia/Chongqing",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Hong Kong (4:00 PM)",
+                                  "label": "Hong Kong (6:00 PM)",
                                   "value": "Asia/Hong_Kong",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Kuala Lumpur (4:00 PM)",
+                                  "label": "Kuala Lumpur (6:00 PM)",
                                   "value": "Asia/Kuala_Lumpur",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Singapore (4:00 PM)",
+                                  "label": "Singapore (6:00 PM)",
                                   "value": "Asia/Singapore",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Taipei (4:00 PM)",
+                                  "label": "Taipei (6:00 PM)",
                                   "value": "Asia/Taipei",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Perth (4:00 PM)",
+                                  "label": "Perth (6:00 PM)",
                                   "value": "Australia/Perth",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Irkutsk (4:00 PM)",
+                                  "label": "Irkutsk (6:00 PM)",
                                   "value": "Asia/Irkutsk",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Ulaanbaatar (4:00 PM)",
+                                  "label": "Ulaanbaatar (6:00 PM)",
                                   "value": "Asia/Ulaanbaatar",
                                 },
                                 Object {
                                   "index": 640,
-                                  "label": "Seoul (5:00 PM)",
+                                  "label": "Seoul (7:00 PM)",
                                   "value": "Asia/Seoul",
                                 },
                                 Object {
                                   "index": 640,
-                                  "label": "Osaka (5:00 PM)",
+                                  "label": "Osaka (7:00 PM)",
                                   "value": "Asia/Tokyo",
                                 },
                                 Object {
                                   "index": 640,
-                                  "label": "Sapporo (5:00 PM)",
+                                  "label": "Sapporo (7:00 PM)",
                                   "value": "Asia/Tokyo",
                                 },
                                 Object {
                                   "index": 640,
-                                  "label": "Tokyo (5:00 PM)",
+                                  "label": "Tokyo (7:00 PM)",
                                   "value": "Asia/Tokyo",
                                 },
                                 Object {
                                   "index": 640,
-                                  "label": "Yakutsk (5:00 PM)",
+                                  "label": "Yakutsk (7:00 PM)",
                                   "value": "Asia/Yakutsk",
                                 },
                                 Object {
                                   "index": 670,
-                                  "label": "Darwin (5:30 PM)",
+                                  "label": "Darwin (7:30 PM)",
                                   "value": "Australia/Darwin",
                                 },
                                 Object {
                                   "index": 670,
-                                  "label": "Adelaide (5:30 PM)",
+                                  "label": "Adelaide (7:30 PM)",
                                   "value": "Australia/Adelaide",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Canberra (6:00 PM)",
+                                  "label": "Canberra (8:00 PM)",
                                   "value": "Australia/Melbourne",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Melbourne (6:00 PM)",
+                                  "label": "Melbourne (8:00 PM)",
                                   "value": "Australia/Melbourne",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Sydney (6:00 PM)",
+                                  "label": "Sydney (8:00 PM)",
                                   "value": "Australia/Sydney",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Brisbane (6:00 PM)",
+                                  "label": "Brisbane (8:00 PM)",
                                   "value": "Australia/Brisbane",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Hobart (6:00 PM)",
+                                  "label": "Hobart (8:00 PM)",
                                   "value": "Australia/Hobart",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Vladivostok (6:00 PM)",
+                                  "label": "Vladivostok (8:00 PM)",
                                   "value": "Asia/Vladivostok",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Guam (6:00 PM)",
+                                  "label": "Guam (8:00 PM)",
                                   "value": "Pacific/Guam",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Port Moresby (6:00 PM)",
+                                  "label": "Port Moresby (8:00 PM)",
                                   "value": "Pacific/Port_Moresby",
                                 },
                                 Object {
                                   "index": 760,
-                                  "label": "Midway Island (9:00 PM)",
+                                  "label": "Midway Island (11:00 PM)",
                                   "value": "Pacific/Midway",
                                 },
                                 Object {
                                   "index": 760,
-                                  "label": "American Samoa (9:00 PM)",
+                                  "label": "American Samoa (11:00 PM)",
                                   "value": "Pacific/Pago_Pago",
                                 },
                                 Object {
                                   "index": 760,
-                                  "label": "Magadan (7:00 PM)",
+                                  "label": "Magadan (9:00 PM)",
                                   "value": "Asia/Magadan",
                                 },
                                 Object {
                                   "index": 760,
-                                  "label": "Srednekolymsk (7:00 PM)",
+                                  "label": "Srednekolymsk (9:00 PM)",
                                   "value": "Asia/Srednekolymsk",
                                 },
                                 Object {
                                   "index": 760,
-                                  "label": "Solomon Is. (7:00 PM)",
+                                  "label": "Solomon Is. (9:00 PM)",
                                   "value": "Pacific/Guadalcanal",
                                 },
                                 Object {
                                   "index": 760,
-                                  "label": "New Caledonia (7:00 PM)",
+                                  "label": "New Caledonia (9:00 PM)",
                                   "value": "Pacific/Noumea",
                                 },
                                 Object {
                                   "index": 820,
-                                  "label": "International Date Line West (8:00 PM)",
+                                  "label": "International Date Line West (10:00 PM)",
                                   "value": "Etc/GMT+12",
                                 },
                                 Object {
                                   "index": 820,
-                                  "label": "Fiji (8:00 PM)",
+                                  "label": "Fiji (10:00 PM)",
                                   "value": "Pacific/Fiji",
                                 },
                                 Object {
                                   "index": 820,
-                                  "label": "Kamchatka (8:00 PM)",
+                                  "label": "Kamchatka (10:00 PM)",
                                   "value": "Asia/Kamchatka",
                                 },
                                 Object {
                                   "index": 820,
-                                  "label": "Marshall Is. (8:00 PM)",
+                                  "label": "Marshall Is. (10:00 PM)",
                                   "value": "Pacific/Majuro",
                                 },
                                 Object {
                                   "index": 820,
-                                  "label": "Auckland (8:00 PM)",
+                                  "label": "Auckland (10:00 PM)",
                                   "value": "Pacific/Auckland",
                                 },
                                 Object {
                                   "index": 820,
-                                  "label": "Wellington (8:00 PM)",
+                                  "label": "Wellington (10:00 PM)",
                                   "value": "Pacific/Auckland",
                                 },
                                 Object {
                                   "index": 865,
-                                  "label": "Chatham Is. (8:45 PM)",
+                                  "label": "Chatham Is. (10:45 PM)",
                                   "value": "Pacific/Chatham",
                                 },
                                 Object {
                                   "index": 880,
-                                  "label": "Nuku'alofa (9:00 PM)",
+                                  "label": "Nuku'alofa (11:00 PM)",
                                   "value": "Pacific/Tongatapu",
                                 },
                                 Object {
                                   "index": 880,
-                                  "label": "Tokelau Is. (9:00 PM)",
+                                  "label": "Tokelau Is. (11:00 PM)",
                                   "value": "Pacific/Fakaofo",
                                 },
                                 Object {
                                   "index": 880,
-                                  "label": "Samoa (9:00 PM)",
+                                  "label": "Samoa (11:00 PM)",
                                   "value": "Pacific/Apia",
                                 },
                               ]
@@ -253790,7 +254752,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                 },
                               }
                             }
-                            value={null}
+                            value="America/Los_Angeles"
                           >
                             <div
                               className=""
@@ -253856,762 +254818,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                         },
                                         Object {
                                           "index": -3,
-                                          "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                          "label": "Eastern Time (US & Canada) (6:00 AM)",
                                           "value": "America/New_York",
                                         },
                                         Object {
                                           "index": -2,
-                                          "label": "Central Time (US & Canada) (3:00 AM)",
+                                          "label": "Central Time (US & Canada) (5:00 AM)",
                                           "value": "America/Chicago",
                                         },
                                         Object {
                                           "index": -1,
-                                          "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                          "label": "Mountain Time (US & Canada) (4:00 AM)",
                                           "value": "America/Denver",
                                         },
                                         Object {
                                           "index": -0,
-                                          "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
                                           "value": "America/Los_Angeles",
                                         },
                                         Object {
                                           "index": 2.4,
-                                          "label": "Indiana (East) (4:00 AM)",
+                                          "label": "Indiana (East) (6:00 AM)",
                                           "value": "America/Indiana/Indianapolis",
                                         },
                                         Object {
                                           "index": 2.4,
-                                          "label": "Puerto Rico (4:00 AM)",
+                                          "label": "Puerto Rico (6:00 AM)",
                                           "value": "America/Puerto_Rico",
                                         },
                                         Object {
                                           "index": 4.2,
-                                          "label": "Arizona (1:00 AM)",
+                                          "label": "Arizona (3:00 AM)",
                                           "value": "America/Phoenix",
                                         },
                                         Object {
                                           "index": 4.8,
-                                          "label": "Alaska (12:00 AM)",
+                                          "label": "Alaska (2:00 AM)",
                                           "value": "America/Juneau",
                                         },
                                         Object {
                                           "index": 4.8,
-                                          "label": "Philippine Standard Time (4:00 PM)",
+                                          "label": "Philippine Standard Time (6:00 PM)",
                                           "value": "Asia/Manila",
                                         },
                                         Object {
                                           "index": 6,
-                                          "label": "Hawaii (10:00 PM)",
+                                          "label": "Hawaii (12:00 AM)",
                                           "value": "Pacific/Honolulu",
                                         },
                                         Object {
                                           "index": 100,
-                                          "label": "Azores (8:00 AM)",
+                                          "label": "Azores (10:00 AM)",
                                           "value": "Atlantic/Azores",
                                         },
                                         Object {
                                           "index": 100,
-                                          "label": "Monrovia (8:00 AM)",
+                                          "label": "Monrovia (10:00 AM)",
                                           "value": "Africa/Monrovia",
                                         },
                                         Object {
                                           "index": 100,
-                                          "label": "UTC (8:00 AM)",
+                                          "label": "UTC (10:00 AM)",
                                           "value": "Etc/UTC",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "Cape Verde Is. (7:00 AM)",
+                                          "label": "Cape Verde Is. (9:00 AM)",
                                           "value": "Atlantic/Cape_Verde",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "Dublin (9:00 AM)",
+                                          "label": "Dublin (11:00 AM)",
                                           "value": "Europe/Dublin",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "Edinburgh (9:00 AM)",
+                                          "label": "Edinburgh (11:00 AM)",
                                           "value": "Europe/London",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "Lisbon (9:00 AM)",
+                                          "label": "Lisbon (11:00 AM)",
                                           "value": "Europe/Lisbon",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "London (9:00 AM)",
+                                          "label": "London (11:00 AM)",
                                           "value": "Europe/London",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "Casablanca (9:00 AM)",
+                                          "label": "Casablanca (11:00 AM)",
                                           "value": "Africa/Casablanca",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "West Central Africa (9:00 AM)",
+                                          "label": "West Central Africa (11:00 AM)",
                                           "value": "Africa/Algiers",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Greenland (6:00 AM)",
+                                          "label": "Greenland (8:00 AM)",
                                           "value": "America/Godthab",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Mid-Atlantic (6:00 AM)",
+                                          "label": "Mid-Atlantic (8:00 AM)",
                                           "value": "Atlantic/South_Georgia",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Belgrade (10:00 AM)",
+                                          "label": "Belgrade (12:00 PM)",
                                           "value": "Europe/Belgrade",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Bratislava (10:00 AM)",
+                                          "label": "Bratislava (12:00 PM)",
                                           "value": "Europe/Bratislava",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Budapest (10:00 AM)",
+                                          "label": "Budapest (12:00 PM)",
                                           "value": "Europe/Budapest",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Ljubljana (10:00 AM)",
+                                          "label": "Ljubljana (12:00 PM)",
                                           "value": "Europe/Ljubljana",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Prague (10:00 AM)",
+                                          "label": "Prague (12:00 PM)",
                                           "value": "Europe/Prague",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Sarajevo (10:00 AM)",
+                                          "label": "Sarajevo (12:00 PM)",
                                           "value": "Europe/Sarajevo",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Skopje (10:00 AM)",
+                                          "label": "Skopje (12:00 PM)",
                                           "value": "Europe/Skopje",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Warsaw (10:00 AM)",
+                                          "label": "Warsaw (12:00 PM)",
                                           "value": "Europe/Warsaw",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Zagreb (10:00 AM)",
+                                          "label": "Zagreb (12:00 PM)",
                                           "value": "Europe/Zagreb",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Brussels (10:00 AM)",
+                                          "label": "Brussels (12:00 PM)",
                                           "value": "Europe/Brussels",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Copenhagen (10:00 AM)",
+                                          "label": "Copenhagen (12:00 PM)",
                                           "value": "Europe/Copenhagen",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Madrid (10:00 AM)",
+                                          "label": "Madrid (12:00 PM)",
                                           "value": "Europe/Madrid",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Paris (10:00 AM)",
+                                          "label": "Paris (12:00 PM)",
                                           "value": "Europe/Paris",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Amsterdam (10:00 AM)",
+                                          "label": "Amsterdam (12:00 PM)",
                                           "value": "Europe/Amsterdam",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Berlin (10:00 AM)",
+                                          "label": "Berlin (12:00 PM)",
                                           "value": "Europe/Berlin",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Bern (10:00 AM)",
+                                          "label": "Bern (12:00 PM)",
                                           "value": "Europe/Zurich",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Zurich (10:00 AM)",
+                                          "label": "Zurich (12:00 PM)",
                                           "value": "Europe/Zurich",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Rome (10:00 AM)",
+                                          "label": "Rome (12:00 PM)",
                                           "value": "Europe/Rome",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Stockholm (10:00 AM)",
+                                          "label": "Stockholm (12:00 PM)",
                                           "value": "Europe/Stockholm",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Vienna (10:00 AM)",
+                                          "label": "Vienna (12:00 PM)",
                                           "value": "Europe/Vienna",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Cairo (10:00 AM)",
+                                          "label": "Cairo (12:00 PM)",
                                           "value": "Africa/Cairo",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Harare (10:00 AM)",
+                                          "label": "Harare (12:00 PM)",
                                           "value": "Africa/Harare",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Pretoria (10:00 AM)",
+                                          "label": "Pretoria (12:00 PM)",
                                           "value": "Africa/Johannesburg",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Kaliningrad (10:00 AM)",
+                                          "label": "Kaliningrad (12:00 PM)",
                                           "value": "Europe/Kaliningrad",
                                         },
                                         Object {
                                           "index": 250,
-                                          "label": "Newfoundland (5:30 AM)",
+                                          "label": "Newfoundland (7:30 AM)",
                                           "value": "America/St_Johns",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Atlantic Time (Canada) (5:00 AM)",
+                                          "label": "Atlantic Time (Canada) (7:00 AM)",
                                           "value": "America/Halifax",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Brasilia (5:00 AM)",
+                                          "label": "Brasilia (7:00 AM)",
                                           "value": "America/Sao_Paulo",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Buenos Aires (5:00 AM)",
+                                          "label": "Buenos Aires (7:00 AM)",
                                           "value": "America/Argentina/Buenos_Aires",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Montevideo (5:00 AM)",
+                                          "label": "Montevideo (7:00 AM)",
                                           "value": "America/Montevideo",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Bucharest (11:00 AM)",
+                                          "label": "Bucharest (1:00 PM)",
                                           "value": "Europe/Bucharest",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Helsinki (11:00 AM)",
+                                          "label": "Helsinki (1:00 PM)",
                                           "value": "Europe/Helsinki",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Kyiv (11:00 AM)",
+                                          "label": "Kyiv (1:00 PM)",
                                           "value": "Europe/Kiev",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Riga (11:00 AM)",
+                                          "label": "Riga (1:00 PM)",
                                           "value": "Europe/Riga",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Sofia (11:00 AM)",
+                                          "label": "Sofia (1:00 PM)",
                                           "value": "Europe/Sofia",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Tallinn (11:00 AM)",
+                                          "label": "Tallinn (1:00 PM)",
                                           "value": "Europe/Tallinn",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Vilnius (11:00 AM)",
+                                          "label": "Vilnius (1:00 PM)",
                                           "value": "Europe/Vilnius",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Athens (11:00 AM)",
+                                          "label": "Athens (1:00 PM)",
                                           "value": "Europe/Athens",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Istanbul (11:00 AM)",
+                                          "label": "Istanbul (1:00 PM)",
                                           "value": "Europe/Istanbul",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Minsk (11:00 AM)",
+                                          "label": "Minsk (1:00 PM)",
                                           "value": "Europe/Minsk",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Jerusalem (11:00 AM)",
+                                          "label": "Jerusalem (1:00 PM)",
                                           "value": "Asia/Jerusalem",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Moscow (11:00 AM)",
+                                          "label": "Moscow (1:00 PM)",
                                           "value": "Europe/Moscow",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "St. Petersburg (11:00 AM)",
+                                          "label": "St. Petersburg (1:00 PM)",
                                           "value": "Europe/Moscow",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Kuwait (11:00 AM)",
+                                          "label": "Kuwait (1:00 PM)",
                                           "value": "Asia/Kuwait",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Riyadh (11:00 AM)",
+                                          "label": "Riyadh (1:00 PM)",
                                           "value": "Asia/Riyadh",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Nairobi (11:00 AM)",
+                                          "label": "Nairobi (1:00 PM)",
                                           "value": "Africa/Nairobi",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Baghdad (11:00 AM)",
+                                          "label": "Baghdad (1:00 PM)",
                                           "value": "Asia/Baghdad",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Caracas (4:00 AM)",
+                                          "label": "Caracas (6:00 AM)",
                                           "value": "America/Caracas",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "La Paz (4:00 AM)",
+                                          "label": "La Paz (6:00 AM)",
                                           "value": "America/La_Paz",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Santiago (4:00 AM)",
+                                          "label": "Santiago (6:00 AM)",
                                           "value": "America/Santiago",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Georgetown (4:00 AM)",
+                                          "label": "Georgetown (6:00 AM)",
                                           "value": "America/Guyana",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Volgograd (12:00 PM)",
+                                          "label": "Volgograd (2:00 PM)",
                                           "value": "Europe/Volgograd",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Samara (12:00 PM)",
+                                          "label": "Samara (2:00 PM)",
                                           "value": "Europe/Samara",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Abu Dhabi (12:00 PM)",
+                                          "label": "Abu Dhabi (2:00 PM)",
                                           "value": "Asia/Muscat",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Muscat (12:00 PM)",
+                                          "label": "Muscat (2:00 PM)",
                                           "value": "Asia/Muscat",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Baku (12:00 PM)",
+                                          "label": "Baku (2:00 PM)",
                                           "value": "Asia/Baku",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Tbilisi (12:00 PM)",
+                                          "label": "Tbilisi (2:00 PM)",
                                           "value": "Asia/Tbilisi",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Yerevan (12:00 PM)",
+                                          "label": "Yerevan (2:00 PM)",
                                           "value": "Asia/Yerevan",
                                         },
                                         Object {
                                           "index": 370,
-                                          "label": "Tehran (12:30 PM)",
+                                          "label": "Tehran (2:30 PM)",
                                           "value": "Asia/Tehran",
                                         },
                                         Object {
                                           "index": 370,
-                                          "label": "Kabul (12:30 PM)",
+                                          "label": "Kabul (2:30 PM)",
                                           "value": "Asia/Kabul",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Guadalajara (3:00 AM)",
+                                          "label": "Guadalajara (5:00 AM)",
                                           "value": "America/Mexico_City",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Mexico City (3:00 AM)",
+                                          "label": "Mexico City (5:00 AM)",
                                           "value": "America/Mexico_City",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Monterrey (3:00 AM)",
+                                          "label": "Monterrey (5:00 AM)",
                                           "value": "America/Monterrey",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Bogota (3:00 AM)",
+                                          "label": "Bogota (5:00 AM)",
                                           "value": "America/Bogota",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Lima (3:00 AM)",
+                                          "label": "Lima (5:00 AM)",
                                           "value": "America/Lima",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Quito (3:00 AM)",
+                                          "label": "Quito (5:00 AM)",
                                           "value": "America/Lima",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Ekaterinburg (1:00 PM)",
+                                          "label": "Ekaterinburg (3:00 PM)",
                                           "value": "Asia/Yekaterinburg",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Islamabad (1:00 PM)",
+                                          "label": "Islamabad (3:00 PM)",
                                           "value": "Asia/Karachi",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Karachi (1:00 PM)",
+                                          "label": "Karachi (3:00 PM)",
                                           "value": "Asia/Karachi",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Tashkent (1:00 PM)",
+                                          "label": "Tashkent (3:00 PM)",
                                           "value": "Asia/Tashkent",
                                         },
                                         Object {
                                           "index": 430,
-                                          "label": "Chennai (1:30 PM)",
+                                          "label": "Chennai (3:30 PM)",
                                           "value": "Asia/Kolkata",
                                         },
                                         Object {
                                           "index": 430,
-                                          "label": "Kolkata (1:30 PM)",
+                                          "label": "Kolkata (3:30 PM)",
                                           "value": "Asia/Kolkata",
                                         },
                                         Object {
                                           "index": 430,
-                                          "label": "Mumbai (1:30 PM)",
+                                          "label": "Mumbai (3:30 PM)",
                                           "value": "Asia/Kolkata",
                                         },
                                         Object {
                                           "index": 430,
-                                          "label": "New Delhi (1:30 PM)",
+                                          "label": "New Delhi (3:30 PM)",
                                           "value": "Asia/Kolkata",
                                         },
                                         Object {
                                           "index": 430,
-                                          "label": "Sri Jayawardenepura (1:30 PM)",
+                                          "label": "Sri Jayawardenepura (3:30 PM)",
                                           "value": "Asia/Colombo",
                                         },
                                         Object {
                                           "index": 445,
-                                          "label": "Kathmandu (1:45 PM)",
+                                          "label": "Kathmandu (3:45 PM)",
                                           "value": "Asia/Kathmandu",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Chihuahua (2:00 AM)",
+                                          "label": "Chihuahua (4:00 AM)",
                                           "value": "America/Chihuahua",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Mazatlan (2:00 AM)",
+                                          "label": "Mazatlan (4:00 AM)",
                                           "value": "America/Mazatlan",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Saskatchewan (2:00 AM)",
+                                          "label": "Saskatchewan (4:00 AM)",
                                           "value": "America/Regina",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Central America (2:00 AM)",
+                                          "label": "Central America (4:00 AM)",
                                           "value": "America/Guatemala",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Astana (2:00 PM)",
+                                          "label": "Astana (4:00 PM)",
                                           "value": "Asia/Dhaka",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Dhaka (2:00 PM)",
+                                          "label": "Dhaka (4:00 PM)",
                                           "value": "Asia/Dhaka",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Almaty (2:00 PM)",
+                                          "label": "Almaty (4:00 PM)",
                                           "value": "Asia/Almaty",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Urumqi (2:00 PM)",
+                                          "label": "Urumqi (4:00 PM)",
                                           "value": "Asia/Urumqi",
                                         },
                                         Object {
                                           "index": 490,
-                                          "label": "Rangoon (2:30 PM)",
+                                          "label": "Rangoon (4:30 PM)",
                                           "value": "Asia/Rangoon",
                                         },
                                         Object {
                                           "index": 520,
-                                          "label": "Tijuana (1:00 AM)",
+                                          "label": "Tijuana (3:00 AM)",
                                           "value": "America/Tijuana",
                                         },
                                         Object {
                                           "index": 520,
-                                          "label": "Novosibirsk (3:00 PM)",
+                                          "label": "Novosibirsk (5:00 PM)",
                                           "value": "Asia/Novosibirsk",
                                         },
                                         Object {
                                           "index": 520,
-                                          "label": "Bangkok (3:00 PM)",
+                                          "label": "Bangkok (5:00 PM)",
                                           "value": "Asia/Bangkok",
                                         },
                                         Object {
                                           "index": 520,
-                                          "label": "Hanoi (3:00 PM)",
+                                          "label": "Hanoi (5:00 PM)",
                                           "value": "Asia/Bangkok",
                                         },
                                         Object {
                                           "index": 520,
-                                          "label": "Jakarta (3:00 PM)",
+                                          "label": "Jakarta (5:00 PM)",
                                           "value": "Asia/Jakarta",
                                         },
                                         Object {
                                           "index": 520,
-                                          "label": "Krasnoyarsk (3:00 PM)",
+                                          "label": "Krasnoyarsk (5:00 PM)",
                                           "value": "Asia/Krasnoyarsk",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Beijing (4:00 PM)",
+                                          "label": "Beijing (6:00 PM)",
                                           "value": "Asia/Shanghai",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Chongqing (4:00 PM)",
+                                          "label": "Chongqing (6:00 PM)",
                                           "value": "Asia/Chongqing",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Hong Kong (4:00 PM)",
+                                          "label": "Hong Kong (6:00 PM)",
                                           "value": "Asia/Hong_Kong",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Kuala Lumpur (4:00 PM)",
+                                          "label": "Kuala Lumpur (6:00 PM)",
                                           "value": "Asia/Kuala_Lumpur",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Singapore (4:00 PM)",
+                                          "label": "Singapore (6:00 PM)",
                                           "value": "Asia/Singapore",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Taipei (4:00 PM)",
+                                          "label": "Taipei (6:00 PM)",
                                           "value": "Asia/Taipei",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Perth (4:00 PM)",
+                                          "label": "Perth (6:00 PM)",
                                           "value": "Australia/Perth",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Irkutsk (4:00 PM)",
+                                          "label": "Irkutsk (6:00 PM)",
                                           "value": "Asia/Irkutsk",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Ulaanbaatar (4:00 PM)",
+                                          "label": "Ulaanbaatar (6:00 PM)",
                                           "value": "Asia/Ulaanbaatar",
                                         },
                                         Object {
                                           "index": 640,
-                                          "label": "Seoul (5:00 PM)",
+                                          "label": "Seoul (7:00 PM)",
                                           "value": "Asia/Seoul",
                                         },
                                         Object {
                                           "index": 640,
-                                          "label": "Osaka (5:00 PM)",
+                                          "label": "Osaka (7:00 PM)",
                                           "value": "Asia/Tokyo",
                                         },
                                         Object {
                                           "index": 640,
-                                          "label": "Sapporo (5:00 PM)",
+                                          "label": "Sapporo (7:00 PM)",
                                           "value": "Asia/Tokyo",
                                         },
                                         Object {
                                           "index": 640,
-                                          "label": "Tokyo (5:00 PM)",
+                                          "label": "Tokyo (7:00 PM)",
                                           "value": "Asia/Tokyo",
                                         },
                                         Object {
                                           "index": 640,
-                                          "label": "Yakutsk (5:00 PM)",
+                                          "label": "Yakutsk (7:00 PM)",
                                           "value": "Asia/Yakutsk",
                                         },
                                         Object {
                                           "index": 670,
-                                          "label": "Darwin (5:30 PM)",
+                                          "label": "Darwin (7:30 PM)",
                                           "value": "Australia/Darwin",
                                         },
                                         Object {
                                           "index": 670,
-                                          "label": "Adelaide (5:30 PM)",
+                                          "label": "Adelaide (7:30 PM)",
                                           "value": "Australia/Adelaide",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Canberra (6:00 PM)",
+                                          "label": "Canberra (8:00 PM)",
                                           "value": "Australia/Melbourne",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Melbourne (6:00 PM)",
+                                          "label": "Melbourne (8:00 PM)",
                                           "value": "Australia/Melbourne",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Sydney (6:00 PM)",
+                                          "label": "Sydney (8:00 PM)",
                                           "value": "Australia/Sydney",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Brisbane (6:00 PM)",
+                                          "label": "Brisbane (8:00 PM)",
                                           "value": "Australia/Brisbane",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Hobart (6:00 PM)",
+                                          "label": "Hobart (8:00 PM)",
                                           "value": "Australia/Hobart",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Vladivostok (6:00 PM)",
+                                          "label": "Vladivostok (8:00 PM)",
                                           "value": "Asia/Vladivostok",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Guam (6:00 PM)",
+                                          "label": "Guam (8:00 PM)",
                                           "value": "Pacific/Guam",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Port Moresby (6:00 PM)",
+                                          "label": "Port Moresby (8:00 PM)",
                                           "value": "Pacific/Port_Moresby",
                                         },
                                         Object {
                                           "index": 760,
-                                          "label": "Midway Island (9:00 PM)",
+                                          "label": "Midway Island (11:00 PM)",
                                           "value": "Pacific/Midway",
                                         },
                                         Object {
                                           "index": 760,
-                                          "label": "American Samoa (9:00 PM)",
+                                          "label": "American Samoa (11:00 PM)",
                                           "value": "Pacific/Pago_Pago",
                                         },
                                         Object {
                                           "index": 760,
-                                          "label": "Magadan (7:00 PM)",
+                                          "label": "Magadan (9:00 PM)",
                                           "value": "Asia/Magadan",
                                         },
                                         Object {
                                           "index": 760,
-                                          "label": "Srednekolymsk (7:00 PM)",
+                                          "label": "Srednekolymsk (9:00 PM)",
                                           "value": "Asia/Srednekolymsk",
                                         },
                                         Object {
                                           "index": 760,
-                                          "label": "Solomon Is. (7:00 PM)",
+                                          "label": "Solomon Is. (9:00 PM)",
                                           "value": "Pacific/Guadalcanal",
                                         },
                                         Object {
                                           "index": 760,
-                                          "label": "New Caledonia (7:00 PM)",
+                                          "label": "New Caledonia (9:00 PM)",
                                           "value": "Pacific/Noumea",
                                         },
                                         Object {
                                           "index": 820,
-                                          "label": "International Date Line West (8:00 PM)",
+                                          "label": "International Date Line West (10:00 PM)",
                                           "value": "Etc/GMT+12",
                                         },
                                         Object {
                                           "index": 820,
-                                          "label": "Fiji (8:00 PM)",
+                                          "label": "Fiji (10:00 PM)",
                                           "value": "Pacific/Fiji",
                                         },
                                         Object {
                                           "index": 820,
-                                          "label": "Kamchatka (8:00 PM)",
+                                          "label": "Kamchatka (10:00 PM)",
                                           "value": "Asia/Kamchatka",
                                         },
                                         Object {
                                           "index": 820,
-                                          "label": "Marshall Is. (8:00 PM)",
+                                          "label": "Marshall Is. (10:00 PM)",
                                           "value": "Pacific/Majuro",
                                         },
                                         Object {
                                           "index": 820,
-                                          "label": "Auckland (8:00 PM)",
+                                          "label": "Auckland (10:00 PM)",
                                           "value": "Pacific/Auckland",
                                         },
                                         Object {
                                           "index": 820,
-                                          "label": "Wellington (8:00 PM)",
+                                          "label": "Wellington (10:00 PM)",
                                           "value": "Pacific/Auckland",
                                         },
                                         Object {
                                           "index": 865,
-                                          "label": "Chatham Is. (8:45 PM)",
+                                          "label": "Chatham Is. (10:45 PM)",
                                           "value": "Pacific/Chatham",
                                         },
                                         Object {
                                           "index": 880,
-                                          "label": "Nuku'alofa (9:00 PM)",
+                                          "label": "Nuku'alofa (11:00 PM)",
                                           "value": "Pacific/Tongatapu",
                                         },
                                         Object {
                                           "index": 880,
-                                          "label": "Tokelau Is. (9:00 PM)",
+                                          "label": "Tokelau Is. (11:00 PM)",
                                           "value": "Pacific/Fakaofo",
                                         },
                                         Object {
                                           "index": 880,
-                                          "label": "Samoa (9:00 PM)",
+                                          "label": "Samoa (11:00 PM)",
                                           "value": "Pacific/Apia",
                                         },
                                       ]
@@ -254623,7 +255585,13 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                         "input": [Function],
                                       }
                                     }
-                                    value={null}
+                                    value={
+                                      Object {
+                                        "index": -0,
+                                        "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                        "value": "America/Los_Angeles",
+                                      }
+                                    }
                                   >
                                     <Select
                                       backspaceRemovesValue={true}
@@ -254679,762 +255647,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                           },
                                           Object {
                                             "index": -3,
-                                            "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                            "label": "Eastern Time (US & Canada) (6:00 AM)",
                                             "value": "America/New_York",
                                           },
                                           Object {
                                             "index": -2,
-                                            "label": "Central Time (US & Canada) (3:00 AM)",
+                                            "label": "Central Time (US & Canada) (5:00 AM)",
                                             "value": "America/Chicago",
                                           },
                                           Object {
                                             "index": -1,
-                                            "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                            "label": "Mountain Time (US & Canada) (4:00 AM)",
                                             "value": "America/Denver",
                                           },
                                           Object {
                                             "index": -0,
-                                            "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                            "label": "Pacific Time (US & Canada) (3:00 AM)",
                                             "value": "America/Los_Angeles",
                                           },
                                           Object {
                                             "index": 2.4,
-                                            "label": "Indiana (East) (4:00 AM)",
+                                            "label": "Indiana (East) (6:00 AM)",
                                             "value": "America/Indiana/Indianapolis",
                                           },
                                           Object {
                                             "index": 2.4,
-                                            "label": "Puerto Rico (4:00 AM)",
+                                            "label": "Puerto Rico (6:00 AM)",
                                             "value": "America/Puerto_Rico",
                                           },
                                           Object {
                                             "index": 4.2,
-                                            "label": "Arizona (1:00 AM)",
+                                            "label": "Arizona (3:00 AM)",
                                             "value": "America/Phoenix",
                                           },
                                           Object {
                                             "index": 4.8,
-                                            "label": "Alaska (12:00 AM)",
+                                            "label": "Alaska (2:00 AM)",
                                             "value": "America/Juneau",
                                           },
                                           Object {
                                             "index": 4.8,
-                                            "label": "Philippine Standard Time (4:00 PM)",
+                                            "label": "Philippine Standard Time (6:00 PM)",
                                             "value": "Asia/Manila",
                                           },
                                           Object {
                                             "index": 6,
-                                            "label": "Hawaii (10:00 PM)",
+                                            "label": "Hawaii (12:00 AM)",
                                             "value": "Pacific/Honolulu",
                                           },
                                           Object {
                                             "index": 100,
-                                            "label": "Azores (8:00 AM)",
+                                            "label": "Azores (10:00 AM)",
                                             "value": "Atlantic/Azores",
                                           },
                                           Object {
                                             "index": 100,
-                                            "label": "Monrovia (8:00 AM)",
+                                            "label": "Monrovia (10:00 AM)",
                                             "value": "Africa/Monrovia",
                                           },
                                           Object {
                                             "index": 100,
-                                            "label": "UTC (8:00 AM)",
+                                            "label": "UTC (10:00 AM)",
                                             "value": "Etc/UTC",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "Cape Verde Is. (7:00 AM)",
+                                            "label": "Cape Verde Is. (9:00 AM)",
                                             "value": "Atlantic/Cape_Verde",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "Dublin (9:00 AM)",
+                                            "label": "Dublin (11:00 AM)",
                                             "value": "Europe/Dublin",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "Edinburgh (9:00 AM)",
+                                            "label": "Edinburgh (11:00 AM)",
                                             "value": "Europe/London",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "Lisbon (9:00 AM)",
+                                            "label": "Lisbon (11:00 AM)",
                                             "value": "Europe/Lisbon",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "London (9:00 AM)",
+                                            "label": "London (11:00 AM)",
                                             "value": "Europe/London",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "Casablanca (9:00 AM)",
+                                            "label": "Casablanca (11:00 AM)",
                                             "value": "Africa/Casablanca",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "West Central Africa (9:00 AM)",
+                                            "label": "West Central Africa (11:00 AM)",
                                             "value": "Africa/Algiers",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Greenland (6:00 AM)",
+                                            "label": "Greenland (8:00 AM)",
                                             "value": "America/Godthab",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Mid-Atlantic (6:00 AM)",
+                                            "label": "Mid-Atlantic (8:00 AM)",
                                             "value": "Atlantic/South_Georgia",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Belgrade (10:00 AM)",
+                                            "label": "Belgrade (12:00 PM)",
                                             "value": "Europe/Belgrade",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Bratislava (10:00 AM)",
+                                            "label": "Bratislava (12:00 PM)",
                                             "value": "Europe/Bratislava",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Budapest (10:00 AM)",
+                                            "label": "Budapest (12:00 PM)",
                                             "value": "Europe/Budapest",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Ljubljana (10:00 AM)",
+                                            "label": "Ljubljana (12:00 PM)",
                                             "value": "Europe/Ljubljana",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Prague (10:00 AM)",
+                                            "label": "Prague (12:00 PM)",
                                             "value": "Europe/Prague",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Sarajevo (10:00 AM)",
+                                            "label": "Sarajevo (12:00 PM)",
                                             "value": "Europe/Sarajevo",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Skopje (10:00 AM)",
+                                            "label": "Skopje (12:00 PM)",
                                             "value": "Europe/Skopje",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Warsaw (10:00 AM)",
+                                            "label": "Warsaw (12:00 PM)",
                                             "value": "Europe/Warsaw",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Zagreb (10:00 AM)",
+                                            "label": "Zagreb (12:00 PM)",
                                             "value": "Europe/Zagreb",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Brussels (10:00 AM)",
+                                            "label": "Brussels (12:00 PM)",
                                             "value": "Europe/Brussels",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Copenhagen (10:00 AM)",
+                                            "label": "Copenhagen (12:00 PM)",
                                             "value": "Europe/Copenhagen",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Madrid (10:00 AM)",
+                                            "label": "Madrid (12:00 PM)",
                                             "value": "Europe/Madrid",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Paris (10:00 AM)",
+                                            "label": "Paris (12:00 PM)",
                                             "value": "Europe/Paris",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Amsterdam (10:00 AM)",
+                                            "label": "Amsterdam (12:00 PM)",
                                             "value": "Europe/Amsterdam",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Berlin (10:00 AM)",
+                                            "label": "Berlin (12:00 PM)",
                                             "value": "Europe/Berlin",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Bern (10:00 AM)",
+                                            "label": "Bern (12:00 PM)",
                                             "value": "Europe/Zurich",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Zurich (10:00 AM)",
+                                            "label": "Zurich (12:00 PM)",
                                             "value": "Europe/Zurich",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Rome (10:00 AM)",
+                                            "label": "Rome (12:00 PM)",
                                             "value": "Europe/Rome",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Stockholm (10:00 AM)",
+                                            "label": "Stockholm (12:00 PM)",
                                             "value": "Europe/Stockholm",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Vienna (10:00 AM)",
+                                            "label": "Vienna (12:00 PM)",
                                             "value": "Europe/Vienna",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Cairo (10:00 AM)",
+                                            "label": "Cairo (12:00 PM)",
                                             "value": "Africa/Cairo",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Harare (10:00 AM)",
+                                            "label": "Harare (12:00 PM)",
                                             "value": "Africa/Harare",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Pretoria (10:00 AM)",
+                                            "label": "Pretoria (12:00 PM)",
                                             "value": "Africa/Johannesburg",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Kaliningrad (10:00 AM)",
+                                            "label": "Kaliningrad (12:00 PM)",
                                             "value": "Europe/Kaliningrad",
                                           },
                                           Object {
                                             "index": 250,
-                                            "label": "Newfoundland (5:30 AM)",
+                                            "label": "Newfoundland (7:30 AM)",
                                             "value": "America/St_Johns",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Atlantic Time (Canada) (5:00 AM)",
+                                            "label": "Atlantic Time (Canada) (7:00 AM)",
                                             "value": "America/Halifax",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Brasilia (5:00 AM)",
+                                            "label": "Brasilia (7:00 AM)",
                                             "value": "America/Sao_Paulo",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Buenos Aires (5:00 AM)",
+                                            "label": "Buenos Aires (7:00 AM)",
                                             "value": "America/Argentina/Buenos_Aires",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Montevideo (5:00 AM)",
+                                            "label": "Montevideo (7:00 AM)",
                                             "value": "America/Montevideo",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Bucharest (11:00 AM)",
+                                            "label": "Bucharest (1:00 PM)",
                                             "value": "Europe/Bucharest",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Helsinki (11:00 AM)",
+                                            "label": "Helsinki (1:00 PM)",
                                             "value": "Europe/Helsinki",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Kyiv (11:00 AM)",
+                                            "label": "Kyiv (1:00 PM)",
                                             "value": "Europe/Kiev",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Riga (11:00 AM)",
+                                            "label": "Riga (1:00 PM)",
                                             "value": "Europe/Riga",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Sofia (11:00 AM)",
+                                            "label": "Sofia (1:00 PM)",
                                             "value": "Europe/Sofia",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Tallinn (11:00 AM)",
+                                            "label": "Tallinn (1:00 PM)",
                                             "value": "Europe/Tallinn",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Vilnius (11:00 AM)",
+                                            "label": "Vilnius (1:00 PM)",
                                             "value": "Europe/Vilnius",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Athens (11:00 AM)",
+                                            "label": "Athens (1:00 PM)",
                                             "value": "Europe/Athens",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Istanbul (11:00 AM)",
+                                            "label": "Istanbul (1:00 PM)",
                                             "value": "Europe/Istanbul",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Minsk (11:00 AM)",
+                                            "label": "Minsk (1:00 PM)",
                                             "value": "Europe/Minsk",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Jerusalem (11:00 AM)",
+                                            "label": "Jerusalem (1:00 PM)",
                                             "value": "Asia/Jerusalem",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Moscow (11:00 AM)",
+                                            "label": "Moscow (1:00 PM)",
                                             "value": "Europe/Moscow",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "St. Petersburg (11:00 AM)",
+                                            "label": "St. Petersburg (1:00 PM)",
                                             "value": "Europe/Moscow",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Kuwait (11:00 AM)",
+                                            "label": "Kuwait (1:00 PM)",
                                             "value": "Asia/Kuwait",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Riyadh (11:00 AM)",
+                                            "label": "Riyadh (1:00 PM)",
                                             "value": "Asia/Riyadh",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Nairobi (11:00 AM)",
+                                            "label": "Nairobi (1:00 PM)",
                                             "value": "Africa/Nairobi",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Baghdad (11:00 AM)",
+                                            "label": "Baghdad (1:00 PM)",
                                             "value": "Asia/Baghdad",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Caracas (4:00 AM)",
+                                            "label": "Caracas (6:00 AM)",
                                             "value": "America/Caracas",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "La Paz (4:00 AM)",
+                                            "label": "La Paz (6:00 AM)",
                                             "value": "America/La_Paz",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Santiago (4:00 AM)",
+                                            "label": "Santiago (6:00 AM)",
                                             "value": "America/Santiago",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Georgetown (4:00 AM)",
+                                            "label": "Georgetown (6:00 AM)",
                                             "value": "America/Guyana",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Volgograd (12:00 PM)",
+                                            "label": "Volgograd (2:00 PM)",
                                             "value": "Europe/Volgograd",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Samara (12:00 PM)",
+                                            "label": "Samara (2:00 PM)",
                                             "value": "Europe/Samara",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Abu Dhabi (12:00 PM)",
+                                            "label": "Abu Dhabi (2:00 PM)",
                                             "value": "Asia/Muscat",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Muscat (12:00 PM)",
+                                            "label": "Muscat (2:00 PM)",
                                             "value": "Asia/Muscat",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Baku (12:00 PM)",
+                                            "label": "Baku (2:00 PM)",
                                             "value": "Asia/Baku",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Tbilisi (12:00 PM)",
+                                            "label": "Tbilisi (2:00 PM)",
                                             "value": "Asia/Tbilisi",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Yerevan (12:00 PM)",
+                                            "label": "Yerevan (2:00 PM)",
                                             "value": "Asia/Yerevan",
                                           },
                                           Object {
                                             "index": 370,
-                                            "label": "Tehran (12:30 PM)",
+                                            "label": "Tehran (2:30 PM)",
                                             "value": "Asia/Tehran",
                                           },
                                           Object {
                                             "index": 370,
-                                            "label": "Kabul (12:30 PM)",
+                                            "label": "Kabul (2:30 PM)",
                                             "value": "Asia/Kabul",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Guadalajara (3:00 AM)",
+                                            "label": "Guadalajara (5:00 AM)",
                                             "value": "America/Mexico_City",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Mexico City (3:00 AM)",
+                                            "label": "Mexico City (5:00 AM)",
                                             "value": "America/Mexico_City",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Monterrey (3:00 AM)",
+                                            "label": "Monterrey (5:00 AM)",
                                             "value": "America/Monterrey",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Bogota (3:00 AM)",
+                                            "label": "Bogota (5:00 AM)",
                                             "value": "America/Bogota",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Lima (3:00 AM)",
+                                            "label": "Lima (5:00 AM)",
                                             "value": "America/Lima",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Quito (3:00 AM)",
+                                            "label": "Quito (5:00 AM)",
                                             "value": "America/Lima",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Ekaterinburg (1:00 PM)",
+                                            "label": "Ekaterinburg (3:00 PM)",
                                             "value": "Asia/Yekaterinburg",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Islamabad (1:00 PM)",
+                                            "label": "Islamabad (3:00 PM)",
                                             "value": "Asia/Karachi",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Karachi (1:00 PM)",
+                                            "label": "Karachi (3:00 PM)",
                                             "value": "Asia/Karachi",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Tashkent (1:00 PM)",
+                                            "label": "Tashkent (3:00 PM)",
                                             "value": "Asia/Tashkent",
                                           },
                                           Object {
                                             "index": 430,
-                                            "label": "Chennai (1:30 PM)",
+                                            "label": "Chennai (3:30 PM)",
                                             "value": "Asia/Kolkata",
                                           },
                                           Object {
                                             "index": 430,
-                                            "label": "Kolkata (1:30 PM)",
+                                            "label": "Kolkata (3:30 PM)",
                                             "value": "Asia/Kolkata",
                                           },
                                           Object {
                                             "index": 430,
-                                            "label": "Mumbai (1:30 PM)",
+                                            "label": "Mumbai (3:30 PM)",
                                             "value": "Asia/Kolkata",
                                           },
                                           Object {
                                             "index": 430,
-                                            "label": "New Delhi (1:30 PM)",
+                                            "label": "New Delhi (3:30 PM)",
                                             "value": "Asia/Kolkata",
                                           },
                                           Object {
                                             "index": 430,
-                                            "label": "Sri Jayawardenepura (1:30 PM)",
+                                            "label": "Sri Jayawardenepura (3:30 PM)",
                                             "value": "Asia/Colombo",
                                           },
                                           Object {
                                             "index": 445,
-                                            "label": "Kathmandu (1:45 PM)",
+                                            "label": "Kathmandu (3:45 PM)",
                                             "value": "Asia/Kathmandu",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Chihuahua (2:00 AM)",
+                                            "label": "Chihuahua (4:00 AM)",
                                             "value": "America/Chihuahua",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Mazatlan (2:00 AM)",
+                                            "label": "Mazatlan (4:00 AM)",
                                             "value": "America/Mazatlan",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Saskatchewan (2:00 AM)",
+                                            "label": "Saskatchewan (4:00 AM)",
                                             "value": "America/Regina",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Central America (2:00 AM)",
+                                            "label": "Central America (4:00 AM)",
                                             "value": "America/Guatemala",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Astana (2:00 PM)",
+                                            "label": "Astana (4:00 PM)",
                                             "value": "Asia/Dhaka",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Dhaka (2:00 PM)",
+                                            "label": "Dhaka (4:00 PM)",
                                             "value": "Asia/Dhaka",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Almaty (2:00 PM)",
+                                            "label": "Almaty (4:00 PM)",
                                             "value": "Asia/Almaty",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Urumqi (2:00 PM)",
+                                            "label": "Urumqi (4:00 PM)",
                                             "value": "Asia/Urumqi",
                                           },
                                           Object {
                                             "index": 490,
-                                            "label": "Rangoon (2:30 PM)",
+                                            "label": "Rangoon (4:30 PM)",
                                             "value": "Asia/Rangoon",
                                           },
                                           Object {
                                             "index": 520,
-                                            "label": "Tijuana (1:00 AM)",
+                                            "label": "Tijuana (3:00 AM)",
                                             "value": "America/Tijuana",
                                           },
                                           Object {
                                             "index": 520,
-                                            "label": "Novosibirsk (3:00 PM)",
+                                            "label": "Novosibirsk (5:00 PM)",
                                             "value": "Asia/Novosibirsk",
                                           },
                                           Object {
                                             "index": 520,
-                                            "label": "Bangkok (3:00 PM)",
+                                            "label": "Bangkok (5:00 PM)",
                                             "value": "Asia/Bangkok",
                                           },
                                           Object {
                                             "index": 520,
-                                            "label": "Hanoi (3:00 PM)",
+                                            "label": "Hanoi (5:00 PM)",
                                             "value": "Asia/Bangkok",
                                           },
                                           Object {
                                             "index": 520,
-                                            "label": "Jakarta (3:00 PM)",
+                                            "label": "Jakarta (5:00 PM)",
                                             "value": "Asia/Jakarta",
                                           },
                                           Object {
                                             "index": 520,
-                                            "label": "Krasnoyarsk (3:00 PM)",
+                                            "label": "Krasnoyarsk (5:00 PM)",
                                             "value": "Asia/Krasnoyarsk",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Beijing (4:00 PM)",
+                                            "label": "Beijing (6:00 PM)",
                                             "value": "Asia/Shanghai",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Chongqing (4:00 PM)",
+                                            "label": "Chongqing (6:00 PM)",
                                             "value": "Asia/Chongqing",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Hong Kong (4:00 PM)",
+                                            "label": "Hong Kong (6:00 PM)",
                                             "value": "Asia/Hong_Kong",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Kuala Lumpur (4:00 PM)",
+                                            "label": "Kuala Lumpur (6:00 PM)",
                                             "value": "Asia/Kuala_Lumpur",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Singapore (4:00 PM)",
+                                            "label": "Singapore (6:00 PM)",
                                             "value": "Asia/Singapore",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Taipei (4:00 PM)",
+                                            "label": "Taipei (6:00 PM)",
                                             "value": "Asia/Taipei",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Perth (4:00 PM)",
+                                            "label": "Perth (6:00 PM)",
                                             "value": "Australia/Perth",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Irkutsk (4:00 PM)",
+                                            "label": "Irkutsk (6:00 PM)",
                                             "value": "Asia/Irkutsk",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Ulaanbaatar (4:00 PM)",
+                                            "label": "Ulaanbaatar (6:00 PM)",
                                             "value": "Asia/Ulaanbaatar",
                                           },
                                           Object {
                                             "index": 640,
-                                            "label": "Seoul (5:00 PM)",
+                                            "label": "Seoul (7:00 PM)",
                                             "value": "Asia/Seoul",
                                           },
                                           Object {
                                             "index": 640,
-                                            "label": "Osaka (5:00 PM)",
+                                            "label": "Osaka (7:00 PM)",
                                             "value": "Asia/Tokyo",
                                           },
                                           Object {
                                             "index": 640,
-                                            "label": "Sapporo (5:00 PM)",
+                                            "label": "Sapporo (7:00 PM)",
                                             "value": "Asia/Tokyo",
                                           },
                                           Object {
                                             "index": 640,
-                                            "label": "Tokyo (5:00 PM)",
+                                            "label": "Tokyo (7:00 PM)",
                                             "value": "Asia/Tokyo",
                                           },
                                           Object {
                                             "index": 640,
-                                            "label": "Yakutsk (5:00 PM)",
+                                            "label": "Yakutsk (7:00 PM)",
                                             "value": "Asia/Yakutsk",
                                           },
                                           Object {
                                             "index": 670,
-                                            "label": "Darwin (5:30 PM)",
+                                            "label": "Darwin (7:30 PM)",
                                             "value": "Australia/Darwin",
                                           },
                                           Object {
                                             "index": 670,
-                                            "label": "Adelaide (5:30 PM)",
+                                            "label": "Adelaide (7:30 PM)",
                                             "value": "Australia/Adelaide",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Canberra (6:00 PM)",
+                                            "label": "Canberra (8:00 PM)",
                                             "value": "Australia/Melbourne",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Melbourne (6:00 PM)",
+                                            "label": "Melbourne (8:00 PM)",
                                             "value": "Australia/Melbourne",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Sydney (6:00 PM)",
+                                            "label": "Sydney (8:00 PM)",
                                             "value": "Australia/Sydney",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Brisbane (6:00 PM)",
+                                            "label": "Brisbane (8:00 PM)",
                                             "value": "Australia/Brisbane",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Hobart (6:00 PM)",
+                                            "label": "Hobart (8:00 PM)",
                                             "value": "Australia/Hobart",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Vladivostok (6:00 PM)",
+                                            "label": "Vladivostok (8:00 PM)",
                                             "value": "Asia/Vladivostok",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Guam (6:00 PM)",
+                                            "label": "Guam (8:00 PM)",
                                             "value": "Pacific/Guam",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Port Moresby (6:00 PM)",
+                                            "label": "Port Moresby (8:00 PM)",
                                             "value": "Pacific/Port_Moresby",
                                           },
                                           Object {
                                             "index": 760,
-                                            "label": "Midway Island (9:00 PM)",
+                                            "label": "Midway Island (11:00 PM)",
                                             "value": "Pacific/Midway",
                                           },
                                           Object {
                                             "index": 760,
-                                            "label": "American Samoa (9:00 PM)",
+                                            "label": "American Samoa (11:00 PM)",
                                             "value": "Pacific/Pago_Pago",
                                           },
                                           Object {
                                             "index": 760,
-                                            "label": "Magadan (7:00 PM)",
+                                            "label": "Magadan (9:00 PM)",
                                             "value": "Asia/Magadan",
                                           },
                                           Object {
                                             "index": 760,
-                                            "label": "Srednekolymsk (7:00 PM)",
+                                            "label": "Srednekolymsk (9:00 PM)",
                                             "value": "Asia/Srednekolymsk",
                                           },
                                           Object {
                                             "index": 760,
-                                            "label": "Solomon Is. (7:00 PM)",
+                                            "label": "Solomon Is. (9:00 PM)",
                                             "value": "Pacific/Guadalcanal",
                                           },
                                           Object {
                                             "index": 760,
-                                            "label": "New Caledonia (7:00 PM)",
+                                            "label": "New Caledonia (9:00 PM)",
                                             "value": "Pacific/Noumea",
                                           },
                                           Object {
                                             "index": 820,
-                                            "label": "International Date Line West (8:00 PM)",
+                                            "label": "International Date Line West (10:00 PM)",
                                             "value": "Etc/GMT+12",
                                           },
                                           Object {
                                             "index": 820,
-                                            "label": "Fiji (8:00 PM)",
+                                            "label": "Fiji (10:00 PM)",
                                             "value": "Pacific/Fiji",
                                           },
                                           Object {
                                             "index": 820,
-                                            "label": "Kamchatka (8:00 PM)",
+                                            "label": "Kamchatka (10:00 PM)",
                                             "value": "Asia/Kamchatka",
                                           },
                                           Object {
                                             "index": 820,
-                                            "label": "Marshall Is. (8:00 PM)",
+                                            "label": "Marshall Is. (10:00 PM)",
                                             "value": "Pacific/Majuro",
                                           },
                                           Object {
                                             "index": 820,
-                                            "label": "Auckland (8:00 PM)",
+                                            "label": "Auckland (10:00 PM)",
                                             "value": "Pacific/Auckland",
                                           },
                                           Object {
                                             "index": 820,
-                                            "label": "Wellington (8:00 PM)",
+                                            "label": "Wellington (10:00 PM)",
                                             "value": "Pacific/Auckland",
                                           },
                                           Object {
                                             "index": 865,
-                                            "label": "Chatham Is. (8:45 PM)",
+                                            "label": "Chatham Is. (10:45 PM)",
                                             "value": "Pacific/Chatham",
                                           },
                                           Object {
                                             "index": 880,
-                                            "label": "Nuku'alofa (9:00 PM)",
+                                            "label": "Nuku'alofa (11:00 PM)",
                                             "value": "Pacific/Tongatapu",
                                           },
                                           Object {
                                             "index": 880,
-                                            "label": "Tokelau Is. (9:00 PM)",
+                                            "label": "Tokelau Is. (11:00 PM)",
                                             "value": "Pacific/Fakaofo",
                                           },
                                           Object {
                                             "index": 880,
-                                            "label": "Samoa (9:00 PM)",
+                                            "label": "Samoa (11:00 PM)",
                                             "value": "Pacific/Apia",
                                           },
                                         ]
@@ -255450,14 +256418,20 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                       }
                                       tabIndex="0"
                                       tabSelectsValue={true}
-                                      value={null}
+                                      value={
+                                        Object {
+                                          "index": -0,
+                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                          "value": "America/Los_Angeles",
+                                        }
+                                      }
                                     >
                                       <SelectContainer
                                         clearValue={[Function]}
                                         cx={[Function]}
                                         getStyles={[Function]}
                                         getValue={[Function]}
-                                        hasValue={false}
+                                        hasValue={true}
                                         innerProps={
                                           Object {
                                             "id": undefined,
@@ -255476,762 +256450,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                             },
                                             Object {
                                               "index": -3,
-                                              "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                              "label": "Eastern Time (US & Canada) (6:00 AM)",
                                               "value": "America/New_York",
                                             },
                                             Object {
                                               "index": -2,
-                                              "label": "Central Time (US & Canada) (3:00 AM)",
+                                              "label": "Central Time (US & Canada) (5:00 AM)",
                                               "value": "America/Chicago",
                                             },
                                             Object {
                                               "index": -1,
-                                              "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                              "label": "Mountain Time (US & Canada) (4:00 AM)",
                                               "value": "America/Denver",
                                             },
                                             Object {
                                               "index": -0,
-                                              "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                              "label": "Pacific Time (US & Canada) (3:00 AM)",
                                               "value": "America/Los_Angeles",
                                             },
                                             Object {
                                               "index": 2.4,
-                                              "label": "Indiana (East) (4:00 AM)",
+                                              "label": "Indiana (East) (6:00 AM)",
                                               "value": "America/Indiana/Indianapolis",
                                             },
                                             Object {
                                               "index": 2.4,
-                                              "label": "Puerto Rico (4:00 AM)",
+                                              "label": "Puerto Rico (6:00 AM)",
                                               "value": "America/Puerto_Rico",
                                             },
                                             Object {
                                               "index": 4.2,
-                                              "label": "Arizona (1:00 AM)",
+                                              "label": "Arizona (3:00 AM)",
                                               "value": "America/Phoenix",
                                             },
                                             Object {
                                               "index": 4.8,
-                                              "label": "Alaska (12:00 AM)",
+                                              "label": "Alaska (2:00 AM)",
                                               "value": "America/Juneau",
                                             },
                                             Object {
                                               "index": 4.8,
-                                              "label": "Philippine Standard Time (4:00 PM)",
+                                              "label": "Philippine Standard Time (6:00 PM)",
                                               "value": "Asia/Manila",
                                             },
                                             Object {
                                               "index": 6,
-                                              "label": "Hawaii (10:00 PM)",
+                                              "label": "Hawaii (12:00 AM)",
                                               "value": "Pacific/Honolulu",
                                             },
                                             Object {
                                               "index": 100,
-                                              "label": "Azores (8:00 AM)",
+                                              "label": "Azores (10:00 AM)",
                                               "value": "Atlantic/Azores",
                                             },
                                             Object {
                                               "index": 100,
-                                              "label": "Monrovia (8:00 AM)",
+                                              "label": "Monrovia (10:00 AM)",
                                               "value": "Africa/Monrovia",
                                             },
                                             Object {
                                               "index": 100,
-                                              "label": "UTC (8:00 AM)",
+                                              "label": "UTC (10:00 AM)",
                                               "value": "Etc/UTC",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "Cape Verde Is. (7:00 AM)",
+                                              "label": "Cape Verde Is. (9:00 AM)",
                                               "value": "Atlantic/Cape_Verde",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "Dublin (9:00 AM)",
+                                              "label": "Dublin (11:00 AM)",
                                               "value": "Europe/Dublin",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "Edinburgh (9:00 AM)",
+                                              "label": "Edinburgh (11:00 AM)",
                                               "value": "Europe/London",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "Lisbon (9:00 AM)",
+                                              "label": "Lisbon (11:00 AM)",
                                               "value": "Europe/Lisbon",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "London (9:00 AM)",
+                                              "label": "London (11:00 AM)",
                                               "value": "Europe/London",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "Casablanca (9:00 AM)",
+                                              "label": "Casablanca (11:00 AM)",
                                               "value": "Africa/Casablanca",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "West Central Africa (9:00 AM)",
+                                              "label": "West Central Africa (11:00 AM)",
                                               "value": "Africa/Algiers",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Greenland (6:00 AM)",
+                                              "label": "Greenland (8:00 AM)",
                                               "value": "America/Godthab",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Mid-Atlantic (6:00 AM)",
+                                              "label": "Mid-Atlantic (8:00 AM)",
                                               "value": "Atlantic/South_Georgia",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Belgrade (10:00 AM)",
+                                              "label": "Belgrade (12:00 PM)",
                                               "value": "Europe/Belgrade",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Bratislava (10:00 AM)",
+                                              "label": "Bratislava (12:00 PM)",
                                               "value": "Europe/Bratislava",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Budapest (10:00 AM)",
+                                              "label": "Budapest (12:00 PM)",
                                               "value": "Europe/Budapest",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Ljubljana (10:00 AM)",
+                                              "label": "Ljubljana (12:00 PM)",
                                               "value": "Europe/Ljubljana",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Prague (10:00 AM)",
+                                              "label": "Prague (12:00 PM)",
                                               "value": "Europe/Prague",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Sarajevo (10:00 AM)",
+                                              "label": "Sarajevo (12:00 PM)",
                                               "value": "Europe/Sarajevo",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Skopje (10:00 AM)",
+                                              "label": "Skopje (12:00 PM)",
                                               "value": "Europe/Skopje",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Warsaw (10:00 AM)",
+                                              "label": "Warsaw (12:00 PM)",
                                               "value": "Europe/Warsaw",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Zagreb (10:00 AM)",
+                                              "label": "Zagreb (12:00 PM)",
                                               "value": "Europe/Zagreb",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Brussels (10:00 AM)",
+                                              "label": "Brussels (12:00 PM)",
                                               "value": "Europe/Brussels",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Copenhagen (10:00 AM)",
+                                              "label": "Copenhagen (12:00 PM)",
                                               "value": "Europe/Copenhagen",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Madrid (10:00 AM)",
+                                              "label": "Madrid (12:00 PM)",
                                               "value": "Europe/Madrid",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Paris (10:00 AM)",
+                                              "label": "Paris (12:00 PM)",
                                               "value": "Europe/Paris",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Amsterdam (10:00 AM)",
+                                              "label": "Amsterdam (12:00 PM)",
                                               "value": "Europe/Amsterdam",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Berlin (10:00 AM)",
+                                              "label": "Berlin (12:00 PM)",
                                               "value": "Europe/Berlin",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Bern (10:00 AM)",
+                                              "label": "Bern (12:00 PM)",
                                               "value": "Europe/Zurich",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Zurich (10:00 AM)",
+                                              "label": "Zurich (12:00 PM)",
                                               "value": "Europe/Zurich",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Rome (10:00 AM)",
+                                              "label": "Rome (12:00 PM)",
                                               "value": "Europe/Rome",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Stockholm (10:00 AM)",
+                                              "label": "Stockholm (12:00 PM)",
                                               "value": "Europe/Stockholm",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Vienna (10:00 AM)",
+                                              "label": "Vienna (12:00 PM)",
                                               "value": "Europe/Vienna",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Cairo (10:00 AM)",
+                                              "label": "Cairo (12:00 PM)",
                                               "value": "Africa/Cairo",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Harare (10:00 AM)",
+                                              "label": "Harare (12:00 PM)",
                                               "value": "Africa/Harare",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Pretoria (10:00 AM)",
+                                              "label": "Pretoria (12:00 PM)",
                                               "value": "Africa/Johannesburg",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Kaliningrad (10:00 AM)",
+                                              "label": "Kaliningrad (12:00 PM)",
                                               "value": "Europe/Kaliningrad",
                                             },
                                             Object {
                                               "index": 250,
-                                              "label": "Newfoundland (5:30 AM)",
+                                              "label": "Newfoundland (7:30 AM)",
                                               "value": "America/St_Johns",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Atlantic Time (Canada) (5:00 AM)",
+                                              "label": "Atlantic Time (Canada) (7:00 AM)",
                                               "value": "America/Halifax",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Brasilia (5:00 AM)",
+                                              "label": "Brasilia (7:00 AM)",
                                               "value": "America/Sao_Paulo",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Buenos Aires (5:00 AM)",
+                                              "label": "Buenos Aires (7:00 AM)",
                                               "value": "America/Argentina/Buenos_Aires",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Montevideo (5:00 AM)",
+                                              "label": "Montevideo (7:00 AM)",
                                               "value": "America/Montevideo",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Bucharest (11:00 AM)",
+                                              "label": "Bucharest (1:00 PM)",
                                               "value": "Europe/Bucharest",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Helsinki (11:00 AM)",
+                                              "label": "Helsinki (1:00 PM)",
                                               "value": "Europe/Helsinki",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Kyiv (11:00 AM)",
+                                              "label": "Kyiv (1:00 PM)",
                                               "value": "Europe/Kiev",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Riga (11:00 AM)",
+                                              "label": "Riga (1:00 PM)",
                                               "value": "Europe/Riga",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Sofia (11:00 AM)",
+                                              "label": "Sofia (1:00 PM)",
                                               "value": "Europe/Sofia",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Tallinn (11:00 AM)",
+                                              "label": "Tallinn (1:00 PM)",
                                               "value": "Europe/Tallinn",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Vilnius (11:00 AM)",
+                                              "label": "Vilnius (1:00 PM)",
                                               "value": "Europe/Vilnius",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Athens (11:00 AM)",
+                                              "label": "Athens (1:00 PM)",
                                               "value": "Europe/Athens",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Istanbul (11:00 AM)",
+                                              "label": "Istanbul (1:00 PM)",
                                               "value": "Europe/Istanbul",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Minsk (11:00 AM)",
+                                              "label": "Minsk (1:00 PM)",
                                               "value": "Europe/Minsk",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Jerusalem (11:00 AM)",
+                                              "label": "Jerusalem (1:00 PM)",
                                               "value": "Asia/Jerusalem",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Moscow (11:00 AM)",
+                                              "label": "Moscow (1:00 PM)",
                                               "value": "Europe/Moscow",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "St. Petersburg (11:00 AM)",
+                                              "label": "St. Petersburg (1:00 PM)",
                                               "value": "Europe/Moscow",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Kuwait (11:00 AM)",
+                                              "label": "Kuwait (1:00 PM)",
                                               "value": "Asia/Kuwait",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Riyadh (11:00 AM)",
+                                              "label": "Riyadh (1:00 PM)",
                                               "value": "Asia/Riyadh",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Nairobi (11:00 AM)",
+                                              "label": "Nairobi (1:00 PM)",
                                               "value": "Africa/Nairobi",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Baghdad (11:00 AM)",
+                                              "label": "Baghdad (1:00 PM)",
                                               "value": "Asia/Baghdad",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Caracas (4:00 AM)",
+                                              "label": "Caracas (6:00 AM)",
                                               "value": "America/Caracas",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "La Paz (4:00 AM)",
+                                              "label": "La Paz (6:00 AM)",
                                               "value": "America/La_Paz",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Santiago (4:00 AM)",
+                                              "label": "Santiago (6:00 AM)",
                                               "value": "America/Santiago",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Georgetown (4:00 AM)",
+                                              "label": "Georgetown (6:00 AM)",
                                               "value": "America/Guyana",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Volgograd (12:00 PM)",
+                                              "label": "Volgograd (2:00 PM)",
                                               "value": "Europe/Volgograd",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Samara (12:00 PM)",
+                                              "label": "Samara (2:00 PM)",
                                               "value": "Europe/Samara",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Abu Dhabi (12:00 PM)",
+                                              "label": "Abu Dhabi (2:00 PM)",
                                               "value": "Asia/Muscat",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Muscat (12:00 PM)",
+                                              "label": "Muscat (2:00 PM)",
                                               "value": "Asia/Muscat",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Baku (12:00 PM)",
+                                              "label": "Baku (2:00 PM)",
                                               "value": "Asia/Baku",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Tbilisi (12:00 PM)",
+                                              "label": "Tbilisi (2:00 PM)",
                                               "value": "Asia/Tbilisi",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Yerevan (12:00 PM)",
+                                              "label": "Yerevan (2:00 PM)",
                                               "value": "Asia/Yerevan",
                                             },
                                             Object {
                                               "index": 370,
-                                              "label": "Tehran (12:30 PM)",
+                                              "label": "Tehran (2:30 PM)",
                                               "value": "Asia/Tehran",
                                             },
                                             Object {
                                               "index": 370,
-                                              "label": "Kabul (12:30 PM)",
+                                              "label": "Kabul (2:30 PM)",
                                               "value": "Asia/Kabul",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Guadalajara (3:00 AM)",
+                                              "label": "Guadalajara (5:00 AM)",
                                               "value": "America/Mexico_City",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Mexico City (3:00 AM)",
+                                              "label": "Mexico City (5:00 AM)",
                                               "value": "America/Mexico_City",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Monterrey (3:00 AM)",
+                                              "label": "Monterrey (5:00 AM)",
                                               "value": "America/Monterrey",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Bogota (3:00 AM)",
+                                              "label": "Bogota (5:00 AM)",
                                               "value": "America/Bogota",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Lima (3:00 AM)",
+                                              "label": "Lima (5:00 AM)",
                                               "value": "America/Lima",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Quito (3:00 AM)",
+                                              "label": "Quito (5:00 AM)",
                                               "value": "America/Lima",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Ekaterinburg (1:00 PM)",
+                                              "label": "Ekaterinburg (3:00 PM)",
                                               "value": "Asia/Yekaterinburg",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Islamabad (1:00 PM)",
+                                              "label": "Islamabad (3:00 PM)",
                                               "value": "Asia/Karachi",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Karachi (1:00 PM)",
+                                              "label": "Karachi (3:00 PM)",
                                               "value": "Asia/Karachi",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Tashkent (1:00 PM)",
+                                              "label": "Tashkent (3:00 PM)",
                                               "value": "Asia/Tashkent",
                                             },
                                             Object {
                                               "index": 430,
-                                              "label": "Chennai (1:30 PM)",
+                                              "label": "Chennai (3:30 PM)",
                                               "value": "Asia/Kolkata",
                                             },
                                             Object {
                                               "index": 430,
-                                              "label": "Kolkata (1:30 PM)",
+                                              "label": "Kolkata (3:30 PM)",
                                               "value": "Asia/Kolkata",
                                             },
                                             Object {
                                               "index": 430,
-                                              "label": "Mumbai (1:30 PM)",
+                                              "label": "Mumbai (3:30 PM)",
                                               "value": "Asia/Kolkata",
                                             },
                                             Object {
                                               "index": 430,
-                                              "label": "New Delhi (1:30 PM)",
+                                              "label": "New Delhi (3:30 PM)",
                                               "value": "Asia/Kolkata",
                                             },
                                             Object {
                                               "index": 430,
-                                              "label": "Sri Jayawardenepura (1:30 PM)",
+                                              "label": "Sri Jayawardenepura (3:30 PM)",
                                               "value": "Asia/Colombo",
                                             },
                                             Object {
                                               "index": 445,
-                                              "label": "Kathmandu (1:45 PM)",
+                                              "label": "Kathmandu (3:45 PM)",
                                               "value": "Asia/Kathmandu",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Chihuahua (2:00 AM)",
+                                              "label": "Chihuahua (4:00 AM)",
                                               "value": "America/Chihuahua",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Mazatlan (2:00 AM)",
+                                              "label": "Mazatlan (4:00 AM)",
                                               "value": "America/Mazatlan",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Saskatchewan (2:00 AM)",
+                                              "label": "Saskatchewan (4:00 AM)",
                                               "value": "America/Regina",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Central America (2:00 AM)",
+                                              "label": "Central America (4:00 AM)",
                                               "value": "America/Guatemala",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Astana (2:00 PM)",
+                                              "label": "Astana (4:00 PM)",
                                               "value": "Asia/Dhaka",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Dhaka (2:00 PM)",
+                                              "label": "Dhaka (4:00 PM)",
                                               "value": "Asia/Dhaka",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Almaty (2:00 PM)",
+                                              "label": "Almaty (4:00 PM)",
                                               "value": "Asia/Almaty",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Urumqi (2:00 PM)",
+                                              "label": "Urumqi (4:00 PM)",
                                               "value": "Asia/Urumqi",
                                             },
                                             Object {
                                               "index": 490,
-                                              "label": "Rangoon (2:30 PM)",
+                                              "label": "Rangoon (4:30 PM)",
                                               "value": "Asia/Rangoon",
                                             },
                                             Object {
                                               "index": 520,
-                                              "label": "Tijuana (1:00 AM)",
+                                              "label": "Tijuana (3:00 AM)",
                                               "value": "America/Tijuana",
                                             },
                                             Object {
                                               "index": 520,
-                                              "label": "Novosibirsk (3:00 PM)",
+                                              "label": "Novosibirsk (5:00 PM)",
                                               "value": "Asia/Novosibirsk",
                                             },
                                             Object {
                                               "index": 520,
-                                              "label": "Bangkok (3:00 PM)",
+                                              "label": "Bangkok (5:00 PM)",
                                               "value": "Asia/Bangkok",
                                             },
                                             Object {
                                               "index": 520,
-                                              "label": "Hanoi (3:00 PM)",
+                                              "label": "Hanoi (5:00 PM)",
                                               "value": "Asia/Bangkok",
                                             },
                                             Object {
                                               "index": 520,
-                                              "label": "Jakarta (3:00 PM)",
+                                              "label": "Jakarta (5:00 PM)",
                                               "value": "Asia/Jakarta",
                                             },
                                             Object {
                                               "index": 520,
-                                              "label": "Krasnoyarsk (3:00 PM)",
+                                              "label": "Krasnoyarsk (5:00 PM)",
                                               "value": "Asia/Krasnoyarsk",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Beijing (4:00 PM)",
+                                              "label": "Beijing (6:00 PM)",
                                               "value": "Asia/Shanghai",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Chongqing (4:00 PM)",
+                                              "label": "Chongqing (6:00 PM)",
                                               "value": "Asia/Chongqing",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Hong Kong (4:00 PM)",
+                                              "label": "Hong Kong (6:00 PM)",
                                               "value": "Asia/Hong_Kong",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Kuala Lumpur (4:00 PM)",
+                                              "label": "Kuala Lumpur (6:00 PM)",
                                               "value": "Asia/Kuala_Lumpur",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Singapore (4:00 PM)",
+                                              "label": "Singapore (6:00 PM)",
                                               "value": "Asia/Singapore",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Taipei (4:00 PM)",
+                                              "label": "Taipei (6:00 PM)",
                                               "value": "Asia/Taipei",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Perth (4:00 PM)",
+                                              "label": "Perth (6:00 PM)",
                                               "value": "Australia/Perth",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Irkutsk (4:00 PM)",
+                                              "label": "Irkutsk (6:00 PM)",
                                               "value": "Asia/Irkutsk",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Ulaanbaatar (4:00 PM)",
+                                              "label": "Ulaanbaatar (6:00 PM)",
                                               "value": "Asia/Ulaanbaatar",
                                             },
                                             Object {
                                               "index": 640,
-                                              "label": "Seoul (5:00 PM)",
+                                              "label": "Seoul (7:00 PM)",
                                               "value": "Asia/Seoul",
                                             },
                                             Object {
                                               "index": 640,
-                                              "label": "Osaka (5:00 PM)",
+                                              "label": "Osaka (7:00 PM)",
                                               "value": "Asia/Tokyo",
                                             },
                                             Object {
                                               "index": 640,
-                                              "label": "Sapporo (5:00 PM)",
+                                              "label": "Sapporo (7:00 PM)",
                                               "value": "Asia/Tokyo",
                                             },
                                             Object {
                                               "index": 640,
-                                              "label": "Tokyo (5:00 PM)",
+                                              "label": "Tokyo (7:00 PM)",
                                               "value": "Asia/Tokyo",
                                             },
                                             Object {
                                               "index": 640,
-                                              "label": "Yakutsk (5:00 PM)",
+                                              "label": "Yakutsk (7:00 PM)",
                                               "value": "Asia/Yakutsk",
                                             },
                                             Object {
                                               "index": 670,
-                                              "label": "Darwin (5:30 PM)",
+                                              "label": "Darwin (7:30 PM)",
                                               "value": "Australia/Darwin",
                                             },
                                             Object {
                                               "index": 670,
-                                              "label": "Adelaide (5:30 PM)",
+                                              "label": "Adelaide (7:30 PM)",
                                               "value": "Australia/Adelaide",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Canberra (6:00 PM)",
+                                              "label": "Canberra (8:00 PM)",
                                               "value": "Australia/Melbourne",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Melbourne (6:00 PM)",
+                                              "label": "Melbourne (8:00 PM)",
                                               "value": "Australia/Melbourne",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Sydney (6:00 PM)",
+                                              "label": "Sydney (8:00 PM)",
                                               "value": "Australia/Sydney",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Brisbane (6:00 PM)",
+                                              "label": "Brisbane (8:00 PM)",
                                               "value": "Australia/Brisbane",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Hobart (6:00 PM)",
+                                              "label": "Hobart (8:00 PM)",
                                               "value": "Australia/Hobart",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Vladivostok (6:00 PM)",
+                                              "label": "Vladivostok (8:00 PM)",
                                               "value": "Asia/Vladivostok",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Guam (6:00 PM)",
+                                              "label": "Guam (8:00 PM)",
                                               "value": "Pacific/Guam",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Port Moresby (6:00 PM)",
+                                              "label": "Port Moresby (8:00 PM)",
                                               "value": "Pacific/Port_Moresby",
                                             },
                                             Object {
                                               "index": 760,
-                                              "label": "Midway Island (9:00 PM)",
+                                              "label": "Midway Island (11:00 PM)",
                                               "value": "Pacific/Midway",
                                             },
                                             Object {
                                               "index": 760,
-                                              "label": "American Samoa (9:00 PM)",
+                                              "label": "American Samoa (11:00 PM)",
                                               "value": "Pacific/Pago_Pago",
                                             },
                                             Object {
                                               "index": 760,
-                                              "label": "Magadan (7:00 PM)",
+                                              "label": "Magadan (9:00 PM)",
                                               "value": "Asia/Magadan",
                                             },
                                             Object {
                                               "index": 760,
-                                              "label": "Srednekolymsk (7:00 PM)",
+                                              "label": "Srednekolymsk (9:00 PM)",
                                               "value": "Asia/Srednekolymsk",
                                             },
                                             Object {
                                               "index": 760,
-                                              "label": "Solomon Is. (7:00 PM)",
+                                              "label": "Solomon Is. (9:00 PM)",
                                               "value": "Pacific/Guadalcanal",
                                             },
                                             Object {
                                               "index": 760,
-                                              "label": "New Caledonia (7:00 PM)",
+                                              "label": "New Caledonia (9:00 PM)",
                                               "value": "Pacific/Noumea",
                                             },
                                             Object {
                                               "index": 820,
-                                              "label": "International Date Line West (8:00 PM)",
+                                              "label": "International Date Line West (10:00 PM)",
                                               "value": "Etc/GMT+12",
                                             },
                                             Object {
                                               "index": 820,
-                                              "label": "Fiji (8:00 PM)",
+                                              "label": "Fiji (10:00 PM)",
                                               "value": "Pacific/Fiji",
                                             },
                                             Object {
                                               "index": 820,
-                                              "label": "Kamchatka (8:00 PM)",
+                                              "label": "Kamchatka (10:00 PM)",
                                               "value": "Asia/Kamchatka",
                                             },
                                             Object {
                                               "index": 820,
-                                              "label": "Marshall Is. (8:00 PM)",
+                                              "label": "Marshall Is. (10:00 PM)",
                                               "value": "Pacific/Majuro",
                                             },
                                             Object {
                                               "index": 820,
-                                              "label": "Auckland (8:00 PM)",
+                                              "label": "Auckland (10:00 PM)",
                                               "value": "Pacific/Auckland",
                                             },
                                             Object {
                                               "index": 820,
-                                              "label": "Wellington (8:00 PM)",
+                                              "label": "Wellington (10:00 PM)",
                                               "value": "Pacific/Auckland",
                                             },
                                             Object {
                                               "index": 865,
-                                              "label": "Chatham Is. (8:45 PM)",
+                                              "label": "Chatham Is. (10:45 PM)",
                                               "value": "Pacific/Chatham",
                                             },
                                             Object {
                                               "index": 880,
-                                              "label": "Nuku'alofa (9:00 PM)",
+                                              "label": "Nuku'alofa (11:00 PM)",
                                               "value": "Pacific/Tongatapu",
                                             },
                                             Object {
                                               "index": 880,
-                                              "label": "Tokelau Is. (9:00 PM)",
+                                              "label": "Tokelau Is. (11:00 PM)",
                                               "value": "Pacific/Fakaofo",
                                             },
                                             Object {
                                               "index": 880,
-                                              "label": "Samoa (9:00 PM)",
+                                              "label": "Samoa (11:00 PM)",
                                               "value": "Pacific/Apia",
                                             },
                                           ]
@@ -256292,762 +257266,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                               },
                                               Object {
                                                 "index": -3,
-                                                "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                 "value": "America/New_York",
                                               },
                                               Object {
                                                 "index": -2,
-                                                "label": "Central Time (US & Canada) (3:00 AM)",
+                                                "label": "Central Time (US & Canada) (5:00 AM)",
                                                 "value": "America/Chicago",
                                               },
                                               Object {
                                                 "index": -1,
-                                                "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                 "value": "America/Denver",
                                               },
                                               Object {
                                                 "index": -0,
-                                                "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                 "value": "America/Los_Angeles",
                                               },
                                               Object {
                                                 "index": 2.4,
-                                                "label": "Indiana (East) (4:00 AM)",
+                                                "label": "Indiana (East) (6:00 AM)",
                                                 "value": "America/Indiana/Indianapolis",
                                               },
                                               Object {
                                                 "index": 2.4,
-                                                "label": "Puerto Rico (4:00 AM)",
+                                                "label": "Puerto Rico (6:00 AM)",
                                                 "value": "America/Puerto_Rico",
                                               },
                                               Object {
                                                 "index": 4.2,
-                                                "label": "Arizona (1:00 AM)",
+                                                "label": "Arizona (3:00 AM)",
                                                 "value": "America/Phoenix",
                                               },
                                               Object {
                                                 "index": 4.8,
-                                                "label": "Alaska (12:00 AM)",
+                                                "label": "Alaska (2:00 AM)",
                                                 "value": "America/Juneau",
                                               },
                                               Object {
                                                 "index": 4.8,
-                                                "label": "Philippine Standard Time (4:00 PM)",
+                                                "label": "Philippine Standard Time (6:00 PM)",
                                                 "value": "Asia/Manila",
                                               },
                                               Object {
                                                 "index": 6,
-                                                "label": "Hawaii (10:00 PM)",
+                                                "label": "Hawaii (12:00 AM)",
                                                 "value": "Pacific/Honolulu",
                                               },
                                               Object {
                                                 "index": 100,
-                                                "label": "Azores (8:00 AM)",
+                                                "label": "Azores (10:00 AM)",
                                                 "value": "Atlantic/Azores",
                                               },
                                               Object {
                                                 "index": 100,
-                                                "label": "Monrovia (8:00 AM)",
+                                                "label": "Monrovia (10:00 AM)",
                                                 "value": "Africa/Monrovia",
                                               },
                                               Object {
                                                 "index": 100,
-                                                "label": "UTC (8:00 AM)",
+                                                "label": "UTC (10:00 AM)",
                                                 "value": "Etc/UTC",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "Cape Verde Is. (7:00 AM)",
+                                                "label": "Cape Verde Is. (9:00 AM)",
                                                 "value": "Atlantic/Cape_Verde",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "Dublin (9:00 AM)",
+                                                "label": "Dublin (11:00 AM)",
                                                 "value": "Europe/Dublin",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "Edinburgh (9:00 AM)",
+                                                "label": "Edinburgh (11:00 AM)",
                                                 "value": "Europe/London",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "Lisbon (9:00 AM)",
+                                                "label": "Lisbon (11:00 AM)",
                                                 "value": "Europe/Lisbon",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "London (9:00 AM)",
+                                                "label": "London (11:00 AM)",
                                                 "value": "Europe/London",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "Casablanca (9:00 AM)",
+                                                "label": "Casablanca (11:00 AM)",
                                                 "value": "Africa/Casablanca",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "West Central Africa (9:00 AM)",
+                                                "label": "West Central Africa (11:00 AM)",
                                                 "value": "Africa/Algiers",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Greenland (6:00 AM)",
+                                                "label": "Greenland (8:00 AM)",
                                                 "value": "America/Godthab",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Mid-Atlantic (6:00 AM)",
+                                                "label": "Mid-Atlantic (8:00 AM)",
                                                 "value": "Atlantic/South_Georgia",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Belgrade (10:00 AM)",
+                                                "label": "Belgrade (12:00 PM)",
                                                 "value": "Europe/Belgrade",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Bratislava (10:00 AM)",
+                                                "label": "Bratislava (12:00 PM)",
                                                 "value": "Europe/Bratislava",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Budapest (10:00 AM)",
+                                                "label": "Budapest (12:00 PM)",
                                                 "value": "Europe/Budapest",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Ljubljana (10:00 AM)",
+                                                "label": "Ljubljana (12:00 PM)",
                                                 "value": "Europe/Ljubljana",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Prague (10:00 AM)",
+                                                "label": "Prague (12:00 PM)",
                                                 "value": "Europe/Prague",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Sarajevo (10:00 AM)",
+                                                "label": "Sarajevo (12:00 PM)",
                                                 "value": "Europe/Sarajevo",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Skopje (10:00 AM)",
+                                                "label": "Skopje (12:00 PM)",
                                                 "value": "Europe/Skopje",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Warsaw (10:00 AM)",
+                                                "label": "Warsaw (12:00 PM)",
                                                 "value": "Europe/Warsaw",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Zagreb (10:00 AM)",
+                                                "label": "Zagreb (12:00 PM)",
                                                 "value": "Europe/Zagreb",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Brussels (10:00 AM)",
+                                                "label": "Brussels (12:00 PM)",
                                                 "value": "Europe/Brussels",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Copenhagen (10:00 AM)",
+                                                "label": "Copenhagen (12:00 PM)",
                                                 "value": "Europe/Copenhagen",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Madrid (10:00 AM)",
+                                                "label": "Madrid (12:00 PM)",
                                                 "value": "Europe/Madrid",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Paris (10:00 AM)",
+                                                "label": "Paris (12:00 PM)",
                                                 "value": "Europe/Paris",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Amsterdam (10:00 AM)",
+                                                "label": "Amsterdam (12:00 PM)",
                                                 "value": "Europe/Amsterdam",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Berlin (10:00 AM)",
+                                                "label": "Berlin (12:00 PM)",
                                                 "value": "Europe/Berlin",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Bern (10:00 AM)",
+                                                "label": "Bern (12:00 PM)",
                                                 "value": "Europe/Zurich",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Zurich (10:00 AM)",
+                                                "label": "Zurich (12:00 PM)",
                                                 "value": "Europe/Zurich",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Rome (10:00 AM)",
+                                                "label": "Rome (12:00 PM)",
                                                 "value": "Europe/Rome",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Stockholm (10:00 AM)",
+                                                "label": "Stockholm (12:00 PM)",
                                                 "value": "Europe/Stockholm",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Vienna (10:00 AM)",
+                                                "label": "Vienna (12:00 PM)",
                                                 "value": "Europe/Vienna",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Cairo (10:00 AM)",
+                                                "label": "Cairo (12:00 PM)",
                                                 "value": "Africa/Cairo",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Harare (10:00 AM)",
+                                                "label": "Harare (12:00 PM)",
                                                 "value": "Africa/Harare",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Pretoria (10:00 AM)",
+                                                "label": "Pretoria (12:00 PM)",
                                                 "value": "Africa/Johannesburg",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Kaliningrad (10:00 AM)",
+                                                "label": "Kaliningrad (12:00 PM)",
                                                 "value": "Europe/Kaliningrad",
                                               },
                                               Object {
                                                 "index": 250,
-                                                "label": "Newfoundland (5:30 AM)",
+                                                "label": "Newfoundland (7:30 AM)",
                                                 "value": "America/St_Johns",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                "label": "Atlantic Time (Canada) (7:00 AM)",
                                                 "value": "America/Halifax",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Brasilia (5:00 AM)",
+                                                "label": "Brasilia (7:00 AM)",
                                                 "value": "America/Sao_Paulo",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Buenos Aires (5:00 AM)",
+                                                "label": "Buenos Aires (7:00 AM)",
                                                 "value": "America/Argentina/Buenos_Aires",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Montevideo (5:00 AM)",
+                                                "label": "Montevideo (7:00 AM)",
                                                 "value": "America/Montevideo",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Bucharest (11:00 AM)",
+                                                "label": "Bucharest (1:00 PM)",
                                                 "value": "Europe/Bucharest",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Helsinki (11:00 AM)",
+                                                "label": "Helsinki (1:00 PM)",
                                                 "value": "Europe/Helsinki",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Kyiv (11:00 AM)",
+                                                "label": "Kyiv (1:00 PM)",
                                                 "value": "Europe/Kiev",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Riga (11:00 AM)",
+                                                "label": "Riga (1:00 PM)",
                                                 "value": "Europe/Riga",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Sofia (11:00 AM)",
+                                                "label": "Sofia (1:00 PM)",
                                                 "value": "Europe/Sofia",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Tallinn (11:00 AM)",
+                                                "label": "Tallinn (1:00 PM)",
                                                 "value": "Europe/Tallinn",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Vilnius (11:00 AM)",
+                                                "label": "Vilnius (1:00 PM)",
                                                 "value": "Europe/Vilnius",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Athens (11:00 AM)",
+                                                "label": "Athens (1:00 PM)",
                                                 "value": "Europe/Athens",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Istanbul (11:00 AM)",
+                                                "label": "Istanbul (1:00 PM)",
                                                 "value": "Europe/Istanbul",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Minsk (11:00 AM)",
+                                                "label": "Minsk (1:00 PM)",
                                                 "value": "Europe/Minsk",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Jerusalem (11:00 AM)",
+                                                "label": "Jerusalem (1:00 PM)",
                                                 "value": "Asia/Jerusalem",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Moscow (11:00 AM)",
+                                                "label": "Moscow (1:00 PM)",
                                                 "value": "Europe/Moscow",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "St. Petersburg (11:00 AM)",
+                                                "label": "St. Petersburg (1:00 PM)",
                                                 "value": "Europe/Moscow",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Kuwait (11:00 AM)",
+                                                "label": "Kuwait (1:00 PM)",
                                                 "value": "Asia/Kuwait",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Riyadh (11:00 AM)",
+                                                "label": "Riyadh (1:00 PM)",
                                                 "value": "Asia/Riyadh",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Nairobi (11:00 AM)",
+                                                "label": "Nairobi (1:00 PM)",
                                                 "value": "Africa/Nairobi",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Baghdad (11:00 AM)",
+                                                "label": "Baghdad (1:00 PM)",
                                                 "value": "Asia/Baghdad",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Caracas (4:00 AM)",
+                                                "label": "Caracas (6:00 AM)",
                                                 "value": "America/Caracas",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "La Paz (4:00 AM)",
+                                                "label": "La Paz (6:00 AM)",
                                                 "value": "America/La_Paz",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Santiago (4:00 AM)",
+                                                "label": "Santiago (6:00 AM)",
                                                 "value": "America/Santiago",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Georgetown (4:00 AM)",
+                                                "label": "Georgetown (6:00 AM)",
                                                 "value": "America/Guyana",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Volgograd (12:00 PM)",
+                                                "label": "Volgograd (2:00 PM)",
                                                 "value": "Europe/Volgograd",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Samara (12:00 PM)",
+                                                "label": "Samara (2:00 PM)",
                                                 "value": "Europe/Samara",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Abu Dhabi (12:00 PM)",
+                                                "label": "Abu Dhabi (2:00 PM)",
                                                 "value": "Asia/Muscat",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Muscat (12:00 PM)",
+                                                "label": "Muscat (2:00 PM)",
                                                 "value": "Asia/Muscat",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Baku (12:00 PM)",
+                                                "label": "Baku (2:00 PM)",
                                                 "value": "Asia/Baku",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Tbilisi (12:00 PM)",
+                                                "label": "Tbilisi (2:00 PM)",
                                                 "value": "Asia/Tbilisi",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Yerevan (12:00 PM)",
+                                                "label": "Yerevan (2:00 PM)",
                                                 "value": "Asia/Yerevan",
                                               },
                                               Object {
                                                 "index": 370,
-                                                "label": "Tehran (12:30 PM)",
+                                                "label": "Tehran (2:30 PM)",
                                                 "value": "Asia/Tehran",
                                               },
                                               Object {
                                                 "index": 370,
-                                                "label": "Kabul (12:30 PM)",
+                                                "label": "Kabul (2:30 PM)",
                                                 "value": "Asia/Kabul",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Guadalajara (3:00 AM)",
+                                                "label": "Guadalajara (5:00 AM)",
                                                 "value": "America/Mexico_City",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Mexico City (3:00 AM)",
+                                                "label": "Mexico City (5:00 AM)",
                                                 "value": "America/Mexico_City",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Monterrey (3:00 AM)",
+                                                "label": "Monterrey (5:00 AM)",
                                                 "value": "America/Monterrey",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Bogota (3:00 AM)",
+                                                "label": "Bogota (5:00 AM)",
                                                 "value": "America/Bogota",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Lima (3:00 AM)",
+                                                "label": "Lima (5:00 AM)",
                                                 "value": "America/Lima",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Quito (3:00 AM)",
+                                                "label": "Quito (5:00 AM)",
                                                 "value": "America/Lima",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Ekaterinburg (1:00 PM)",
+                                                "label": "Ekaterinburg (3:00 PM)",
                                                 "value": "Asia/Yekaterinburg",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Islamabad (1:00 PM)",
+                                                "label": "Islamabad (3:00 PM)",
                                                 "value": "Asia/Karachi",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Karachi (1:00 PM)",
+                                                "label": "Karachi (3:00 PM)",
                                                 "value": "Asia/Karachi",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Tashkent (1:00 PM)",
+                                                "label": "Tashkent (3:00 PM)",
                                                 "value": "Asia/Tashkent",
                                               },
                                               Object {
                                                 "index": 430,
-                                                "label": "Chennai (1:30 PM)",
+                                                "label": "Chennai (3:30 PM)",
                                                 "value": "Asia/Kolkata",
                                               },
                                               Object {
                                                 "index": 430,
-                                                "label": "Kolkata (1:30 PM)",
+                                                "label": "Kolkata (3:30 PM)",
                                                 "value": "Asia/Kolkata",
                                               },
                                               Object {
                                                 "index": 430,
-                                                "label": "Mumbai (1:30 PM)",
+                                                "label": "Mumbai (3:30 PM)",
                                                 "value": "Asia/Kolkata",
                                               },
                                               Object {
                                                 "index": 430,
-                                                "label": "New Delhi (1:30 PM)",
+                                                "label": "New Delhi (3:30 PM)",
                                                 "value": "Asia/Kolkata",
                                               },
                                               Object {
                                                 "index": 430,
-                                                "label": "Sri Jayawardenepura (1:30 PM)",
+                                                "label": "Sri Jayawardenepura (3:30 PM)",
                                                 "value": "Asia/Colombo",
                                               },
                                               Object {
                                                 "index": 445,
-                                                "label": "Kathmandu (1:45 PM)",
+                                                "label": "Kathmandu (3:45 PM)",
                                                 "value": "Asia/Kathmandu",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Chihuahua (2:00 AM)",
+                                                "label": "Chihuahua (4:00 AM)",
                                                 "value": "America/Chihuahua",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Mazatlan (2:00 AM)",
+                                                "label": "Mazatlan (4:00 AM)",
                                                 "value": "America/Mazatlan",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Saskatchewan (2:00 AM)",
+                                                "label": "Saskatchewan (4:00 AM)",
                                                 "value": "America/Regina",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Central America (2:00 AM)",
+                                                "label": "Central America (4:00 AM)",
                                                 "value": "America/Guatemala",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Astana (2:00 PM)",
+                                                "label": "Astana (4:00 PM)",
                                                 "value": "Asia/Dhaka",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Dhaka (2:00 PM)",
+                                                "label": "Dhaka (4:00 PM)",
                                                 "value": "Asia/Dhaka",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Almaty (2:00 PM)",
+                                                "label": "Almaty (4:00 PM)",
                                                 "value": "Asia/Almaty",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Urumqi (2:00 PM)",
+                                                "label": "Urumqi (4:00 PM)",
                                                 "value": "Asia/Urumqi",
                                               },
                                               Object {
                                                 "index": 490,
-                                                "label": "Rangoon (2:30 PM)",
+                                                "label": "Rangoon (4:30 PM)",
                                                 "value": "Asia/Rangoon",
                                               },
                                               Object {
                                                 "index": 520,
-                                                "label": "Tijuana (1:00 AM)",
+                                                "label": "Tijuana (3:00 AM)",
                                                 "value": "America/Tijuana",
                                               },
                                               Object {
                                                 "index": 520,
-                                                "label": "Novosibirsk (3:00 PM)",
+                                                "label": "Novosibirsk (5:00 PM)",
                                                 "value": "Asia/Novosibirsk",
                                               },
                                               Object {
                                                 "index": 520,
-                                                "label": "Bangkok (3:00 PM)",
+                                                "label": "Bangkok (5:00 PM)",
                                                 "value": "Asia/Bangkok",
                                               },
                                               Object {
                                                 "index": 520,
-                                                "label": "Hanoi (3:00 PM)",
+                                                "label": "Hanoi (5:00 PM)",
                                                 "value": "Asia/Bangkok",
                                               },
                                               Object {
                                                 "index": 520,
-                                                "label": "Jakarta (3:00 PM)",
+                                                "label": "Jakarta (5:00 PM)",
                                                 "value": "Asia/Jakarta",
                                               },
                                               Object {
                                                 "index": 520,
-                                                "label": "Krasnoyarsk (3:00 PM)",
+                                                "label": "Krasnoyarsk (5:00 PM)",
                                                 "value": "Asia/Krasnoyarsk",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Beijing (4:00 PM)",
+                                                "label": "Beijing (6:00 PM)",
                                                 "value": "Asia/Shanghai",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Chongqing (4:00 PM)",
+                                                "label": "Chongqing (6:00 PM)",
                                                 "value": "Asia/Chongqing",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Hong Kong (4:00 PM)",
+                                                "label": "Hong Kong (6:00 PM)",
                                                 "value": "Asia/Hong_Kong",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Kuala Lumpur (4:00 PM)",
+                                                "label": "Kuala Lumpur (6:00 PM)",
                                                 "value": "Asia/Kuala_Lumpur",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Singapore (4:00 PM)",
+                                                "label": "Singapore (6:00 PM)",
                                                 "value": "Asia/Singapore",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Taipei (4:00 PM)",
+                                                "label": "Taipei (6:00 PM)",
                                                 "value": "Asia/Taipei",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Perth (4:00 PM)",
+                                                "label": "Perth (6:00 PM)",
                                                 "value": "Australia/Perth",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Irkutsk (4:00 PM)",
+                                                "label": "Irkutsk (6:00 PM)",
                                                 "value": "Asia/Irkutsk",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Ulaanbaatar (4:00 PM)",
+                                                "label": "Ulaanbaatar (6:00 PM)",
                                                 "value": "Asia/Ulaanbaatar",
                                               },
                                               Object {
                                                 "index": 640,
-                                                "label": "Seoul (5:00 PM)",
+                                                "label": "Seoul (7:00 PM)",
                                                 "value": "Asia/Seoul",
                                               },
                                               Object {
                                                 "index": 640,
-                                                "label": "Osaka (5:00 PM)",
+                                                "label": "Osaka (7:00 PM)",
                                                 "value": "Asia/Tokyo",
                                               },
                                               Object {
                                                 "index": 640,
-                                                "label": "Sapporo (5:00 PM)",
+                                                "label": "Sapporo (7:00 PM)",
                                                 "value": "Asia/Tokyo",
                                               },
                                               Object {
                                                 "index": 640,
-                                                "label": "Tokyo (5:00 PM)",
+                                                "label": "Tokyo (7:00 PM)",
                                                 "value": "Asia/Tokyo",
                                               },
                                               Object {
                                                 "index": 640,
-                                                "label": "Yakutsk (5:00 PM)",
+                                                "label": "Yakutsk (7:00 PM)",
                                                 "value": "Asia/Yakutsk",
                                               },
                                               Object {
                                                 "index": 670,
-                                                "label": "Darwin (5:30 PM)",
+                                                "label": "Darwin (7:30 PM)",
                                                 "value": "Australia/Darwin",
                                               },
                                               Object {
                                                 "index": 670,
-                                                "label": "Adelaide (5:30 PM)",
+                                                "label": "Adelaide (7:30 PM)",
                                                 "value": "Australia/Adelaide",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Canberra (6:00 PM)",
+                                                "label": "Canberra (8:00 PM)",
                                                 "value": "Australia/Melbourne",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Melbourne (6:00 PM)",
+                                                "label": "Melbourne (8:00 PM)",
                                                 "value": "Australia/Melbourne",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Sydney (6:00 PM)",
+                                                "label": "Sydney (8:00 PM)",
                                                 "value": "Australia/Sydney",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Brisbane (6:00 PM)",
+                                                "label": "Brisbane (8:00 PM)",
                                                 "value": "Australia/Brisbane",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Hobart (6:00 PM)",
+                                                "label": "Hobart (8:00 PM)",
                                                 "value": "Australia/Hobart",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Vladivostok (6:00 PM)",
+                                                "label": "Vladivostok (8:00 PM)",
                                                 "value": "Asia/Vladivostok",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Guam (6:00 PM)",
+                                                "label": "Guam (8:00 PM)",
                                                 "value": "Pacific/Guam",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Port Moresby (6:00 PM)",
+                                                "label": "Port Moresby (8:00 PM)",
                                                 "value": "Pacific/Port_Moresby",
                                               },
                                               Object {
                                                 "index": 760,
-                                                "label": "Midway Island (9:00 PM)",
+                                                "label": "Midway Island (11:00 PM)",
                                                 "value": "Pacific/Midway",
                                               },
                                               Object {
                                                 "index": 760,
-                                                "label": "American Samoa (9:00 PM)",
+                                                "label": "American Samoa (11:00 PM)",
                                                 "value": "Pacific/Pago_Pago",
                                               },
                                               Object {
                                                 "index": 760,
-                                                "label": "Magadan (7:00 PM)",
+                                                "label": "Magadan (9:00 PM)",
                                                 "value": "Asia/Magadan",
                                               },
                                               Object {
                                                 "index": 760,
-                                                "label": "Srednekolymsk (7:00 PM)",
+                                                "label": "Srednekolymsk (9:00 PM)",
                                                 "value": "Asia/Srednekolymsk",
                                               },
                                               Object {
                                                 "index": 760,
-                                                "label": "Solomon Is. (7:00 PM)",
+                                                "label": "Solomon Is. (9:00 PM)",
                                                 "value": "Pacific/Guadalcanal",
                                               },
                                               Object {
                                                 "index": 760,
-                                                "label": "New Caledonia (7:00 PM)",
+                                                "label": "New Caledonia (9:00 PM)",
                                                 "value": "Pacific/Noumea",
                                               },
                                               Object {
                                                 "index": 820,
-                                                "label": "International Date Line West (8:00 PM)",
+                                                "label": "International Date Line West (10:00 PM)",
                                                 "value": "Etc/GMT+12",
                                               },
                                               Object {
                                                 "index": 820,
-                                                "label": "Fiji (8:00 PM)",
+                                                "label": "Fiji (10:00 PM)",
                                                 "value": "Pacific/Fiji",
                                               },
                                               Object {
                                                 "index": 820,
-                                                "label": "Kamchatka (8:00 PM)",
+                                                "label": "Kamchatka (10:00 PM)",
                                                 "value": "Asia/Kamchatka",
                                               },
                                               Object {
                                                 "index": 820,
-                                                "label": "Marshall Is. (8:00 PM)",
+                                                "label": "Marshall Is. (10:00 PM)",
                                                 "value": "Pacific/Majuro",
                                               },
                                               Object {
                                                 "index": 820,
-                                                "label": "Auckland (8:00 PM)",
+                                                "label": "Auckland (10:00 PM)",
                                                 "value": "Pacific/Auckland",
                                               },
                                               Object {
                                                 "index": 820,
-                                                "label": "Wellington (8:00 PM)",
+                                                "label": "Wellington (10:00 PM)",
                                                 "value": "Pacific/Auckland",
                                               },
                                               Object {
                                                 "index": 865,
-                                                "label": "Chatham Is. (8:45 PM)",
+                                                "label": "Chatham Is. (10:45 PM)",
                                                 "value": "Pacific/Chatham",
                                               },
                                               Object {
                                                 "index": 880,
-                                                "label": "Nuku'alofa (9:00 PM)",
+                                                "label": "Nuku'alofa (11:00 PM)",
                                                 "value": "Pacific/Tongatapu",
                                               },
                                               Object {
                                                 "index": 880,
-                                                "label": "Tokelau Is. (9:00 PM)",
+                                                "label": "Tokelau Is. (11:00 PM)",
                                                 "value": "Pacific/Fakaofo",
                                               },
                                               Object {
                                                 "index": 880,
-                                                "label": "Samoa (9:00 PM)",
+                                                "label": "Samoa (11:00 PM)",
                                                 "value": "Pacific/Apia",
                                               },
                                             ],
@@ -257061,7 +258035,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                             },
                                             "tabIndex": "0",
                                             "tabSelectsValue": true,
-                                            "value": null,
+                                            "value": Object {
+                                              "index": -0,
+                                              "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                              "value": "America/Los_Angeles",
+                                            },
                                           }
                                         }
                                         setValue={[Function]}
@@ -257119,7 +258097,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                               cx={[Function]}
                                               getStyles={[Function]}
                                               getValue={[Function]}
-                                              hasValue={false}
+                                              hasValue={true}
                                               innerProps={
                                                 Object {
                                                   "onMouseDown": [Function],
@@ -257140,762 +258118,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                   },
                                                   Object {
                                                     "index": -3,
-                                                    "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                    "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                     "value": "America/New_York",
                                                   },
                                                   Object {
                                                     "index": -2,
-                                                    "label": "Central Time (US & Canada) (3:00 AM)",
+                                                    "label": "Central Time (US & Canada) (5:00 AM)",
                                                     "value": "America/Chicago",
                                                   },
                                                   Object {
                                                     "index": -1,
-                                                    "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                    "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                     "value": "America/Denver",
                                                   },
                                                   Object {
                                                     "index": -0,
-                                                    "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                    "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                     "value": "America/Los_Angeles",
                                                   },
                                                   Object {
                                                     "index": 2.4,
-                                                    "label": "Indiana (East) (4:00 AM)",
+                                                    "label": "Indiana (East) (6:00 AM)",
                                                     "value": "America/Indiana/Indianapolis",
                                                   },
                                                   Object {
                                                     "index": 2.4,
-                                                    "label": "Puerto Rico (4:00 AM)",
+                                                    "label": "Puerto Rico (6:00 AM)",
                                                     "value": "America/Puerto_Rico",
                                                   },
                                                   Object {
                                                     "index": 4.2,
-                                                    "label": "Arizona (1:00 AM)",
+                                                    "label": "Arizona (3:00 AM)",
                                                     "value": "America/Phoenix",
                                                   },
                                                   Object {
                                                     "index": 4.8,
-                                                    "label": "Alaska (12:00 AM)",
+                                                    "label": "Alaska (2:00 AM)",
                                                     "value": "America/Juneau",
                                                   },
                                                   Object {
                                                     "index": 4.8,
-                                                    "label": "Philippine Standard Time (4:00 PM)",
+                                                    "label": "Philippine Standard Time (6:00 PM)",
                                                     "value": "Asia/Manila",
                                                   },
                                                   Object {
                                                     "index": 6,
-                                                    "label": "Hawaii (10:00 PM)",
+                                                    "label": "Hawaii (12:00 AM)",
                                                     "value": "Pacific/Honolulu",
                                                   },
                                                   Object {
                                                     "index": 100,
-                                                    "label": "Azores (8:00 AM)",
+                                                    "label": "Azores (10:00 AM)",
                                                     "value": "Atlantic/Azores",
                                                   },
                                                   Object {
                                                     "index": 100,
-                                                    "label": "Monrovia (8:00 AM)",
+                                                    "label": "Monrovia (10:00 AM)",
                                                     "value": "Africa/Monrovia",
                                                   },
                                                   Object {
                                                     "index": 100,
-                                                    "label": "UTC (8:00 AM)",
+                                                    "label": "UTC (10:00 AM)",
                                                     "value": "Etc/UTC",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "Cape Verde Is. (7:00 AM)",
+                                                    "label": "Cape Verde Is. (9:00 AM)",
                                                     "value": "Atlantic/Cape_Verde",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "Dublin (9:00 AM)",
+                                                    "label": "Dublin (11:00 AM)",
                                                     "value": "Europe/Dublin",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "Edinburgh (9:00 AM)",
+                                                    "label": "Edinburgh (11:00 AM)",
                                                     "value": "Europe/London",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "Lisbon (9:00 AM)",
+                                                    "label": "Lisbon (11:00 AM)",
                                                     "value": "Europe/Lisbon",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "London (9:00 AM)",
+                                                    "label": "London (11:00 AM)",
                                                     "value": "Europe/London",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "Casablanca (9:00 AM)",
+                                                    "label": "Casablanca (11:00 AM)",
                                                     "value": "Africa/Casablanca",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "West Central Africa (9:00 AM)",
+                                                    "label": "West Central Africa (11:00 AM)",
                                                     "value": "Africa/Algiers",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Greenland (6:00 AM)",
+                                                    "label": "Greenland (8:00 AM)",
                                                     "value": "America/Godthab",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Mid-Atlantic (6:00 AM)",
+                                                    "label": "Mid-Atlantic (8:00 AM)",
                                                     "value": "Atlantic/South_Georgia",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Belgrade (10:00 AM)",
+                                                    "label": "Belgrade (12:00 PM)",
                                                     "value": "Europe/Belgrade",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Bratislava (10:00 AM)",
+                                                    "label": "Bratislava (12:00 PM)",
                                                     "value": "Europe/Bratislava",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Budapest (10:00 AM)",
+                                                    "label": "Budapest (12:00 PM)",
                                                     "value": "Europe/Budapest",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Ljubljana (10:00 AM)",
+                                                    "label": "Ljubljana (12:00 PM)",
                                                     "value": "Europe/Ljubljana",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Prague (10:00 AM)",
+                                                    "label": "Prague (12:00 PM)",
                                                     "value": "Europe/Prague",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Sarajevo (10:00 AM)",
+                                                    "label": "Sarajevo (12:00 PM)",
                                                     "value": "Europe/Sarajevo",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Skopje (10:00 AM)",
+                                                    "label": "Skopje (12:00 PM)",
                                                     "value": "Europe/Skopje",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Warsaw (10:00 AM)",
+                                                    "label": "Warsaw (12:00 PM)",
                                                     "value": "Europe/Warsaw",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Zagreb (10:00 AM)",
+                                                    "label": "Zagreb (12:00 PM)",
                                                     "value": "Europe/Zagreb",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Brussels (10:00 AM)",
+                                                    "label": "Brussels (12:00 PM)",
                                                     "value": "Europe/Brussels",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Copenhagen (10:00 AM)",
+                                                    "label": "Copenhagen (12:00 PM)",
                                                     "value": "Europe/Copenhagen",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Madrid (10:00 AM)",
+                                                    "label": "Madrid (12:00 PM)",
                                                     "value": "Europe/Madrid",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Paris (10:00 AM)",
+                                                    "label": "Paris (12:00 PM)",
                                                     "value": "Europe/Paris",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Amsterdam (10:00 AM)",
+                                                    "label": "Amsterdam (12:00 PM)",
                                                     "value": "Europe/Amsterdam",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Berlin (10:00 AM)",
+                                                    "label": "Berlin (12:00 PM)",
                                                     "value": "Europe/Berlin",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Bern (10:00 AM)",
+                                                    "label": "Bern (12:00 PM)",
                                                     "value": "Europe/Zurich",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Zurich (10:00 AM)",
+                                                    "label": "Zurich (12:00 PM)",
                                                     "value": "Europe/Zurich",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Rome (10:00 AM)",
+                                                    "label": "Rome (12:00 PM)",
                                                     "value": "Europe/Rome",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Stockholm (10:00 AM)",
+                                                    "label": "Stockholm (12:00 PM)",
                                                     "value": "Europe/Stockholm",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Vienna (10:00 AM)",
+                                                    "label": "Vienna (12:00 PM)",
                                                     "value": "Europe/Vienna",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Cairo (10:00 AM)",
+                                                    "label": "Cairo (12:00 PM)",
                                                     "value": "Africa/Cairo",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Harare (10:00 AM)",
+                                                    "label": "Harare (12:00 PM)",
                                                     "value": "Africa/Harare",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Pretoria (10:00 AM)",
+                                                    "label": "Pretoria (12:00 PM)",
                                                     "value": "Africa/Johannesburg",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Kaliningrad (10:00 AM)",
+                                                    "label": "Kaliningrad (12:00 PM)",
                                                     "value": "Europe/Kaliningrad",
                                                   },
                                                   Object {
                                                     "index": 250,
-                                                    "label": "Newfoundland (5:30 AM)",
+                                                    "label": "Newfoundland (7:30 AM)",
                                                     "value": "America/St_Johns",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                    "label": "Atlantic Time (Canada) (7:00 AM)",
                                                     "value": "America/Halifax",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Brasilia (5:00 AM)",
+                                                    "label": "Brasilia (7:00 AM)",
                                                     "value": "America/Sao_Paulo",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Buenos Aires (5:00 AM)",
+                                                    "label": "Buenos Aires (7:00 AM)",
                                                     "value": "America/Argentina/Buenos_Aires",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Montevideo (5:00 AM)",
+                                                    "label": "Montevideo (7:00 AM)",
                                                     "value": "America/Montevideo",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Bucharest (11:00 AM)",
+                                                    "label": "Bucharest (1:00 PM)",
                                                     "value": "Europe/Bucharest",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Helsinki (11:00 AM)",
+                                                    "label": "Helsinki (1:00 PM)",
                                                     "value": "Europe/Helsinki",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Kyiv (11:00 AM)",
+                                                    "label": "Kyiv (1:00 PM)",
                                                     "value": "Europe/Kiev",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Riga (11:00 AM)",
+                                                    "label": "Riga (1:00 PM)",
                                                     "value": "Europe/Riga",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Sofia (11:00 AM)",
+                                                    "label": "Sofia (1:00 PM)",
                                                     "value": "Europe/Sofia",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Tallinn (11:00 AM)",
+                                                    "label": "Tallinn (1:00 PM)",
                                                     "value": "Europe/Tallinn",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Vilnius (11:00 AM)",
+                                                    "label": "Vilnius (1:00 PM)",
                                                     "value": "Europe/Vilnius",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Athens (11:00 AM)",
+                                                    "label": "Athens (1:00 PM)",
                                                     "value": "Europe/Athens",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Istanbul (11:00 AM)",
+                                                    "label": "Istanbul (1:00 PM)",
                                                     "value": "Europe/Istanbul",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Minsk (11:00 AM)",
+                                                    "label": "Minsk (1:00 PM)",
                                                     "value": "Europe/Minsk",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Jerusalem (11:00 AM)",
+                                                    "label": "Jerusalem (1:00 PM)",
                                                     "value": "Asia/Jerusalem",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Moscow (11:00 AM)",
+                                                    "label": "Moscow (1:00 PM)",
                                                     "value": "Europe/Moscow",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "St. Petersburg (11:00 AM)",
+                                                    "label": "St. Petersburg (1:00 PM)",
                                                     "value": "Europe/Moscow",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Kuwait (11:00 AM)",
+                                                    "label": "Kuwait (1:00 PM)",
                                                     "value": "Asia/Kuwait",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Riyadh (11:00 AM)",
+                                                    "label": "Riyadh (1:00 PM)",
                                                     "value": "Asia/Riyadh",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Nairobi (11:00 AM)",
+                                                    "label": "Nairobi (1:00 PM)",
                                                     "value": "Africa/Nairobi",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Baghdad (11:00 AM)",
+                                                    "label": "Baghdad (1:00 PM)",
                                                     "value": "Asia/Baghdad",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Caracas (4:00 AM)",
+                                                    "label": "Caracas (6:00 AM)",
                                                     "value": "America/Caracas",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "La Paz (4:00 AM)",
+                                                    "label": "La Paz (6:00 AM)",
                                                     "value": "America/La_Paz",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Santiago (4:00 AM)",
+                                                    "label": "Santiago (6:00 AM)",
                                                     "value": "America/Santiago",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Georgetown (4:00 AM)",
+                                                    "label": "Georgetown (6:00 AM)",
                                                     "value": "America/Guyana",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Volgograd (12:00 PM)",
+                                                    "label": "Volgograd (2:00 PM)",
                                                     "value": "Europe/Volgograd",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Samara (12:00 PM)",
+                                                    "label": "Samara (2:00 PM)",
                                                     "value": "Europe/Samara",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Abu Dhabi (12:00 PM)",
+                                                    "label": "Abu Dhabi (2:00 PM)",
                                                     "value": "Asia/Muscat",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Muscat (12:00 PM)",
+                                                    "label": "Muscat (2:00 PM)",
                                                     "value": "Asia/Muscat",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Baku (12:00 PM)",
+                                                    "label": "Baku (2:00 PM)",
                                                     "value": "Asia/Baku",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Tbilisi (12:00 PM)",
+                                                    "label": "Tbilisi (2:00 PM)",
                                                     "value": "Asia/Tbilisi",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Yerevan (12:00 PM)",
+                                                    "label": "Yerevan (2:00 PM)",
                                                     "value": "Asia/Yerevan",
                                                   },
                                                   Object {
                                                     "index": 370,
-                                                    "label": "Tehran (12:30 PM)",
+                                                    "label": "Tehran (2:30 PM)",
                                                     "value": "Asia/Tehran",
                                                   },
                                                   Object {
                                                     "index": 370,
-                                                    "label": "Kabul (12:30 PM)",
+                                                    "label": "Kabul (2:30 PM)",
                                                     "value": "Asia/Kabul",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Guadalajara (3:00 AM)",
+                                                    "label": "Guadalajara (5:00 AM)",
                                                     "value": "America/Mexico_City",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Mexico City (3:00 AM)",
+                                                    "label": "Mexico City (5:00 AM)",
                                                     "value": "America/Mexico_City",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Monterrey (3:00 AM)",
+                                                    "label": "Monterrey (5:00 AM)",
                                                     "value": "America/Monterrey",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Bogota (3:00 AM)",
+                                                    "label": "Bogota (5:00 AM)",
                                                     "value": "America/Bogota",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Lima (3:00 AM)",
+                                                    "label": "Lima (5:00 AM)",
                                                     "value": "America/Lima",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Quito (3:00 AM)",
+                                                    "label": "Quito (5:00 AM)",
                                                     "value": "America/Lima",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Ekaterinburg (1:00 PM)",
+                                                    "label": "Ekaterinburg (3:00 PM)",
                                                     "value": "Asia/Yekaterinburg",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Islamabad (1:00 PM)",
+                                                    "label": "Islamabad (3:00 PM)",
                                                     "value": "Asia/Karachi",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Karachi (1:00 PM)",
+                                                    "label": "Karachi (3:00 PM)",
                                                     "value": "Asia/Karachi",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Tashkent (1:00 PM)",
+                                                    "label": "Tashkent (3:00 PM)",
                                                     "value": "Asia/Tashkent",
                                                   },
                                                   Object {
                                                     "index": 430,
-                                                    "label": "Chennai (1:30 PM)",
+                                                    "label": "Chennai (3:30 PM)",
                                                     "value": "Asia/Kolkata",
                                                   },
                                                   Object {
                                                     "index": 430,
-                                                    "label": "Kolkata (1:30 PM)",
+                                                    "label": "Kolkata (3:30 PM)",
                                                     "value": "Asia/Kolkata",
                                                   },
                                                   Object {
                                                     "index": 430,
-                                                    "label": "Mumbai (1:30 PM)",
+                                                    "label": "Mumbai (3:30 PM)",
                                                     "value": "Asia/Kolkata",
                                                   },
                                                   Object {
                                                     "index": 430,
-                                                    "label": "New Delhi (1:30 PM)",
+                                                    "label": "New Delhi (3:30 PM)",
                                                     "value": "Asia/Kolkata",
                                                   },
                                                   Object {
                                                     "index": 430,
-                                                    "label": "Sri Jayawardenepura (1:30 PM)",
+                                                    "label": "Sri Jayawardenepura (3:30 PM)",
                                                     "value": "Asia/Colombo",
                                                   },
                                                   Object {
                                                     "index": 445,
-                                                    "label": "Kathmandu (1:45 PM)",
+                                                    "label": "Kathmandu (3:45 PM)",
                                                     "value": "Asia/Kathmandu",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Chihuahua (2:00 AM)",
+                                                    "label": "Chihuahua (4:00 AM)",
                                                     "value": "America/Chihuahua",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Mazatlan (2:00 AM)",
+                                                    "label": "Mazatlan (4:00 AM)",
                                                     "value": "America/Mazatlan",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Saskatchewan (2:00 AM)",
+                                                    "label": "Saskatchewan (4:00 AM)",
                                                     "value": "America/Regina",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Central America (2:00 AM)",
+                                                    "label": "Central America (4:00 AM)",
                                                     "value": "America/Guatemala",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Astana (2:00 PM)",
+                                                    "label": "Astana (4:00 PM)",
                                                     "value": "Asia/Dhaka",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Dhaka (2:00 PM)",
+                                                    "label": "Dhaka (4:00 PM)",
                                                     "value": "Asia/Dhaka",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Almaty (2:00 PM)",
+                                                    "label": "Almaty (4:00 PM)",
                                                     "value": "Asia/Almaty",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Urumqi (2:00 PM)",
+                                                    "label": "Urumqi (4:00 PM)",
                                                     "value": "Asia/Urumqi",
                                                   },
                                                   Object {
                                                     "index": 490,
-                                                    "label": "Rangoon (2:30 PM)",
+                                                    "label": "Rangoon (4:30 PM)",
                                                     "value": "Asia/Rangoon",
                                                   },
                                                   Object {
                                                     "index": 520,
-                                                    "label": "Tijuana (1:00 AM)",
+                                                    "label": "Tijuana (3:00 AM)",
                                                     "value": "America/Tijuana",
                                                   },
                                                   Object {
                                                     "index": 520,
-                                                    "label": "Novosibirsk (3:00 PM)",
+                                                    "label": "Novosibirsk (5:00 PM)",
                                                     "value": "Asia/Novosibirsk",
                                                   },
                                                   Object {
                                                     "index": 520,
-                                                    "label": "Bangkok (3:00 PM)",
+                                                    "label": "Bangkok (5:00 PM)",
                                                     "value": "Asia/Bangkok",
                                                   },
                                                   Object {
                                                     "index": 520,
-                                                    "label": "Hanoi (3:00 PM)",
+                                                    "label": "Hanoi (5:00 PM)",
                                                     "value": "Asia/Bangkok",
                                                   },
                                                   Object {
                                                     "index": 520,
-                                                    "label": "Jakarta (3:00 PM)",
+                                                    "label": "Jakarta (5:00 PM)",
                                                     "value": "Asia/Jakarta",
                                                   },
                                                   Object {
                                                     "index": 520,
-                                                    "label": "Krasnoyarsk (3:00 PM)",
+                                                    "label": "Krasnoyarsk (5:00 PM)",
                                                     "value": "Asia/Krasnoyarsk",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Beijing (4:00 PM)",
+                                                    "label": "Beijing (6:00 PM)",
                                                     "value": "Asia/Shanghai",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Chongqing (4:00 PM)",
+                                                    "label": "Chongqing (6:00 PM)",
                                                     "value": "Asia/Chongqing",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Hong Kong (4:00 PM)",
+                                                    "label": "Hong Kong (6:00 PM)",
                                                     "value": "Asia/Hong_Kong",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Kuala Lumpur (4:00 PM)",
+                                                    "label": "Kuala Lumpur (6:00 PM)",
                                                     "value": "Asia/Kuala_Lumpur",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Singapore (4:00 PM)",
+                                                    "label": "Singapore (6:00 PM)",
                                                     "value": "Asia/Singapore",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Taipei (4:00 PM)",
+                                                    "label": "Taipei (6:00 PM)",
                                                     "value": "Asia/Taipei",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Perth (4:00 PM)",
+                                                    "label": "Perth (6:00 PM)",
                                                     "value": "Australia/Perth",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Irkutsk (4:00 PM)",
+                                                    "label": "Irkutsk (6:00 PM)",
                                                     "value": "Asia/Irkutsk",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Ulaanbaatar (4:00 PM)",
+                                                    "label": "Ulaanbaatar (6:00 PM)",
                                                     "value": "Asia/Ulaanbaatar",
                                                   },
                                                   Object {
                                                     "index": 640,
-                                                    "label": "Seoul (5:00 PM)",
+                                                    "label": "Seoul (7:00 PM)",
                                                     "value": "Asia/Seoul",
                                                   },
                                                   Object {
                                                     "index": 640,
-                                                    "label": "Osaka (5:00 PM)",
+                                                    "label": "Osaka (7:00 PM)",
                                                     "value": "Asia/Tokyo",
                                                   },
                                                   Object {
                                                     "index": 640,
-                                                    "label": "Sapporo (5:00 PM)",
+                                                    "label": "Sapporo (7:00 PM)",
                                                     "value": "Asia/Tokyo",
                                                   },
                                                   Object {
                                                     "index": 640,
-                                                    "label": "Tokyo (5:00 PM)",
+                                                    "label": "Tokyo (7:00 PM)",
                                                     "value": "Asia/Tokyo",
                                                   },
                                                   Object {
                                                     "index": 640,
-                                                    "label": "Yakutsk (5:00 PM)",
+                                                    "label": "Yakutsk (7:00 PM)",
                                                     "value": "Asia/Yakutsk",
                                                   },
                                                   Object {
                                                     "index": 670,
-                                                    "label": "Darwin (5:30 PM)",
+                                                    "label": "Darwin (7:30 PM)",
                                                     "value": "Australia/Darwin",
                                                   },
                                                   Object {
                                                     "index": 670,
-                                                    "label": "Adelaide (5:30 PM)",
+                                                    "label": "Adelaide (7:30 PM)",
                                                     "value": "Australia/Adelaide",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Canberra (6:00 PM)",
+                                                    "label": "Canberra (8:00 PM)",
                                                     "value": "Australia/Melbourne",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Melbourne (6:00 PM)",
+                                                    "label": "Melbourne (8:00 PM)",
                                                     "value": "Australia/Melbourne",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Sydney (6:00 PM)",
+                                                    "label": "Sydney (8:00 PM)",
                                                     "value": "Australia/Sydney",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Brisbane (6:00 PM)",
+                                                    "label": "Brisbane (8:00 PM)",
                                                     "value": "Australia/Brisbane",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Hobart (6:00 PM)",
+                                                    "label": "Hobart (8:00 PM)",
                                                     "value": "Australia/Hobart",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Vladivostok (6:00 PM)",
+                                                    "label": "Vladivostok (8:00 PM)",
                                                     "value": "Asia/Vladivostok",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Guam (6:00 PM)",
+                                                    "label": "Guam (8:00 PM)",
                                                     "value": "Pacific/Guam",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Port Moresby (6:00 PM)",
+                                                    "label": "Port Moresby (8:00 PM)",
                                                     "value": "Pacific/Port_Moresby",
                                                   },
                                                   Object {
                                                     "index": 760,
-                                                    "label": "Midway Island (9:00 PM)",
+                                                    "label": "Midway Island (11:00 PM)",
                                                     "value": "Pacific/Midway",
                                                   },
                                                   Object {
                                                     "index": 760,
-                                                    "label": "American Samoa (9:00 PM)",
+                                                    "label": "American Samoa (11:00 PM)",
                                                     "value": "Pacific/Pago_Pago",
                                                   },
                                                   Object {
                                                     "index": 760,
-                                                    "label": "Magadan (7:00 PM)",
+                                                    "label": "Magadan (9:00 PM)",
                                                     "value": "Asia/Magadan",
                                                   },
                                                   Object {
                                                     "index": 760,
-                                                    "label": "Srednekolymsk (7:00 PM)",
+                                                    "label": "Srednekolymsk (9:00 PM)",
                                                     "value": "Asia/Srednekolymsk",
                                                   },
                                                   Object {
                                                     "index": 760,
-                                                    "label": "Solomon Is. (7:00 PM)",
+                                                    "label": "Solomon Is. (9:00 PM)",
                                                     "value": "Pacific/Guadalcanal",
                                                   },
                                                   Object {
                                                     "index": 760,
-                                                    "label": "New Caledonia (7:00 PM)",
+                                                    "label": "New Caledonia (9:00 PM)",
                                                     "value": "Pacific/Noumea",
                                                   },
                                                   Object {
                                                     "index": 820,
-                                                    "label": "International Date Line West (8:00 PM)",
+                                                    "label": "International Date Line West (10:00 PM)",
                                                     "value": "Etc/GMT+12",
                                                   },
                                                   Object {
                                                     "index": 820,
-                                                    "label": "Fiji (8:00 PM)",
+                                                    "label": "Fiji (10:00 PM)",
                                                     "value": "Pacific/Fiji",
                                                   },
                                                   Object {
                                                     "index": 820,
-                                                    "label": "Kamchatka (8:00 PM)",
+                                                    "label": "Kamchatka (10:00 PM)",
                                                     "value": "Asia/Kamchatka",
                                                   },
                                                   Object {
                                                     "index": 820,
-                                                    "label": "Marshall Is. (8:00 PM)",
+                                                    "label": "Marshall Is. (10:00 PM)",
                                                     "value": "Pacific/Majuro",
                                                   },
                                                   Object {
                                                     "index": 820,
-                                                    "label": "Auckland (8:00 PM)",
+                                                    "label": "Auckland (10:00 PM)",
                                                     "value": "Pacific/Auckland",
                                                   },
                                                   Object {
                                                     "index": 820,
-                                                    "label": "Wellington (8:00 PM)",
+                                                    "label": "Wellington (10:00 PM)",
                                                     "value": "Pacific/Auckland",
                                                   },
                                                   Object {
                                                     "index": 865,
-                                                    "label": "Chatham Is. (8:45 PM)",
+                                                    "label": "Chatham Is. (10:45 PM)",
                                                     "value": "Pacific/Chatham",
                                                   },
                                                   Object {
                                                     "index": 880,
-                                                    "label": "Nuku'alofa (9:00 PM)",
+                                                    "label": "Nuku'alofa (11:00 PM)",
                                                     "value": "Pacific/Tongatapu",
                                                   },
                                                   Object {
                                                     "index": 880,
-                                                    "label": "Tokelau Is. (9:00 PM)",
+                                                    "label": "Tokelau Is. (11:00 PM)",
                                                     "value": "Pacific/Fakaofo",
                                                   },
                                                   Object {
                                                     "index": 880,
-                                                    "label": "Samoa (9:00 PM)",
+                                                    "label": "Samoa (11:00 PM)",
                                                     "value": "Pacific/Apia",
                                                   },
                                                 ]
@@ -257956,762 +258934,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                     },
                                                     Object {
                                                       "index": -3,
-                                                      "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                      "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                       "value": "America/New_York",
                                                     },
                                                     Object {
                                                       "index": -2,
-                                                      "label": "Central Time (US & Canada) (3:00 AM)",
+                                                      "label": "Central Time (US & Canada) (5:00 AM)",
                                                       "value": "America/Chicago",
                                                     },
                                                     Object {
                                                       "index": -1,
-                                                      "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                      "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                       "value": "America/Denver",
                                                     },
                                                     Object {
                                                       "index": -0,
-                                                      "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                      "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                       "value": "America/Los_Angeles",
                                                     },
                                                     Object {
                                                       "index": 2.4,
-                                                      "label": "Indiana (East) (4:00 AM)",
+                                                      "label": "Indiana (East) (6:00 AM)",
                                                       "value": "America/Indiana/Indianapolis",
                                                     },
                                                     Object {
                                                       "index": 2.4,
-                                                      "label": "Puerto Rico (4:00 AM)",
+                                                      "label": "Puerto Rico (6:00 AM)",
                                                       "value": "America/Puerto_Rico",
                                                     },
                                                     Object {
                                                       "index": 4.2,
-                                                      "label": "Arizona (1:00 AM)",
+                                                      "label": "Arizona (3:00 AM)",
                                                       "value": "America/Phoenix",
                                                     },
                                                     Object {
                                                       "index": 4.8,
-                                                      "label": "Alaska (12:00 AM)",
+                                                      "label": "Alaska (2:00 AM)",
                                                       "value": "America/Juneau",
                                                     },
                                                     Object {
                                                       "index": 4.8,
-                                                      "label": "Philippine Standard Time (4:00 PM)",
+                                                      "label": "Philippine Standard Time (6:00 PM)",
                                                       "value": "Asia/Manila",
                                                     },
                                                     Object {
                                                       "index": 6,
-                                                      "label": "Hawaii (10:00 PM)",
+                                                      "label": "Hawaii (12:00 AM)",
                                                       "value": "Pacific/Honolulu",
                                                     },
                                                     Object {
                                                       "index": 100,
-                                                      "label": "Azores (8:00 AM)",
+                                                      "label": "Azores (10:00 AM)",
                                                       "value": "Atlantic/Azores",
                                                     },
                                                     Object {
                                                       "index": 100,
-                                                      "label": "Monrovia (8:00 AM)",
+                                                      "label": "Monrovia (10:00 AM)",
                                                       "value": "Africa/Monrovia",
                                                     },
                                                     Object {
                                                       "index": 100,
-                                                      "label": "UTC (8:00 AM)",
+                                                      "label": "UTC (10:00 AM)",
                                                       "value": "Etc/UTC",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "Cape Verde Is. (7:00 AM)",
+                                                      "label": "Cape Verde Is. (9:00 AM)",
                                                       "value": "Atlantic/Cape_Verde",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "Dublin (9:00 AM)",
+                                                      "label": "Dublin (11:00 AM)",
                                                       "value": "Europe/Dublin",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "Edinburgh (9:00 AM)",
+                                                      "label": "Edinburgh (11:00 AM)",
                                                       "value": "Europe/London",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "Lisbon (9:00 AM)",
+                                                      "label": "Lisbon (11:00 AM)",
                                                       "value": "Europe/Lisbon",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "London (9:00 AM)",
+                                                      "label": "London (11:00 AM)",
                                                       "value": "Europe/London",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "Casablanca (9:00 AM)",
+                                                      "label": "Casablanca (11:00 AM)",
                                                       "value": "Africa/Casablanca",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "West Central Africa (9:00 AM)",
+                                                      "label": "West Central Africa (11:00 AM)",
                                                       "value": "Africa/Algiers",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Greenland (6:00 AM)",
+                                                      "label": "Greenland (8:00 AM)",
                                                       "value": "America/Godthab",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Mid-Atlantic (6:00 AM)",
+                                                      "label": "Mid-Atlantic (8:00 AM)",
                                                       "value": "Atlantic/South_Georgia",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Belgrade (10:00 AM)",
+                                                      "label": "Belgrade (12:00 PM)",
                                                       "value": "Europe/Belgrade",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Bratislava (10:00 AM)",
+                                                      "label": "Bratislava (12:00 PM)",
                                                       "value": "Europe/Bratislava",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Budapest (10:00 AM)",
+                                                      "label": "Budapest (12:00 PM)",
                                                       "value": "Europe/Budapest",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Ljubljana (10:00 AM)",
+                                                      "label": "Ljubljana (12:00 PM)",
                                                       "value": "Europe/Ljubljana",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Prague (10:00 AM)",
+                                                      "label": "Prague (12:00 PM)",
                                                       "value": "Europe/Prague",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Sarajevo (10:00 AM)",
+                                                      "label": "Sarajevo (12:00 PM)",
                                                       "value": "Europe/Sarajevo",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Skopje (10:00 AM)",
+                                                      "label": "Skopje (12:00 PM)",
                                                       "value": "Europe/Skopje",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Warsaw (10:00 AM)",
+                                                      "label": "Warsaw (12:00 PM)",
                                                       "value": "Europe/Warsaw",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Zagreb (10:00 AM)",
+                                                      "label": "Zagreb (12:00 PM)",
                                                       "value": "Europe/Zagreb",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Brussels (10:00 AM)",
+                                                      "label": "Brussels (12:00 PM)",
                                                       "value": "Europe/Brussels",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Copenhagen (10:00 AM)",
+                                                      "label": "Copenhagen (12:00 PM)",
                                                       "value": "Europe/Copenhagen",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Madrid (10:00 AM)",
+                                                      "label": "Madrid (12:00 PM)",
                                                       "value": "Europe/Madrid",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Paris (10:00 AM)",
+                                                      "label": "Paris (12:00 PM)",
                                                       "value": "Europe/Paris",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Amsterdam (10:00 AM)",
+                                                      "label": "Amsterdam (12:00 PM)",
                                                       "value": "Europe/Amsterdam",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Berlin (10:00 AM)",
+                                                      "label": "Berlin (12:00 PM)",
                                                       "value": "Europe/Berlin",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Bern (10:00 AM)",
+                                                      "label": "Bern (12:00 PM)",
                                                       "value": "Europe/Zurich",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Zurich (10:00 AM)",
+                                                      "label": "Zurich (12:00 PM)",
                                                       "value": "Europe/Zurich",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Rome (10:00 AM)",
+                                                      "label": "Rome (12:00 PM)",
                                                       "value": "Europe/Rome",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Stockholm (10:00 AM)",
+                                                      "label": "Stockholm (12:00 PM)",
                                                       "value": "Europe/Stockholm",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Vienna (10:00 AM)",
+                                                      "label": "Vienna (12:00 PM)",
                                                       "value": "Europe/Vienna",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Cairo (10:00 AM)",
+                                                      "label": "Cairo (12:00 PM)",
                                                       "value": "Africa/Cairo",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Harare (10:00 AM)",
+                                                      "label": "Harare (12:00 PM)",
                                                       "value": "Africa/Harare",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Pretoria (10:00 AM)",
+                                                      "label": "Pretoria (12:00 PM)",
                                                       "value": "Africa/Johannesburg",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Kaliningrad (10:00 AM)",
+                                                      "label": "Kaliningrad (12:00 PM)",
                                                       "value": "Europe/Kaliningrad",
                                                     },
                                                     Object {
                                                       "index": 250,
-                                                      "label": "Newfoundland (5:30 AM)",
+                                                      "label": "Newfoundland (7:30 AM)",
                                                       "value": "America/St_Johns",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                      "label": "Atlantic Time (Canada) (7:00 AM)",
                                                       "value": "America/Halifax",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Brasilia (5:00 AM)",
+                                                      "label": "Brasilia (7:00 AM)",
                                                       "value": "America/Sao_Paulo",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Buenos Aires (5:00 AM)",
+                                                      "label": "Buenos Aires (7:00 AM)",
                                                       "value": "America/Argentina/Buenos_Aires",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Montevideo (5:00 AM)",
+                                                      "label": "Montevideo (7:00 AM)",
                                                       "value": "America/Montevideo",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Bucharest (11:00 AM)",
+                                                      "label": "Bucharest (1:00 PM)",
                                                       "value": "Europe/Bucharest",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Helsinki (11:00 AM)",
+                                                      "label": "Helsinki (1:00 PM)",
                                                       "value": "Europe/Helsinki",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Kyiv (11:00 AM)",
+                                                      "label": "Kyiv (1:00 PM)",
                                                       "value": "Europe/Kiev",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Riga (11:00 AM)",
+                                                      "label": "Riga (1:00 PM)",
                                                       "value": "Europe/Riga",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Sofia (11:00 AM)",
+                                                      "label": "Sofia (1:00 PM)",
                                                       "value": "Europe/Sofia",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Tallinn (11:00 AM)",
+                                                      "label": "Tallinn (1:00 PM)",
                                                       "value": "Europe/Tallinn",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Vilnius (11:00 AM)",
+                                                      "label": "Vilnius (1:00 PM)",
                                                       "value": "Europe/Vilnius",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Athens (11:00 AM)",
+                                                      "label": "Athens (1:00 PM)",
                                                       "value": "Europe/Athens",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Istanbul (11:00 AM)",
+                                                      "label": "Istanbul (1:00 PM)",
                                                       "value": "Europe/Istanbul",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Minsk (11:00 AM)",
+                                                      "label": "Minsk (1:00 PM)",
                                                       "value": "Europe/Minsk",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Jerusalem (11:00 AM)",
+                                                      "label": "Jerusalem (1:00 PM)",
                                                       "value": "Asia/Jerusalem",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Moscow (11:00 AM)",
+                                                      "label": "Moscow (1:00 PM)",
                                                       "value": "Europe/Moscow",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "St. Petersburg (11:00 AM)",
+                                                      "label": "St. Petersburg (1:00 PM)",
                                                       "value": "Europe/Moscow",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Kuwait (11:00 AM)",
+                                                      "label": "Kuwait (1:00 PM)",
                                                       "value": "Asia/Kuwait",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Riyadh (11:00 AM)",
+                                                      "label": "Riyadh (1:00 PM)",
                                                       "value": "Asia/Riyadh",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Nairobi (11:00 AM)",
+                                                      "label": "Nairobi (1:00 PM)",
                                                       "value": "Africa/Nairobi",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Baghdad (11:00 AM)",
+                                                      "label": "Baghdad (1:00 PM)",
                                                       "value": "Asia/Baghdad",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Caracas (4:00 AM)",
+                                                      "label": "Caracas (6:00 AM)",
                                                       "value": "America/Caracas",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "La Paz (4:00 AM)",
+                                                      "label": "La Paz (6:00 AM)",
                                                       "value": "America/La_Paz",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Santiago (4:00 AM)",
+                                                      "label": "Santiago (6:00 AM)",
                                                       "value": "America/Santiago",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Georgetown (4:00 AM)",
+                                                      "label": "Georgetown (6:00 AM)",
                                                       "value": "America/Guyana",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Volgograd (12:00 PM)",
+                                                      "label": "Volgograd (2:00 PM)",
                                                       "value": "Europe/Volgograd",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Samara (12:00 PM)",
+                                                      "label": "Samara (2:00 PM)",
                                                       "value": "Europe/Samara",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Abu Dhabi (12:00 PM)",
+                                                      "label": "Abu Dhabi (2:00 PM)",
                                                       "value": "Asia/Muscat",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Muscat (12:00 PM)",
+                                                      "label": "Muscat (2:00 PM)",
                                                       "value": "Asia/Muscat",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Baku (12:00 PM)",
+                                                      "label": "Baku (2:00 PM)",
                                                       "value": "Asia/Baku",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Tbilisi (12:00 PM)",
+                                                      "label": "Tbilisi (2:00 PM)",
                                                       "value": "Asia/Tbilisi",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Yerevan (12:00 PM)",
+                                                      "label": "Yerevan (2:00 PM)",
                                                       "value": "Asia/Yerevan",
                                                     },
                                                     Object {
                                                       "index": 370,
-                                                      "label": "Tehran (12:30 PM)",
+                                                      "label": "Tehran (2:30 PM)",
                                                       "value": "Asia/Tehran",
                                                     },
                                                     Object {
                                                       "index": 370,
-                                                      "label": "Kabul (12:30 PM)",
+                                                      "label": "Kabul (2:30 PM)",
                                                       "value": "Asia/Kabul",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Guadalajara (3:00 AM)",
+                                                      "label": "Guadalajara (5:00 AM)",
                                                       "value": "America/Mexico_City",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Mexico City (3:00 AM)",
+                                                      "label": "Mexico City (5:00 AM)",
                                                       "value": "America/Mexico_City",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Monterrey (3:00 AM)",
+                                                      "label": "Monterrey (5:00 AM)",
                                                       "value": "America/Monterrey",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Bogota (3:00 AM)",
+                                                      "label": "Bogota (5:00 AM)",
                                                       "value": "America/Bogota",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Lima (3:00 AM)",
+                                                      "label": "Lima (5:00 AM)",
                                                       "value": "America/Lima",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Quito (3:00 AM)",
+                                                      "label": "Quito (5:00 AM)",
                                                       "value": "America/Lima",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Ekaterinburg (1:00 PM)",
+                                                      "label": "Ekaterinburg (3:00 PM)",
                                                       "value": "Asia/Yekaterinburg",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Islamabad (1:00 PM)",
+                                                      "label": "Islamabad (3:00 PM)",
                                                       "value": "Asia/Karachi",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Karachi (1:00 PM)",
+                                                      "label": "Karachi (3:00 PM)",
                                                       "value": "Asia/Karachi",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Tashkent (1:00 PM)",
+                                                      "label": "Tashkent (3:00 PM)",
                                                       "value": "Asia/Tashkent",
                                                     },
                                                     Object {
                                                       "index": 430,
-                                                      "label": "Chennai (1:30 PM)",
+                                                      "label": "Chennai (3:30 PM)",
                                                       "value": "Asia/Kolkata",
                                                     },
                                                     Object {
                                                       "index": 430,
-                                                      "label": "Kolkata (1:30 PM)",
+                                                      "label": "Kolkata (3:30 PM)",
                                                       "value": "Asia/Kolkata",
                                                     },
                                                     Object {
                                                       "index": 430,
-                                                      "label": "Mumbai (1:30 PM)",
+                                                      "label": "Mumbai (3:30 PM)",
                                                       "value": "Asia/Kolkata",
                                                     },
                                                     Object {
                                                       "index": 430,
-                                                      "label": "New Delhi (1:30 PM)",
+                                                      "label": "New Delhi (3:30 PM)",
                                                       "value": "Asia/Kolkata",
                                                     },
                                                     Object {
                                                       "index": 430,
-                                                      "label": "Sri Jayawardenepura (1:30 PM)",
+                                                      "label": "Sri Jayawardenepura (3:30 PM)",
                                                       "value": "Asia/Colombo",
                                                     },
                                                     Object {
                                                       "index": 445,
-                                                      "label": "Kathmandu (1:45 PM)",
+                                                      "label": "Kathmandu (3:45 PM)",
                                                       "value": "Asia/Kathmandu",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Chihuahua (2:00 AM)",
+                                                      "label": "Chihuahua (4:00 AM)",
                                                       "value": "America/Chihuahua",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Mazatlan (2:00 AM)",
+                                                      "label": "Mazatlan (4:00 AM)",
                                                       "value": "America/Mazatlan",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Saskatchewan (2:00 AM)",
+                                                      "label": "Saskatchewan (4:00 AM)",
                                                       "value": "America/Regina",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Central America (2:00 AM)",
+                                                      "label": "Central America (4:00 AM)",
                                                       "value": "America/Guatemala",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Astana (2:00 PM)",
+                                                      "label": "Astana (4:00 PM)",
                                                       "value": "Asia/Dhaka",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Dhaka (2:00 PM)",
+                                                      "label": "Dhaka (4:00 PM)",
                                                       "value": "Asia/Dhaka",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Almaty (2:00 PM)",
+                                                      "label": "Almaty (4:00 PM)",
                                                       "value": "Asia/Almaty",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Urumqi (2:00 PM)",
+                                                      "label": "Urumqi (4:00 PM)",
                                                       "value": "Asia/Urumqi",
                                                     },
                                                     Object {
                                                       "index": 490,
-                                                      "label": "Rangoon (2:30 PM)",
+                                                      "label": "Rangoon (4:30 PM)",
                                                       "value": "Asia/Rangoon",
                                                     },
                                                     Object {
                                                       "index": 520,
-                                                      "label": "Tijuana (1:00 AM)",
+                                                      "label": "Tijuana (3:00 AM)",
                                                       "value": "America/Tijuana",
                                                     },
                                                     Object {
                                                       "index": 520,
-                                                      "label": "Novosibirsk (3:00 PM)",
+                                                      "label": "Novosibirsk (5:00 PM)",
                                                       "value": "Asia/Novosibirsk",
                                                     },
                                                     Object {
                                                       "index": 520,
-                                                      "label": "Bangkok (3:00 PM)",
+                                                      "label": "Bangkok (5:00 PM)",
                                                       "value": "Asia/Bangkok",
                                                     },
                                                     Object {
                                                       "index": 520,
-                                                      "label": "Hanoi (3:00 PM)",
+                                                      "label": "Hanoi (5:00 PM)",
                                                       "value": "Asia/Bangkok",
                                                     },
                                                     Object {
                                                       "index": 520,
-                                                      "label": "Jakarta (3:00 PM)",
+                                                      "label": "Jakarta (5:00 PM)",
                                                       "value": "Asia/Jakarta",
                                                     },
                                                     Object {
                                                       "index": 520,
-                                                      "label": "Krasnoyarsk (3:00 PM)",
+                                                      "label": "Krasnoyarsk (5:00 PM)",
                                                       "value": "Asia/Krasnoyarsk",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Beijing (4:00 PM)",
+                                                      "label": "Beijing (6:00 PM)",
                                                       "value": "Asia/Shanghai",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Chongqing (4:00 PM)",
+                                                      "label": "Chongqing (6:00 PM)",
                                                       "value": "Asia/Chongqing",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Hong Kong (4:00 PM)",
+                                                      "label": "Hong Kong (6:00 PM)",
                                                       "value": "Asia/Hong_Kong",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Kuala Lumpur (4:00 PM)",
+                                                      "label": "Kuala Lumpur (6:00 PM)",
                                                       "value": "Asia/Kuala_Lumpur",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Singapore (4:00 PM)",
+                                                      "label": "Singapore (6:00 PM)",
                                                       "value": "Asia/Singapore",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Taipei (4:00 PM)",
+                                                      "label": "Taipei (6:00 PM)",
                                                       "value": "Asia/Taipei",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Perth (4:00 PM)",
+                                                      "label": "Perth (6:00 PM)",
                                                       "value": "Australia/Perth",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Irkutsk (4:00 PM)",
+                                                      "label": "Irkutsk (6:00 PM)",
                                                       "value": "Asia/Irkutsk",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Ulaanbaatar (4:00 PM)",
+                                                      "label": "Ulaanbaatar (6:00 PM)",
                                                       "value": "Asia/Ulaanbaatar",
                                                     },
                                                     Object {
                                                       "index": 640,
-                                                      "label": "Seoul (5:00 PM)",
+                                                      "label": "Seoul (7:00 PM)",
                                                       "value": "Asia/Seoul",
                                                     },
                                                     Object {
                                                       "index": 640,
-                                                      "label": "Osaka (5:00 PM)",
+                                                      "label": "Osaka (7:00 PM)",
                                                       "value": "Asia/Tokyo",
                                                     },
                                                     Object {
                                                       "index": 640,
-                                                      "label": "Sapporo (5:00 PM)",
+                                                      "label": "Sapporo (7:00 PM)",
                                                       "value": "Asia/Tokyo",
                                                     },
                                                     Object {
                                                       "index": 640,
-                                                      "label": "Tokyo (5:00 PM)",
+                                                      "label": "Tokyo (7:00 PM)",
                                                       "value": "Asia/Tokyo",
                                                     },
                                                     Object {
                                                       "index": 640,
-                                                      "label": "Yakutsk (5:00 PM)",
+                                                      "label": "Yakutsk (7:00 PM)",
                                                       "value": "Asia/Yakutsk",
                                                     },
                                                     Object {
                                                       "index": 670,
-                                                      "label": "Darwin (5:30 PM)",
+                                                      "label": "Darwin (7:30 PM)",
                                                       "value": "Australia/Darwin",
                                                     },
                                                     Object {
                                                       "index": 670,
-                                                      "label": "Adelaide (5:30 PM)",
+                                                      "label": "Adelaide (7:30 PM)",
                                                       "value": "Australia/Adelaide",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Canberra (6:00 PM)",
+                                                      "label": "Canberra (8:00 PM)",
                                                       "value": "Australia/Melbourne",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Melbourne (6:00 PM)",
+                                                      "label": "Melbourne (8:00 PM)",
                                                       "value": "Australia/Melbourne",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Sydney (6:00 PM)",
+                                                      "label": "Sydney (8:00 PM)",
                                                       "value": "Australia/Sydney",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Brisbane (6:00 PM)",
+                                                      "label": "Brisbane (8:00 PM)",
                                                       "value": "Australia/Brisbane",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Hobart (6:00 PM)",
+                                                      "label": "Hobart (8:00 PM)",
                                                       "value": "Australia/Hobart",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Vladivostok (6:00 PM)",
+                                                      "label": "Vladivostok (8:00 PM)",
                                                       "value": "Asia/Vladivostok",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Guam (6:00 PM)",
+                                                      "label": "Guam (8:00 PM)",
                                                       "value": "Pacific/Guam",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Port Moresby (6:00 PM)",
+                                                      "label": "Port Moresby (8:00 PM)",
                                                       "value": "Pacific/Port_Moresby",
                                                     },
                                                     Object {
                                                       "index": 760,
-                                                      "label": "Midway Island (9:00 PM)",
+                                                      "label": "Midway Island (11:00 PM)",
                                                       "value": "Pacific/Midway",
                                                     },
                                                     Object {
                                                       "index": 760,
-                                                      "label": "American Samoa (9:00 PM)",
+                                                      "label": "American Samoa (11:00 PM)",
                                                       "value": "Pacific/Pago_Pago",
                                                     },
                                                     Object {
                                                       "index": 760,
-                                                      "label": "Magadan (7:00 PM)",
+                                                      "label": "Magadan (9:00 PM)",
                                                       "value": "Asia/Magadan",
                                                     },
                                                     Object {
                                                       "index": 760,
-                                                      "label": "Srednekolymsk (7:00 PM)",
+                                                      "label": "Srednekolymsk (9:00 PM)",
                                                       "value": "Asia/Srednekolymsk",
                                                     },
                                                     Object {
                                                       "index": 760,
-                                                      "label": "Solomon Is. (7:00 PM)",
+                                                      "label": "Solomon Is. (9:00 PM)",
                                                       "value": "Pacific/Guadalcanal",
                                                     },
                                                     Object {
                                                       "index": 760,
-                                                      "label": "New Caledonia (7:00 PM)",
+                                                      "label": "New Caledonia (9:00 PM)",
                                                       "value": "Pacific/Noumea",
                                                     },
                                                     Object {
                                                       "index": 820,
-                                                      "label": "International Date Line West (8:00 PM)",
+                                                      "label": "International Date Line West (10:00 PM)",
                                                       "value": "Etc/GMT+12",
                                                     },
                                                     Object {
                                                       "index": 820,
-                                                      "label": "Fiji (8:00 PM)",
+                                                      "label": "Fiji (10:00 PM)",
                                                       "value": "Pacific/Fiji",
                                                     },
                                                     Object {
                                                       "index": 820,
-                                                      "label": "Kamchatka (8:00 PM)",
+                                                      "label": "Kamchatka (10:00 PM)",
                                                       "value": "Asia/Kamchatka",
                                                     },
                                                     Object {
                                                       "index": 820,
-                                                      "label": "Marshall Is. (8:00 PM)",
+                                                      "label": "Marshall Is. (10:00 PM)",
                                                       "value": "Pacific/Majuro",
                                                     },
                                                     Object {
                                                       "index": 820,
-                                                      "label": "Auckland (8:00 PM)",
+                                                      "label": "Auckland (10:00 PM)",
                                                       "value": "Pacific/Auckland",
                                                     },
                                                     Object {
                                                       "index": 820,
-                                                      "label": "Wellington (8:00 PM)",
+                                                      "label": "Wellington (10:00 PM)",
                                                       "value": "Pacific/Auckland",
                                                     },
                                                     Object {
                                                       "index": 865,
-                                                      "label": "Chatham Is. (8:45 PM)",
+                                                      "label": "Chatham Is. (10:45 PM)",
                                                       "value": "Pacific/Chatham",
                                                     },
                                                     Object {
                                                       "index": 880,
-                                                      "label": "Nuku'alofa (9:00 PM)",
+                                                      "label": "Nuku'alofa (11:00 PM)",
                                                       "value": "Pacific/Tongatapu",
                                                     },
                                                     Object {
                                                       "index": 880,
-                                                      "label": "Tokelau Is. (9:00 PM)",
+                                                      "label": "Tokelau Is. (11:00 PM)",
                                                       "value": "Pacific/Fakaofo",
                                                     },
                                                     Object {
                                                       "index": 880,
-                                                      "label": "Samoa (9:00 PM)",
+                                                      "label": "Samoa (11:00 PM)",
                                                       "value": "Pacific/Apia",
                                                     },
                                                   ],
@@ -258725,7 +259703,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                   },
                                                   "tabIndex": "0",
                                                   "tabSelectsValue": true,
-                                                  "value": null,
+                                                  "value": Object {
+                                                    "index": -0,
+                                                    "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                    "value": "America/Los_Angeles",
+                                                  },
                                                 }
                                               }
                                               setValue={[Function]}
@@ -258800,7 +259782,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                     cx={[Function]}
                                                     getStyles={[Function]}
                                                     getValue={[Function]}
-                                                    hasValue={false}
+                                                    hasValue={true}
                                                     isDisabled={false}
                                                     isMulti={false}
                                                     isRtl={false}
@@ -258812,762 +259794,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                         },
                                                         Object {
                                                           "index": -3,
-                                                          "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                          "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                           "value": "America/New_York",
                                                         },
                                                         Object {
                                                           "index": -2,
-                                                          "label": "Central Time (US & Canada) (3:00 AM)",
+                                                          "label": "Central Time (US & Canada) (5:00 AM)",
                                                           "value": "America/Chicago",
                                                         },
                                                         Object {
                                                           "index": -1,
-                                                          "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                          "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                           "value": "America/Denver",
                                                         },
                                                         Object {
                                                           "index": -0,
-                                                          "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                           "value": "America/Los_Angeles",
                                                         },
                                                         Object {
                                                           "index": 2.4,
-                                                          "label": "Indiana (East) (4:00 AM)",
+                                                          "label": "Indiana (East) (6:00 AM)",
                                                           "value": "America/Indiana/Indianapolis",
                                                         },
                                                         Object {
                                                           "index": 2.4,
-                                                          "label": "Puerto Rico (4:00 AM)",
+                                                          "label": "Puerto Rico (6:00 AM)",
                                                           "value": "America/Puerto_Rico",
                                                         },
                                                         Object {
                                                           "index": 4.2,
-                                                          "label": "Arizona (1:00 AM)",
+                                                          "label": "Arizona (3:00 AM)",
                                                           "value": "America/Phoenix",
                                                         },
                                                         Object {
                                                           "index": 4.8,
-                                                          "label": "Alaska (12:00 AM)",
+                                                          "label": "Alaska (2:00 AM)",
                                                           "value": "America/Juneau",
                                                         },
                                                         Object {
                                                           "index": 4.8,
-                                                          "label": "Philippine Standard Time (4:00 PM)",
+                                                          "label": "Philippine Standard Time (6:00 PM)",
                                                           "value": "Asia/Manila",
                                                         },
                                                         Object {
                                                           "index": 6,
-                                                          "label": "Hawaii (10:00 PM)",
+                                                          "label": "Hawaii (12:00 AM)",
                                                           "value": "Pacific/Honolulu",
                                                         },
                                                         Object {
                                                           "index": 100,
-                                                          "label": "Azores (8:00 AM)",
+                                                          "label": "Azores (10:00 AM)",
                                                           "value": "Atlantic/Azores",
                                                         },
                                                         Object {
                                                           "index": 100,
-                                                          "label": "Monrovia (8:00 AM)",
+                                                          "label": "Monrovia (10:00 AM)",
                                                           "value": "Africa/Monrovia",
                                                         },
                                                         Object {
                                                           "index": 100,
-                                                          "label": "UTC (8:00 AM)",
+                                                          "label": "UTC (10:00 AM)",
                                                           "value": "Etc/UTC",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Cape Verde Is. (7:00 AM)",
+                                                          "label": "Cape Verde Is. (9:00 AM)",
                                                           "value": "Atlantic/Cape_Verde",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Dublin (9:00 AM)",
+                                                          "label": "Dublin (11:00 AM)",
                                                           "value": "Europe/Dublin",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Edinburgh (9:00 AM)",
+                                                          "label": "Edinburgh (11:00 AM)",
                                                           "value": "Europe/London",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Lisbon (9:00 AM)",
+                                                          "label": "Lisbon (11:00 AM)",
                                                           "value": "Europe/Lisbon",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "London (9:00 AM)",
+                                                          "label": "London (11:00 AM)",
                                                           "value": "Europe/London",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Casablanca (9:00 AM)",
+                                                          "label": "Casablanca (11:00 AM)",
                                                           "value": "Africa/Casablanca",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "West Central Africa (9:00 AM)",
+                                                          "label": "West Central Africa (11:00 AM)",
                                                           "value": "Africa/Algiers",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Greenland (6:00 AM)",
+                                                          "label": "Greenland (8:00 AM)",
                                                           "value": "America/Godthab",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Mid-Atlantic (6:00 AM)",
+                                                          "label": "Mid-Atlantic (8:00 AM)",
                                                           "value": "Atlantic/South_Georgia",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Belgrade (10:00 AM)",
+                                                          "label": "Belgrade (12:00 PM)",
                                                           "value": "Europe/Belgrade",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Bratislava (10:00 AM)",
+                                                          "label": "Bratislava (12:00 PM)",
                                                           "value": "Europe/Bratislava",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Budapest (10:00 AM)",
+                                                          "label": "Budapest (12:00 PM)",
                                                           "value": "Europe/Budapest",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Ljubljana (10:00 AM)",
+                                                          "label": "Ljubljana (12:00 PM)",
                                                           "value": "Europe/Ljubljana",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Prague (10:00 AM)",
+                                                          "label": "Prague (12:00 PM)",
                                                           "value": "Europe/Prague",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Sarajevo (10:00 AM)",
+                                                          "label": "Sarajevo (12:00 PM)",
                                                           "value": "Europe/Sarajevo",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Skopje (10:00 AM)",
+                                                          "label": "Skopje (12:00 PM)",
                                                           "value": "Europe/Skopje",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Warsaw (10:00 AM)",
+                                                          "label": "Warsaw (12:00 PM)",
                                                           "value": "Europe/Warsaw",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Zagreb (10:00 AM)",
+                                                          "label": "Zagreb (12:00 PM)",
                                                           "value": "Europe/Zagreb",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Brussels (10:00 AM)",
+                                                          "label": "Brussels (12:00 PM)",
                                                           "value": "Europe/Brussels",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Copenhagen (10:00 AM)",
+                                                          "label": "Copenhagen (12:00 PM)",
                                                           "value": "Europe/Copenhagen",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Madrid (10:00 AM)",
+                                                          "label": "Madrid (12:00 PM)",
                                                           "value": "Europe/Madrid",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Paris (10:00 AM)",
+                                                          "label": "Paris (12:00 PM)",
                                                           "value": "Europe/Paris",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Amsterdam (10:00 AM)",
+                                                          "label": "Amsterdam (12:00 PM)",
                                                           "value": "Europe/Amsterdam",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Berlin (10:00 AM)",
+                                                          "label": "Berlin (12:00 PM)",
                                                           "value": "Europe/Berlin",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Bern (10:00 AM)",
+                                                          "label": "Bern (12:00 PM)",
                                                           "value": "Europe/Zurich",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Zurich (10:00 AM)",
+                                                          "label": "Zurich (12:00 PM)",
                                                           "value": "Europe/Zurich",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Rome (10:00 AM)",
+                                                          "label": "Rome (12:00 PM)",
                                                           "value": "Europe/Rome",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Stockholm (10:00 AM)",
+                                                          "label": "Stockholm (12:00 PM)",
                                                           "value": "Europe/Stockholm",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Vienna (10:00 AM)",
+                                                          "label": "Vienna (12:00 PM)",
                                                           "value": "Europe/Vienna",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Cairo (10:00 AM)",
+                                                          "label": "Cairo (12:00 PM)",
                                                           "value": "Africa/Cairo",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Harare (10:00 AM)",
+                                                          "label": "Harare (12:00 PM)",
                                                           "value": "Africa/Harare",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Pretoria (10:00 AM)",
+                                                          "label": "Pretoria (12:00 PM)",
                                                           "value": "Africa/Johannesburg",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Kaliningrad (10:00 AM)",
+                                                          "label": "Kaliningrad (12:00 PM)",
                                                           "value": "Europe/Kaliningrad",
                                                         },
                                                         Object {
                                                           "index": 250,
-                                                          "label": "Newfoundland (5:30 AM)",
+                                                          "label": "Newfoundland (7:30 AM)",
                                                           "value": "America/St_Johns",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                          "label": "Atlantic Time (Canada) (7:00 AM)",
                                                           "value": "America/Halifax",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Brasilia (5:00 AM)",
+                                                          "label": "Brasilia (7:00 AM)",
                                                           "value": "America/Sao_Paulo",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Buenos Aires (5:00 AM)",
+                                                          "label": "Buenos Aires (7:00 AM)",
                                                           "value": "America/Argentina/Buenos_Aires",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Montevideo (5:00 AM)",
+                                                          "label": "Montevideo (7:00 AM)",
                                                           "value": "America/Montevideo",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Bucharest (11:00 AM)",
+                                                          "label": "Bucharest (1:00 PM)",
                                                           "value": "Europe/Bucharest",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Helsinki (11:00 AM)",
+                                                          "label": "Helsinki (1:00 PM)",
                                                           "value": "Europe/Helsinki",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Kyiv (11:00 AM)",
+                                                          "label": "Kyiv (1:00 PM)",
                                                           "value": "Europe/Kiev",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Riga (11:00 AM)",
+                                                          "label": "Riga (1:00 PM)",
                                                           "value": "Europe/Riga",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Sofia (11:00 AM)",
+                                                          "label": "Sofia (1:00 PM)",
                                                           "value": "Europe/Sofia",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Tallinn (11:00 AM)",
+                                                          "label": "Tallinn (1:00 PM)",
                                                           "value": "Europe/Tallinn",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Vilnius (11:00 AM)",
+                                                          "label": "Vilnius (1:00 PM)",
                                                           "value": "Europe/Vilnius",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Athens (11:00 AM)",
+                                                          "label": "Athens (1:00 PM)",
                                                           "value": "Europe/Athens",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Istanbul (11:00 AM)",
+                                                          "label": "Istanbul (1:00 PM)",
                                                           "value": "Europe/Istanbul",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Minsk (11:00 AM)",
+                                                          "label": "Minsk (1:00 PM)",
                                                           "value": "Europe/Minsk",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Jerusalem (11:00 AM)",
+                                                          "label": "Jerusalem (1:00 PM)",
                                                           "value": "Asia/Jerusalem",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Moscow (11:00 AM)",
+                                                          "label": "Moscow (1:00 PM)",
                                                           "value": "Europe/Moscow",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "St. Petersburg (11:00 AM)",
+                                                          "label": "St. Petersburg (1:00 PM)",
                                                           "value": "Europe/Moscow",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Kuwait (11:00 AM)",
+                                                          "label": "Kuwait (1:00 PM)",
                                                           "value": "Asia/Kuwait",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Riyadh (11:00 AM)",
+                                                          "label": "Riyadh (1:00 PM)",
                                                           "value": "Asia/Riyadh",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Nairobi (11:00 AM)",
+                                                          "label": "Nairobi (1:00 PM)",
                                                           "value": "Africa/Nairobi",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Baghdad (11:00 AM)",
+                                                          "label": "Baghdad (1:00 PM)",
                                                           "value": "Asia/Baghdad",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Caracas (4:00 AM)",
+                                                          "label": "Caracas (6:00 AM)",
                                                           "value": "America/Caracas",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "La Paz (4:00 AM)",
+                                                          "label": "La Paz (6:00 AM)",
                                                           "value": "America/La_Paz",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Santiago (4:00 AM)",
+                                                          "label": "Santiago (6:00 AM)",
                                                           "value": "America/Santiago",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Georgetown (4:00 AM)",
+                                                          "label": "Georgetown (6:00 AM)",
                                                           "value": "America/Guyana",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Volgograd (12:00 PM)",
+                                                          "label": "Volgograd (2:00 PM)",
                                                           "value": "Europe/Volgograd",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Samara (12:00 PM)",
+                                                          "label": "Samara (2:00 PM)",
                                                           "value": "Europe/Samara",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Abu Dhabi (12:00 PM)",
+                                                          "label": "Abu Dhabi (2:00 PM)",
                                                           "value": "Asia/Muscat",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Muscat (12:00 PM)",
+                                                          "label": "Muscat (2:00 PM)",
                                                           "value": "Asia/Muscat",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Baku (12:00 PM)",
+                                                          "label": "Baku (2:00 PM)",
                                                           "value": "Asia/Baku",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Tbilisi (12:00 PM)",
+                                                          "label": "Tbilisi (2:00 PM)",
                                                           "value": "Asia/Tbilisi",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Yerevan (12:00 PM)",
+                                                          "label": "Yerevan (2:00 PM)",
                                                           "value": "Asia/Yerevan",
                                                         },
                                                         Object {
                                                           "index": 370,
-                                                          "label": "Tehran (12:30 PM)",
+                                                          "label": "Tehran (2:30 PM)",
                                                           "value": "Asia/Tehran",
                                                         },
                                                         Object {
                                                           "index": 370,
-                                                          "label": "Kabul (12:30 PM)",
+                                                          "label": "Kabul (2:30 PM)",
                                                           "value": "Asia/Kabul",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Guadalajara (3:00 AM)",
+                                                          "label": "Guadalajara (5:00 AM)",
                                                           "value": "America/Mexico_City",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Mexico City (3:00 AM)",
+                                                          "label": "Mexico City (5:00 AM)",
                                                           "value": "America/Mexico_City",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Monterrey (3:00 AM)",
+                                                          "label": "Monterrey (5:00 AM)",
                                                           "value": "America/Monterrey",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Bogota (3:00 AM)",
+                                                          "label": "Bogota (5:00 AM)",
                                                           "value": "America/Bogota",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Lima (3:00 AM)",
+                                                          "label": "Lima (5:00 AM)",
                                                           "value": "America/Lima",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Quito (3:00 AM)",
+                                                          "label": "Quito (5:00 AM)",
                                                           "value": "America/Lima",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Ekaterinburg (1:00 PM)",
+                                                          "label": "Ekaterinburg (3:00 PM)",
                                                           "value": "Asia/Yekaterinburg",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Islamabad (1:00 PM)",
+                                                          "label": "Islamabad (3:00 PM)",
                                                           "value": "Asia/Karachi",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Karachi (1:00 PM)",
+                                                          "label": "Karachi (3:00 PM)",
                                                           "value": "Asia/Karachi",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Tashkent (1:00 PM)",
+                                                          "label": "Tashkent (3:00 PM)",
                                                           "value": "Asia/Tashkent",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Chennai (1:30 PM)",
+                                                          "label": "Chennai (3:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Kolkata (1:30 PM)",
+                                                          "label": "Kolkata (3:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Mumbai (1:30 PM)",
+                                                          "label": "Mumbai (3:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "New Delhi (1:30 PM)",
+                                                          "label": "New Delhi (3:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Sri Jayawardenepura (1:30 PM)",
+                                                          "label": "Sri Jayawardenepura (3:30 PM)",
                                                           "value": "Asia/Colombo",
                                                         },
                                                         Object {
                                                           "index": 445,
-                                                          "label": "Kathmandu (1:45 PM)",
+                                                          "label": "Kathmandu (3:45 PM)",
                                                           "value": "Asia/Kathmandu",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Chihuahua (2:00 AM)",
+                                                          "label": "Chihuahua (4:00 AM)",
                                                           "value": "America/Chihuahua",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Mazatlan (2:00 AM)",
+                                                          "label": "Mazatlan (4:00 AM)",
                                                           "value": "America/Mazatlan",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Saskatchewan (2:00 AM)",
+                                                          "label": "Saskatchewan (4:00 AM)",
                                                           "value": "America/Regina",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Central America (2:00 AM)",
+                                                          "label": "Central America (4:00 AM)",
                                                           "value": "America/Guatemala",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Astana (2:00 PM)",
+                                                          "label": "Astana (4:00 PM)",
                                                           "value": "Asia/Dhaka",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Dhaka (2:00 PM)",
+                                                          "label": "Dhaka (4:00 PM)",
                                                           "value": "Asia/Dhaka",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Almaty (2:00 PM)",
+                                                          "label": "Almaty (4:00 PM)",
                                                           "value": "Asia/Almaty",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Urumqi (2:00 PM)",
+                                                          "label": "Urumqi (4:00 PM)",
                                                           "value": "Asia/Urumqi",
                                                         },
                                                         Object {
                                                           "index": 490,
-                                                          "label": "Rangoon (2:30 PM)",
+                                                          "label": "Rangoon (4:30 PM)",
                                                           "value": "Asia/Rangoon",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Tijuana (1:00 AM)",
+                                                          "label": "Tijuana (3:00 AM)",
                                                           "value": "America/Tijuana",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Novosibirsk (3:00 PM)",
+                                                          "label": "Novosibirsk (5:00 PM)",
                                                           "value": "Asia/Novosibirsk",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Bangkok (3:00 PM)",
+                                                          "label": "Bangkok (5:00 PM)",
                                                           "value": "Asia/Bangkok",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Hanoi (3:00 PM)",
+                                                          "label": "Hanoi (5:00 PM)",
                                                           "value": "Asia/Bangkok",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Jakarta (3:00 PM)",
+                                                          "label": "Jakarta (5:00 PM)",
                                                           "value": "Asia/Jakarta",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Krasnoyarsk (3:00 PM)",
+                                                          "label": "Krasnoyarsk (5:00 PM)",
                                                           "value": "Asia/Krasnoyarsk",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Beijing (4:00 PM)",
+                                                          "label": "Beijing (6:00 PM)",
                                                           "value": "Asia/Shanghai",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Chongqing (4:00 PM)",
+                                                          "label": "Chongqing (6:00 PM)",
                                                           "value": "Asia/Chongqing",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Hong Kong (4:00 PM)",
+                                                          "label": "Hong Kong (6:00 PM)",
                                                           "value": "Asia/Hong_Kong",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Kuala Lumpur (4:00 PM)",
+                                                          "label": "Kuala Lumpur (6:00 PM)",
                                                           "value": "Asia/Kuala_Lumpur",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Singapore (4:00 PM)",
+                                                          "label": "Singapore (6:00 PM)",
                                                           "value": "Asia/Singapore",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Taipei (4:00 PM)",
+                                                          "label": "Taipei (6:00 PM)",
                                                           "value": "Asia/Taipei",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Perth (4:00 PM)",
+                                                          "label": "Perth (6:00 PM)",
                                                           "value": "Australia/Perth",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Irkutsk (4:00 PM)",
+                                                          "label": "Irkutsk (6:00 PM)",
                                                           "value": "Asia/Irkutsk",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Ulaanbaatar (4:00 PM)",
+                                                          "label": "Ulaanbaatar (6:00 PM)",
                                                           "value": "Asia/Ulaanbaatar",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Seoul (5:00 PM)",
+                                                          "label": "Seoul (7:00 PM)",
                                                           "value": "Asia/Seoul",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Osaka (5:00 PM)",
+                                                          "label": "Osaka (7:00 PM)",
                                                           "value": "Asia/Tokyo",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Sapporo (5:00 PM)",
+                                                          "label": "Sapporo (7:00 PM)",
                                                           "value": "Asia/Tokyo",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Tokyo (5:00 PM)",
+                                                          "label": "Tokyo (7:00 PM)",
                                                           "value": "Asia/Tokyo",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Yakutsk (5:00 PM)",
+                                                          "label": "Yakutsk (7:00 PM)",
                                                           "value": "Asia/Yakutsk",
                                                         },
                                                         Object {
                                                           "index": 670,
-                                                          "label": "Darwin (5:30 PM)",
+                                                          "label": "Darwin (7:30 PM)",
                                                           "value": "Australia/Darwin",
                                                         },
                                                         Object {
                                                           "index": 670,
-                                                          "label": "Adelaide (5:30 PM)",
+                                                          "label": "Adelaide (7:30 PM)",
                                                           "value": "Australia/Adelaide",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Canberra (6:00 PM)",
+                                                          "label": "Canberra (8:00 PM)",
                                                           "value": "Australia/Melbourne",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Melbourne (6:00 PM)",
+                                                          "label": "Melbourne (8:00 PM)",
                                                           "value": "Australia/Melbourne",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Sydney (6:00 PM)",
+                                                          "label": "Sydney (8:00 PM)",
                                                           "value": "Australia/Sydney",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Brisbane (6:00 PM)",
+                                                          "label": "Brisbane (8:00 PM)",
                                                           "value": "Australia/Brisbane",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Hobart (6:00 PM)",
+                                                          "label": "Hobart (8:00 PM)",
                                                           "value": "Australia/Hobart",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Vladivostok (6:00 PM)",
+                                                          "label": "Vladivostok (8:00 PM)",
                                                           "value": "Asia/Vladivostok",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Guam (6:00 PM)",
+                                                          "label": "Guam (8:00 PM)",
                                                           "value": "Pacific/Guam",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Port Moresby (6:00 PM)",
+                                                          "label": "Port Moresby (8:00 PM)",
                                                           "value": "Pacific/Port_Moresby",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Midway Island (9:00 PM)",
+                                                          "label": "Midway Island (11:00 PM)",
                                                           "value": "Pacific/Midway",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "American Samoa (9:00 PM)",
+                                                          "label": "American Samoa (11:00 PM)",
                                                           "value": "Pacific/Pago_Pago",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Magadan (7:00 PM)",
+                                                          "label": "Magadan (9:00 PM)",
                                                           "value": "Asia/Magadan",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Srednekolymsk (7:00 PM)",
+                                                          "label": "Srednekolymsk (9:00 PM)",
                                                           "value": "Asia/Srednekolymsk",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Solomon Is. (7:00 PM)",
+                                                          "label": "Solomon Is. (9:00 PM)",
                                                           "value": "Pacific/Guadalcanal",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "New Caledonia (7:00 PM)",
+                                                          "label": "New Caledonia (9:00 PM)",
                                                           "value": "Pacific/Noumea",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "International Date Line West (8:00 PM)",
+                                                          "label": "International Date Line West (10:00 PM)",
                                                           "value": "Etc/GMT+12",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Fiji (8:00 PM)",
+                                                          "label": "Fiji (10:00 PM)",
                                                           "value": "Pacific/Fiji",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Kamchatka (8:00 PM)",
+                                                          "label": "Kamchatka (10:00 PM)",
                                                           "value": "Asia/Kamchatka",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Marshall Is. (8:00 PM)",
+                                                          "label": "Marshall Is. (10:00 PM)",
                                                           "value": "Pacific/Majuro",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Auckland (8:00 PM)",
+                                                          "label": "Auckland (10:00 PM)",
                                                           "value": "Pacific/Auckland",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Wellington (8:00 PM)",
+                                                          "label": "Wellington (10:00 PM)",
                                                           "value": "Pacific/Auckland",
                                                         },
                                                         Object {
                                                           "index": 865,
-                                                          "label": "Chatham Is. (8:45 PM)",
+                                                          "label": "Chatham Is. (10:45 PM)",
                                                           "value": "Pacific/Chatham",
                                                         },
                                                         Object {
                                                           "index": 880,
-                                                          "label": "Nuku'alofa (9:00 PM)",
+                                                          "label": "Nuku'alofa (11:00 PM)",
                                                           "value": "Pacific/Tongatapu",
                                                         },
                                                         Object {
                                                           "index": 880,
-                                                          "label": "Tokelau Is. (9:00 PM)",
+                                                          "label": "Tokelau Is. (11:00 PM)",
                                                           "value": "Pacific/Fakaofo",
                                                         },
                                                         Object {
                                                           "index": 880,
-                                                          "label": "Samoa (9:00 PM)",
+                                                          "label": "Samoa (11:00 PM)",
                                                           "value": "Pacific/Apia",
                                                         },
                                                       ]
@@ -259628,762 +260610,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                           },
                                                           Object {
                                                             "index": -3,
-                                                            "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                            "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                             "value": "America/New_York",
                                                           },
                                                           Object {
                                                             "index": -2,
-                                                            "label": "Central Time (US & Canada) (3:00 AM)",
+                                                            "label": "Central Time (US & Canada) (5:00 AM)",
                                                             "value": "America/Chicago",
                                                           },
                                                           Object {
                                                             "index": -1,
-                                                            "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                            "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                             "value": "America/Denver",
                                                           },
                                                           Object {
                                                             "index": -0,
-                                                            "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                            "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                             "value": "America/Los_Angeles",
                                                           },
                                                           Object {
                                                             "index": 2.4,
-                                                            "label": "Indiana (East) (4:00 AM)",
+                                                            "label": "Indiana (East) (6:00 AM)",
                                                             "value": "America/Indiana/Indianapolis",
                                                           },
                                                           Object {
                                                             "index": 2.4,
-                                                            "label": "Puerto Rico (4:00 AM)",
+                                                            "label": "Puerto Rico (6:00 AM)",
                                                             "value": "America/Puerto_Rico",
                                                           },
                                                           Object {
                                                             "index": 4.2,
-                                                            "label": "Arizona (1:00 AM)",
+                                                            "label": "Arizona (3:00 AM)",
                                                             "value": "America/Phoenix",
                                                           },
                                                           Object {
                                                             "index": 4.8,
-                                                            "label": "Alaska (12:00 AM)",
+                                                            "label": "Alaska (2:00 AM)",
                                                             "value": "America/Juneau",
                                                           },
                                                           Object {
                                                             "index": 4.8,
-                                                            "label": "Philippine Standard Time (4:00 PM)",
+                                                            "label": "Philippine Standard Time (6:00 PM)",
                                                             "value": "Asia/Manila",
                                                           },
                                                           Object {
                                                             "index": 6,
-                                                            "label": "Hawaii (10:00 PM)",
+                                                            "label": "Hawaii (12:00 AM)",
                                                             "value": "Pacific/Honolulu",
                                                           },
                                                           Object {
                                                             "index": 100,
-                                                            "label": "Azores (8:00 AM)",
+                                                            "label": "Azores (10:00 AM)",
                                                             "value": "Atlantic/Azores",
                                                           },
                                                           Object {
                                                             "index": 100,
-                                                            "label": "Monrovia (8:00 AM)",
+                                                            "label": "Monrovia (10:00 AM)",
                                                             "value": "Africa/Monrovia",
                                                           },
                                                           Object {
                                                             "index": 100,
-                                                            "label": "UTC (8:00 AM)",
+                                                            "label": "UTC (10:00 AM)",
                                                             "value": "Etc/UTC",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Cape Verde Is. (7:00 AM)",
+                                                            "label": "Cape Verde Is. (9:00 AM)",
                                                             "value": "Atlantic/Cape_Verde",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Dublin (9:00 AM)",
+                                                            "label": "Dublin (11:00 AM)",
                                                             "value": "Europe/Dublin",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Edinburgh (9:00 AM)",
+                                                            "label": "Edinburgh (11:00 AM)",
                                                             "value": "Europe/London",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Lisbon (9:00 AM)",
+                                                            "label": "Lisbon (11:00 AM)",
                                                             "value": "Europe/Lisbon",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "London (9:00 AM)",
+                                                            "label": "London (11:00 AM)",
                                                             "value": "Europe/London",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Casablanca (9:00 AM)",
+                                                            "label": "Casablanca (11:00 AM)",
                                                             "value": "Africa/Casablanca",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "West Central Africa (9:00 AM)",
+                                                            "label": "West Central Africa (11:00 AM)",
                                                             "value": "Africa/Algiers",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Greenland (6:00 AM)",
+                                                            "label": "Greenland (8:00 AM)",
                                                             "value": "America/Godthab",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Mid-Atlantic (6:00 AM)",
+                                                            "label": "Mid-Atlantic (8:00 AM)",
                                                             "value": "Atlantic/South_Georgia",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Belgrade (10:00 AM)",
+                                                            "label": "Belgrade (12:00 PM)",
                                                             "value": "Europe/Belgrade",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Bratislava (10:00 AM)",
+                                                            "label": "Bratislava (12:00 PM)",
                                                             "value": "Europe/Bratislava",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Budapest (10:00 AM)",
+                                                            "label": "Budapest (12:00 PM)",
                                                             "value": "Europe/Budapest",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Ljubljana (10:00 AM)",
+                                                            "label": "Ljubljana (12:00 PM)",
                                                             "value": "Europe/Ljubljana",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Prague (10:00 AM)",
+                                                            "label": "Prague (12:00 PM)",
                                                             "value": "Europe/Prague",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Sarajevo (10:00 AM)",
+                                                            "label": "Sarajevo (12:00 PM)",
                                                             "value": "Europe/Sarajevo",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Skopje (10:00 AM)",
+                                                            "label": "Skopje (12:00 PM)",
                                                             "value": "Europe/Skopje",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Warsaw (10:00 AM)",
+                                                            "label": "Warsaw (12:00 PM)",
                                                             "value": "Europe/Warsaw",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Zagreb (10:00 AM)",
+                                                            "label": "Zagreb (12:00 PM)",
                                                             "value": "Europe/Zagreb",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Brussels (10:00 AM)",
+                                                            "label": "Brussels (12:00 PM)",
                                                             "value": "Europe/Brussels",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Copenhagen (10:00 AM)",
+                                                            "label": "Copenhagen (12:00 PM)",
                                                             "value": "Europe/Copenhagen",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Madrid (10:00 AM)",
+                                                            "label": "Madrid (12:00 PM)",
                                                             "value": "Europe/Madrid",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Paris (10:00 AM)",
+                                                            "label": "Paris (12:00 PM)",
                                                             "value": "Europe/Paris",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Amsterdam (10:00 AM)",
+                                                            "label": "Amsterdam (12:00 PM)",
                                                             "value": "Europe/Amsterdam",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Berlin (10:00 AM)",
+                                                            "label": "Berlin (12:00 PM)",
                                                             "value": "Europe/Berlin",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Bern (10:00 AM)",
+                                                            "label": "Bern (12:00 PM)",
                                                             "value": "Europe/Zurich",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Zurich (10:00 AM)",
+                                                            "label": "Zurich (12:00 PM)",
                                                             "value": "Europe/Zurich",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Rome (10:00 AM)",
+                                                            "label": "Rome (12:00 PM)",
                                                             "value": "Europe/Rome",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Stockholm (10:00 AM)",
+                                                            "label": "Stockholm (12:00 PM)",
                                                             "value": "Europe/Stockholm",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Vienna (10:00 AM)",
+                                                            "label": "Vienna (12:00 PM)",
                                                             "value": "Europe/Vienna",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Cairo (10:00 AM)",
+                                                            "label": "Cairo (12:00 PM)",
                                                             "value": "Africa/Cairo",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Harare (10:00 AM)",
+                                                            "label": "Harare (12:00 PM)",
                                                             "value": "Africa/Harare",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Pretoria (10:00 AM)",
+                                                            "label": "Pretoria (12:00 PM)",
                                                             "value": "Africa/Johannesburg",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Kaliningrad (10:00 AM)",
+                                                            "label": "Kaliningrad (12:00 PM)",
                                                             "value": "Europe/Kaliningrad",
                                                           },
                                                           Object {
                                                             "index": 250,
-                                                            "label": "Newfoundland (5:30 AM)",
+                                                            "label": "Newfoundland (7:30 AM)",
                                                             "value": "America/St_Johns",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                            "label": "Atlantic Time (Canada) (7:00 AM)",
                                                             "value": "America/Halifax",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Brasilia (5:00 AM)",
+                                                            "label": "Brasilia (7:00 AM)",
                                                             "value": "America/Sao_Paulo",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Buenos Aires (5:00 AM)",
+                                                            "label": "Buenos Aires (7:00 AM)",
                                                             "value": "America/Argentina/Buenos_Aires",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Montevideo (5:00 AM)",
+                                                            "label": "Montevideo (7:00 AM)",
                                                             "value": "America/Montevideo",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Bucharest (11:00 AM)",
+                                                            "label": "Bucharest (1:00 PM)",
                                                             "value": "Europe/Bucharest",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Helsinki (11:00 AM)",
+                                                            "label": "Helsinki (1:00 PM)",
                                                             "value": "Europe/Helsinki",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Kyiv (11:00 AM)",
+                                                            "label": "Kyiv (1:00 PM)",
                                                             "value": "Europe/Kiev",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Riga (11:00 AM)",
+                                                            "label": "Riga (1:00 PM)",
                                                             "value": "Europe/Riga",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Sofia (11:00 AM)",
+                                                            "label": "Sofia (1:00 PM)",
                                                             "value": "Europe/Sofia",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Tallinn (11:00 AM)",
+                                                            "label": "Tallinn (1:00 PM)",
                                                             "value": "Europe/Tallinn",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Vilnius (11:00 AM)",
+                                                            "label": "Vilnius (1:00 PM)",
                                                             "value": "Europe/Vilnius",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Athens (11:00 AM)",
+                                                            "label": "Athens (1:00 PM)",
                                                             "value": "Europe/Athens",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Istanbul (11:00 AM)",
+                                                            "label": "Istanbul (1:00 PM)",
                                                             "value": "Europe/Istanbul",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Minsk (11:00 AM)",
+                                                            "label": "Minsk (1:00 PM)",
                                                             "value": "Europe/Minsk",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Jerusalem (11:00 AM)",
+                                                            "label": "Jerusalem (1:00 PM)",
                                                             "value": "Asia/Jerusalem",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Moscow (11:00 AM)",
+                                                            "label": "Moscow (1:00 PM)",
                                                             "value": "Europe/Moscow",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "St. Petersburg (11:00 AM)",
+                                                            "label": "St. Petersburg (1:00 PM)",
                                                             "value": "Europe/Moscow",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Kuwait (11:00 AM)",
+                                                            "label": "Kuwait (1:00 PM)",
                                                             "value": "Asia/Kuwait",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Riyadh (11:00 AM)",
+                                                            "label": "Riyadh (1:00 PM)",
                                                             "value": "Asia/Riyadh",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Nairobi (11:00 AM)",
+                                                            "label": "Nairobi (1:00 PM)",
                                                             "value": "Africa/Nairobi",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Baghdad (11:00 AM)",
+                                                            "label": "Baghdad (1:00 PM)",
                                                             "value": "Asia/Baghdad",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Caracas (4:00 AM)",
+                                                            "label": "Caracas (6:00 AM)",
                                                             "value": "America/Caracas",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "La Paz (4:00 AM)",
+                                                            "label": "La Paz (6:00 AM)",
                                                             "value": "America/La_Paz",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Santiago (4:00 AM)",
+                                                            "label": "Santiago (6:00 AM)",
                                                             "value": "America/Santiago",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Georgetown (4:00 AM)",
+                                                            "label": "Georgetown (6:00 AM)",
                                                             "value": "America/Guyana",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Volgograd (12:00 PM)",
+                                                            "label": "Volgograd (2:00 PM)",
                                                             "value": "Europe/Volgograd",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Samara (12:00 PM)",
+                                                            "label": "Samara (2:00 PM)",
                                                             "value": "Europe/Samara",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Abu Dhabi (12:00 PM)",
+                                                            "label": "Abu Dhabi (2:00 PM)",
                                                             "value": "Asia/Muscat",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Muscat (12:00 PM)",
+                                                            "label": "Muscat (2:00 PM)",
                                                             "value": "Asia/Muscat",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Baku (12:00 PM)",
+                                                            "label": "Baku (2:00 PM)",
                                                             "value": "Asia/Baku",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Tbilisi (12:00 PM)",
+                                                            "label": "Tbilisi (2:00 PM)",
                                                             "value": "Asia/Tbilisi",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Yerevan (12:00 PM)",
+                                                            "label": "Yerevan (2:00 PM)",
                                                             "value": "Asia/Yerevan",
                                                           },
                                                           Object {
                                                             "index": 370,
-                                                            "label": "Tehran (12:30 PM)",
+                                                            "label": "Tehran (2:30 PM)",
                                                             "value": "Asia/Tehran",
                                                           },
                                                           Object {
                                                             "index": 370,
-                                                            "label": "Kabul (12:30 PM)",
+                                                            "label": "Kabul (2:30 PM)",
                                                             "value": "Asia/Kabul",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Guadalajara (3:00 AM)",
+                                                            "label": "Guadalajara (5:00 AM)",
                                                             "value": "America/Mexico_City",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Mexico City (3:00 AM)",
+                                                            "label": "Mexico City (5:00 AM)",
                                                             "value": "America/Mexico_City",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Monterrey (3:00 AM)",
+                                                            "label": "Monterrey (5:00 AM)",
                                                             "value": "America/Monterrey",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Bogota (3:00 AM)",
+                                                            "label": "Bogota (5:00 AM)",
                                                             "value": "America/Bogota",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Lima (3:00 AM)",
+                                                            "label": "Lima (5:00 AM)",
                                                             "value": "America/Lima",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Quito (3:00 AM)",
+                                                            "label": "Quito (5:00 AM)",
                                                             "value": "America/Lima",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Ekaterinburg (1:00 PM)",
+                                                            "label": "Ekaterinburg (3:00 PM)",
                                                             "value": "Asia/Yekaterinburg",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Islamabad (1:00 PM)",
+                                                            "label": "Islamabad (3:00 PM)",
                                                             "value": "Asia/Karachi",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Karachi (1:00 PM)",
+                                                            "label": "Karachi (3:00 PM)",
                                                             "value": "Asia/Karachi",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Tashkent (1:00 PM)",
+                                                            "label": "Tashkent (3:00 PM)",
                                                             "value": "Asia/Tashkent",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Chennai (1:30 PM)",
+                                                            "label": "Chennai (3:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Kolkata (1:30 PM)",
+                                                            "label": "Kolkata (3:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Mumbai (1:30 PM)",
+                                                            "label": "Mumbai (3:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "New Delhi (1:30 PM)",
+                                                            "label": "New Delhi (3:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Sri Jayawardenepura (1:30 PM)",
+                                                            "label": "Sri Jayawardenepura (3:30 PM)",
                                                             "value": "Asia/Colombo",
                                                           },
                                                           Object {
                                                             "index": 445,
-                                                            "label": "Kathmandu (1:45 PM)",
+                                                            "label": "Kathmandu (3:45 PM)",
                                                             "value": "Asia/Kathmandu",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Chihuahua (2:00 AM)",
+                                                            "label": "Chihuahua (4:00 AM)",
                                                             "value": "America/Chihuahua",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Mazatlan (2:00 AM)",
+                                                            "label": "Mazatlan (4:00 AM)",
                                                             "value": "America/Mazatlan",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Saskatchewan (2:00 AM)",
+                                                            "label": "Saskatchewan (4:00 AM)",
                                                             "value": "America/Regina",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Central America (2:00 AM)",
+                                                            "label": "Central America (4:00 AM)",
                                                             "value": "America/Guatemala",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Astana (2:00 PM)",
+                                                            "label": "Astana (4:00 PM)",
                                                             "value": "Asia/Dhaka",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Dhaka (2:00 PM)",
+                                                            "label": "Dhaka (4:00 PM)",
                                                             "value": "Asia/Dhaka",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Almaty (2:00 PM)",
+                                                            "label": "Almaty (4:00 PM)",
                                                             "value": "Asia/Almaty",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Urumqi (2:00 PM)",
+                                                            "label": "Urumqi (4:00 PM)",
                                                             "value": "Asia/Urumqi",
                                                           },
                                                           Object {
                                                             "index": 490,
-                                                            "label": "Rangoon (2:30 PM)",
+                                                            "label": "Rangoon (4:30 PM)",
                                                             "value": "Asia/Rangoon",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Tijuana (1:00 AM)",
+                                                            "label": "Tijuana (3:00 AM)",
                                                             "value": "America/Tijuana",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Novosibirsk (3:00 PM)",
+                                                            "label": "Novosibirsk (5:00 PM)",
                                                             "value": "Asia/Novosibirsk",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Bangkok (3:00 PM)",
+                                                            "label": "Bangkok (5:00 PM)",
                                                             "value": "Asia/Bangkok",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Hanoi (3:00 PM)",
+                                                            "label": "Hanoi (5:00 PM)",
                                                             "value": "Asia/Bangkok",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Jakarta (3:00 PM)",
+                                                            "label": "Jakarta (5:00 PM)",
                                                             "value": "Asia/Jakarta",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Krasnoyarsk (3:00 PM)",
+                                                            "label": "Krasnoyarsk (5:00 PM)",
                                                             "value": "Asia/Krasnoyarsk",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Beijing (4:00 PM)",
+                                                            "label": "Beijing (6:00 PM)",
                                                             "value": "Asia/Shanghai",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Chongqing (4:00 PM)",
+                                                            "label": "Chongqing (6:00 PM)",
                                                             "value": "Asia/Chongqing",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Hong Kong (4:00 PM)",
+                                                            "label": "Hong Kong (6:00 PM)",
                                                             "value": "Asia/Hong_Kong",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Kuala Lumpur (4:00 PM)",
+                                                            "label": "Kuala Lumpur (6:00 PM)",
                                                             "value": "Asia/Kuala_Lumpur",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Singapore (4:00 PM)",
+                                                            "label": "Singapore (6:00 PM)",
                                                             "value": "Asia/Singapore",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Taipei (4:00 PM)",
+                                                            "label": "Taipei (6:00 PM)",
                                                             "value": "Asia/Taipei",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Perth (4:00 PM)",
+                                                            "label": "Perth (6:00 PM)",
                                                             "value": "Australia/Perth",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Irkutsk (4:00 PM)",
+                                                            "label": "Irkutsk (6:00 PM)",
                                                             "value": "Asia/Irkutsk",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Ulaanbaatar (4:00 PM)",
+                                                            "label": "Ulaanbaatar (6:00 PM)",
                                                             "value": "Asia/Ulaanbaatar",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Seoul (5:00 PM)",
+                                                            "label": "Seoul (7:00 PM)",
                                                             "value": "Asia/Seoul",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Osaka (5:00 PM)",
+                                                            "label": "Osaka (7:00 PM)",
                                                             "value": "Asia/Tokyo",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Sapporo (5:00 PM)",
+                                                            "label": "Sapporo (7:00 PM)",
                                                             "value": "Asia/Tokyo",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Tokyo (5:00 PM)",
+                                                            "label": "Tokyo (7:00 PM)",
                                                             "value": "Asia/Tokyo",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Yakutsk (5:00 PM)",
+                                                            "label": "Yakutsk (7:00 PM)",
                                                             "value": "Asia/Yakutsk",
                                                           },
                                                           Object {
                                                             "index": 670,
-                                                            "label": "Darwin (5:30 PM)",
+                                                            "label": "Darwin (7:30 PM)",
                                                             "value": "Australia/Darwin",
                                                           },
                                                           Object {
                                                             "index": 670,
-                                                            "label": "Adelaide (5:30 PM)",
+                                                            "label": "Adelaide (7:30 PM)",
                                                             "value": "Australia/Adelaide",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Canberra (6:00 PM)",
+                                                            "label": "Canberra (8:00 PM)",
                                                             "value": "Australia/Melbourne",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Melbourne (6:00 PM)",
+                                                            "label": "Melbourne (8:00 PM)",
                                                             "value": "Australia/Melbourne",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Sydney (6:00 PM)",
+                                                            "label": "Sydney (8:00 PM)",
                                                             "value": "Australia/Sydney",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Brisbane (6:00 PM)",
+                                                            "label": "Brisbane (8:00 PM)",
                                                             "value": "Australia/Brisbane",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Hobart (6:00 PM)",
+                                                            "label": "Hobart (8:00 PM)",
                                                             "value": "Australia/Hobart",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Vladivostok (6:00 PM)",
+                                                            "label": "Vladivostok (8:00 PM)",
                                                             "value": "Asia/Vladivostok",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Guam (6:00 PM)",
+                                                            "label": "Guam (8:00 PM)",
                                                             "value": "Pacific/Guam",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Port Moresby (6:00 PM)",
+                                                            "label": "Port Moresby (8:00 PM)",
                                                             "value": "Pacific/Port_Moresby",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Midway Island (9:00 PM)",
+                                                            "label": "Midway Island (11:00 PM)",
                                                             "value": "Pacific/Midway",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "American Samoa (9:00 PM)",
+                                                            "label": "American Samoa (11:00 PM)",
                                                             "value": "Pacific/Pago_Pago",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Magadan (7:00 PM)",
+                                                            "label": "Magadan (9:00 PM)",
                                                             "value": "Asia/Magadan",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Srednekolymsk (7:00 PM)",
+                                                            "label": "Srednekolymsk (9:00 PM)",
                                                             "value": "Asia/Srednekolymsk",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Solomon Is. (7:00 PM)",
+                                                            "label": "Solomon Is. (9:00 PM)",
                                                             "value": "Pacific/Guadalcanal",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "New Caledonia (7:00 PM)",
+                                                            "label": "New Caledonia (9:00 PM)",
                                                             "value": "Pacific/Noumea",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "International Date Line West (8:00 PM)",
+                                                            "label": "International Date Line West (10:00 PM)",
                                                             "value": "Etc/GMT+12",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Fiji (8:00 PM)",
+                                                            "label": "Fiji (10:00 PM)",
                                                             "value": "Pacific/Fiji",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Kamchatka (8:00 PM)",
+                                                            "label": "Kamchatka (10:00 PM)",
                                                             "value": "Asia/Kamchatka",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Marshall Is. (8:00 PM)",
+                                                            "label": "Marshall Is. (10:00 PM)",
                                                             "value": "Pacific/Majuro",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Auckland (8:00 PM)",
+                                                            "label": "Auckland (10:00 PM)",
                                                             "value": "Pacific/Auckland",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Wellington (8:00 PM)",
+                                                            "label": "Wellington (10:00 PM)",
                                                             "value": "Pacific/Auckland",
                                                           },
                                                           Object {
                                                             "index": 865,
-                                                            "label": "Chatham Is. (8:45 PM)",
+                                                            "label": "Chatham Is. (10:45 PM)",
                                                             "value": "Pacific/Chatham",
                                                           },
                                                           Object {
                                                             "index": 880,
-                                                            "label": "Nuku'alofa (9:00 PM)",
+                                                            "label": "Nuku'alofa (11:00 PM)",
                                                             "value": "Pacific/Tongatapu",
                                                           },
                                                           Object {
                                                             "index": 880,
-                                                            "label": "Tokelau Is. (9:00 PM)",
+                                                            "label": "Tokelau Is. (11:00 PM)",
                                                             "value": "Pacific/Fakaofo",
                                                           },
                                                           Object {
                                                             "index": 880,
-                                                            "label": "Samoa (9:00 PM)",
+                                                            "label": "Samoa (11:00 PM)",
                                                             "value": "Pacific/Apia",
                                                           },
                                                         ],
@@ -260397,7 +261379,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                         },
                                                         "tabIndex": "0",
                                                         "tabSelectsValue": true,
-                                                        "value": null,
+                                                        "value": Object {
+                                                          "index": -0,
+                                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                          "value": "America/Los_Angeles",
+                                                        },
                                                       }
                                                     }
                                                     setValue={[Function]}
@@ -260434,7 +261420,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                     <EmotionCssPropInternal
                                                       __EMOTION_LABEL_PLEASE_DO_NOT_USE__="ValueContainer"
                                                       __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                      className="cf-select__value-container"
+                                                      className="cf-select__value-container cf-select__value-container--has-value"
                                                       css={
                                                         Object {
                                                           "WebkitOverflowScrolling": "touch",
@@ -260450,16 +261436,22 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                       }
                                                     >
                                                       <div
-                                                        className="cf-select__value-container css-g1d714-ValueContainer"
+                                                        className="cf-select__value-container cf-select__value-container--has-value css-g1d714-ValueContainer"
                                                       >
-                                                        <Placeholder
+                                                        <SingleValue
                                                           clearValue={[Function]}
                                                           cx={[Function]}
+                                                          data={
+                                                            Object {
+                                                              "index": -0,
+                                                              "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                              "value": "America/Los_Angeles",
+                                                            }
+                                                          }
                                                           getStyles={[Function]}
                                                           getValue={[Function]}
-                                                          hasValue={false}
+                                                          hasValue={true}
                                                           isDisabled={false}
-                                                          isFocused={false}
                                                           isMulti={false}
                                                           isRtl={false}
                                                           options={
@@ -260470,762 +261462,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                               },
                                                               Object {
                                                                 "index": -3,
-                                                                "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                                 "value": "America/New_York",
                                                               },
                                                               Object {
                                                                 "index": -2,
-                                                                "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                "label": "Central Time (US & Canada) (5:00 AM)",
                                                                 "value": "America/Chicago",
                                                               },
                                                               Object {
                                                                 "index": -1,
-                                                                "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                                 "value": "America/Denver",
                                                               },
                                                               Object {
                                                                 "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                                 "value": "America/Los_Angeles",
                                                               },
                                                               Object {
                                                                 "index": 2.4,
-                                                                "label": "Indiana (East) (4:00 AM)",
+                                                                "label": "Indiana (East) (6:00 AM)",
                                                                 "value": "America/Indiana/Indianapolis",
                                                               },
                                                               Object {
                                                                 "index": 2.4,
-                                                                "label": "Puerto Rico (4:00 AM)",
+                                                                "label": "Puerto Rico (6:00 AM)",
                                                                 "value": "America/Puerto_Rico",
                                                               },
                                                               Object {
                                                                 "index": 4.2,
-                                                                "label": "Arizona (1:00 AM)",
+                                                                "label": "Arizona (3:00 AM)",
                                                                 "value": "America/Phoenix",
                                                               },
                                                               Object {
                                                                 "index": 4.8,
-                                                                "label": "Alaska (12:00 AM)",
+                                                                "label": "Alaska (2:00 AM)",
                                                                 "value": "America/Juneau",
                                                               },
                                                               Object {
                                                                 "index": 4.8,
-                                                                "label": "Philippine Standard Time (4:00 PM)",
+                                                                "label": "Philippine Standard Time (6:00 PM)",
                                                                 "value": "Asia/Manila",
                                                               },
                                                               Object {
                                                                 "index": 6,
-                                                                "label": "Hawaii (10:00 PM)",
+                                                                "label": "Hawaii (12:00 AM)",
                                                                 "value": "Pacific/Honolulu",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "Azores (8:00 AM)",
+                                                                "label": "Azores (10:00 AM)",
                                                                 "value": "Atlantic/Azores",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "Monrovia (8:00 AM)",
+                                                                "label": "Monrovia (10:00 AM)",
                                                                 "value": "Africa/Monrovia",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "UTC (8:00 AM)",
+                                                                "label": "UTC (10:00 AM)",
                                                                 "value": "Etc/UTC",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Cape Verde Is. (7:00 AM)",
+                                                                "label": "Cape Verde Is. (9:00 AM)",
                                                                 "value": "Atlantic/Cape_Verde",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Dublin (9:00 AM)",
+                                                                "label": "Dublin (11:00 AM)",
                                                                 "value": "Europe/Dublin",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Edinburgh (9:00 AM)",
+                                                                "label": "Edinburgh (11:00 AM)",
                                                                 "value": "Europe/London",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Lisbon (9:00 AM)",
+                                                                "label": "Lisbon (11:00 AM)",
                                                                 "value": "Europe/Lisbon",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "London (9:00 AM)",
+                                                                "label": "London (11:00 AM)",
                                                                 "value": "Europe/London",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Casablanca (9:00 AM)",
+                                                                "label": "Casablanca (11:00 AM)",
                                                                 "value": "Africa/Casablanca",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "West Central Africa (9:00 AM)",
+                                                                "label": "West Central Africa (11:00 AM)",
                                                                 "value": "Africa/Algiers",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Greenland (6:00 AM)",
+                                                                "label": "Greenland (8:00 AM)",
                                                                 "value": "America/Godthab",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Mid-Atlantic (6:00 AM)",
+                                                                "label": "Mid-Atlantic (8:00 AM)",
                                                                 "value": "Atlantic/South_Georgia",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Belgrade (10:00 AM)",
+                                                                "label": "Belgrade (12:00 PM)",
                                                                 "value": "Europe/Belgrade",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Bratislava (10:00 AM)",
+                                                                "label": "Bratislava (12:00 PM)",
                                                                 "value": "Europe/Bratislava",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Budapest (10:00 AM)",
+                                                                "label": "Budapest (12:00 PM)",
                                                                 "value": "Europe/Budapest",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Ljubljana (10:00 AM)",
+                                                                "label": "Ljubljana (12:00 PM)",
                                                                 "value": "Europe/Ljubljana",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Prague (10:00 AM)",
+                                                                "label": "Prague (12:00 PM)",
                                                                 "value": "Europe/Prague",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Sarajevo (10:00 AM)",
+                                                                "label": "Sarajevo (12:00 PM)",
                                                                 "value": "Europe/Sarajevo",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Skopje (10:00 AM)",
+                                                                "label": "Skopje (12:00 PM)",
                                                                 "value": "Europe/Skopje",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Warsaw (10:00 AM)",
+                                                                "label": "Warsaw (12:00 PM)",
                                                                 "value": "Europe/Warsaw",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Zagreb (10:00 AM)",
+                                                                "label": "Zagreb (12:00 PM)",
                                                                 "value": "Europe/Zagreb",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Brussels (10:00 AM)",
+                                                                "label": "Brussels (12:00 PM)",
                                                                 "value": "Europe/Brussels",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Copenhagen (10:00 AM)",
+                                                                "label": "Copenhagen (12:00 PM)",
                                                                 "value": "Europe/Copenhagen",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Madrid (10:00 AM)",
+                                                                "label": "Madrid (12:00 PM)",
                                                                 "value": "Europe/Madrid",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Paris (10:00 AM)",
+                                                                "label": "Paris (12:00 PM)",
                                                                 "value": "Europe/Paris",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Amsterdam (10:00 AM)",
+                                                                "label": "Amsterdam (12:00 PM)",
                                                                 "value": "Europe/Amsterdam",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Berlin (10:00 AM)",
+                                                                "label": "Berlin (12:00 PM)",
                                                                 "value": "Europe/Berlin",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Bern (10:00 AM)",
+                                                                "label": "Bern (12:00 PM)",
                                                                 "value": "Europe/Zurich",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Zurich (10:00 AM)",
+                                                                "label": "Zurich (12:00 PM)",
                                                                 "value": "Europe/Zurich",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Rome (10:00 AM)",
+                                                                "label": "Rome (12:00 PM)",
                                                                 "value": "Europe/Rome",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Stockholm (10:00 AM)",
+                                                                "label": "Stockholm (12:00 PM)",
                                                                 "value": "Europe/Stockholm",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Vienna (10:00 AM)",
+                                                                "label": "Vienna (12:00 PM)",
                                                                 "value": "Europe/Vienna",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Cairo (10:00 AM)",
+                                                                "label": "Cairo (12:00 PM)",
                                                                 "value": "Africa/Cairo",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Harare (10:00 AM)",
+                                                                "label": "Harare (12:00 PM)",
                                                                 "value": "Africa/Harare",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Pretoria (10:00 AM)",
+                                                                "label": "Pretoria (12:00 PM)",
                                                                 "value": "Africa/Johannesburg",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Kaliningrad (10:00 AM)",
+                                                                "label": "Kaliningrad (12:00 PM)",
                                                                 "value": "Europe/Kaliningrad",
                                                               },
                                                               Object {
                                                                 "index": 250,
-                                                                "label": "Newfoundland (5:30 AM)",
+                                                                "label": "Newfoundland (7:30 AM)",
                                                                 "value": "America/St_Johns",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                "label": "Atlantic Time (Canada) (7:00 AM)",
                                                                 "value": "America/Halifax",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Brasilia (5:00 AM)",
+                                                                "label": "Brasilia (7:00 AM)",
                                                                 "value": "America/Sao_Paulo",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Buenos Aires (5:00 AM)",
+                                                                "label": "Buenos Aires (7:00 AM)",
                                                                 "value": "America/Argentina/Buenos_Aires",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Montevideo (5:00 AM)",
+                                                                "label": "Montevideo (7:00 AM)",
                                                                 "value": "America/Montevideo",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Bucharest (11:00 AM)",
+                                                                "label": "Bucharest (1:00 PM)",
                                                                 "value": "Europe/Bucharest",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Helsinki (11:00 AM)",
+                                                                "label": "Helsinki (1:00 PM)",
                                                                 "value": "Europe/Helsinki",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Kyiv (11:00 AM)",
+                                                                "label": "Kyiv (1:00 PM)",
                                                                 "value": "Europe/Kiev",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Riga (11:00 AM)",
+                                                                "label": "Riga (1:00 PM)",
                                                                 "value": "Europe/Riga",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Sofia (11:00 AM)",
+                                                                "label": "Sofia (1:00 PM)",
                                                                 "value": "Europe/Sofia",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Tallinn (11:00 AM)",
+                                                                "label": "Tallinn (1:00 PM)",
                                                                 "value": "Europe/Tallinn",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Vilnius (11:00 AM)",
+                                                                "label": "Vilnius (1:00 PM)",
                                                                 "value": "Europe/Vilnius",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Athens (11:00 AM)",
+                                                                "label": "Athens (1:00 PM)",
                                                                 "value": "Europe/Athens",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Istanbul (11:00 AM)",
+                                                                "label": "Istanbul (1:00 PM)",
                                                                 "value": "Europe/Istanbul",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Minsk (11:00 AM)",
+                                                                "label": "Minsk (1:00 PM)",
                                                                 "value": "Europe/Minsk",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Jerusalem (11:00 AM)",
+                                                                "label": "Jerusalem (1:00 PM)",
                                                                 "value": "Asia/Jerusalem",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Moscow (11:00 AM)",
+                                                                "label": "Moscow (1:00 PM)",
                                                                 "value": "Europe/Moscow",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "St. Petersburg (11:00 AM)",
+                                                                "label": "St. Petersburg (1:00 PM)",
                                                                 "value": "Europe/Moscow",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Kuwait (11:00 AM)",
+                                                                "label": "Kuwait (1:00 PM)",
                                                                 "value": "Asia/Kuwait",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Riyadh (11:00 AM)",
+                                                                "label": "Riyadh (1:00 PM)",
                                                                 "value": "Asia/Riyadh",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Nairobi (11:00 AM)",
+                                                                "label": "Nairobi (1:00 PM)",
                                                                 "value": "Africa/Nairobi",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Baghdad (11:00 AM)",
+                                                                "label": "Baghdad (1:00 PM)",
                                                                 "value": "Asia/Baghdad",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Caracas (4:00 AM)",
+                                                                "label": "Caracas (6:00 AM)",
                                                                 "value": "America/Caracas",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "La Paz (4:00 AM)",
+                                                                "label": "La Paz (6:00 AM)",
                                                                 "value": "America/La_Paz",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Santiago (4:00 AM)",
+                                                                "label": "Santiago (6:00 AM)",
                                                                 "value": "America/Santiago",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Georgetown (4:00 AM)",
+                                                                "label": "Georgetown (6:00 AM)",
                                                                 "value": "America/Guyana",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Volgograd (12:00 PM)",
+                                                                "label": "Volgograd (2:00 PM)",
                                                                 "value": "Europe/Volgograd",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Samara (12:00 PM)",
+                                                                "label": "Samara (2:00 PM)",
                                                                 "value": "Europe/Samara",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Abu Dhabi (12:00 PM)",
+                                                                "label": "Abu Dhabi (2:00 PM)",
                                                                 "value": "Asia/Muscat",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Muscat (12:00 PM)",
+                                                                "label": "Muscat (2:00 PM)",
                                                                 "value": "Asia/Muscat",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Baku (12:00 PM)",
+                                                                "label": "Baku (2:00 PM)",
                                                                 "value": "Asia/Baku",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Tbilisi (12:00 PM)",
+                                                                "label": "Tbilisi (2:00 PM)",
                                                                 "value": "Asia/Tbilisi",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Yerevan (12:00 PM)",
+                                                                "label": "Yerevan (2:00 PM)",
                                                                 "value": "Asia/Yerevan",
                                                               },
                                                               Object {
                                                                 "index": 370,
-                                                                "label": "Tehran (12:30 PM)",
+                                                                "label": "Tehran (2:30 PM)",
                                                                 "value": "Asia/Tehran",
                                                               },
                                                               Object {
                                                                 "index": 370,
-                                                                "label": "Kabul (12:30 PM)",
+                                                                "label": "Kabul (2:30 PM)",
                                                                 "value": "Asia/Kabul",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Guadalajara (3:00 AM)",
+                                                                "label": "Guadalajara (5:00 AM)",
                                                                 "value": "America/Mexico_City",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Mexico City (3:00 AM)",
+                                                                "label": "Mexico City (5:00 AM)",
                                                                 "value": "America/Mexico_City",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Monterrey (3:00 AM)",
+                                                                "label": "Monterrey (5:00 AM)",
                                                                 "value": "America/Monterrey",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Bogota (3:00 AM)",
+                                                                "label": "Bogota (5:00 AM)",
                                                                 "value": "America/Bogota",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Lima (3:00 AM)",
+                                                                "label": "Lima (5:00 AM)",
                                                                 "value": "America/Lima",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Quito (3:00 AM)",
+                                                                "label": "Quito (5:00 AM)",
                                                                 "value": "America/Lima",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Ekaterinburg (1:00 PM)",
+                                                                "label": "Ekaterinburg (3:00 PM)",
                                                                 "value": "Asia/Yekaterinburg",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Islamabad (1:00 PM)",
+                                                                "label": "Islamabad (3:00 PM)",
                                                                 "value": "Asia/Karachi",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Karachi (1:00 PM)",
+                                                                "label": "Karachi (3:00 PM)",
                                                                 "value": "Asia/Karachi",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Tashkent (1:00 PM)",
+                                                                "label": "Tashkent (3:00 PM)",
                                                                 "value": "Asia/Tashkent",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Chennai (1:30 PM)",
+                                                                "label": "Chennai (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Kolkata (1:30 PM)",
+                                                                "label": "Kolkata (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Mumbai (1:30 PM)",
+                                                                "label": "Mumbai (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "New Delhi (1:30 PM)",
+                                                                "label": "New Delhi (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                "label": "Sri Jayawardenepura (3:30 PM)",
                                                                 "value": "Asia/Colombo",
                                                               },
                                                               Object {
                                                                 "index": 445,
-                                                                "label": "Kathmandu (1:45 PM)",
+                                                                "label": "Kathmandu (3:45 PM)",
                                                                 "value": "Asia/Kathmandu",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Chihuahua (2:00 AM)",
+                                                                "label": "Chihuahua (4:00 AM)",
                                                                 "value": "America/Chihuahua",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Mazatlan (2:00 AM)",
+                                                                "label": "Mazatlan (4:00 AM)",
                                                                 "value": "America/Mazatlan",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Saskatchewan (2:00 AM)",
+                                                                "label": "Saskatchewan (4:00 AM)",
                                                                 "value": "America/Regina",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Central America (2:00 AM)",
+                                                                "label": "Central America (4:00 AM)",
                                                                 "value": "America/Guatemala",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Astana (2:00 PM)",
+                                                                "label": "Astana (4:00 PM)",
                                                                 "value": "Asia/Dhaka",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Dhaka (2:00 PM)",
+                                                                "label": "Dhaka (4:00 PM)",
                                                                 "value": "Asia/Dhaka",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Almaty (2:00 PM)",
+                                                                "label": "Almaty (4:00 PM)",
                                                                 "value": "Asia/Almaty",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Urumqi (2:00 PM)",
+                                                                "label": "Urumqi (4:00 PM)",
                                                                 "value": "Asia/Urumqi",
                                                               },
                                                               Object {
                                                                 "index": 490,
-                                                                "label": "Rangoon (2:30 PM)",
+                                                                "label": "Rangoon (4:30 PM)",
                                                                 "value": "Asia/Rangoon",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Tijuana (1:00 AM)",
+                                                                "label": "Tijuana (3:00 AM)",
                                                                 "value": "America/Tijuana",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Novosibirsk (3:00 PM)",
+                                                                "label": "Novosibirsk (5:00 PM)",
                                                                 "value": "Asia/Novosibirsk",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Bangkok (3:00 PM)",
+                                                                "label": "Bangkok (5:00 PM)",
                                                                 "value": "Asia/Bangkok",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Hanoi (3:00 PM)",
+                                                                "label": "Hanoi (5:00 PM)",
                                                                 "value": "Asia/Bangkok",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Jakarta (3:00 PM)",
+                                                                "label": "Jakarta (5:00 PM)",
                                                                 "value": "Asia/Jakarta",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Krasnoyarsk (3:00 PM)",
+                                                                "label": "Krasnoyarsk (5:00 PM)",
                                                                 "value": "Asia/Krasnoyarsk",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Beijing (4:00 PM)",
+                                                                "label": "Beijing (6:00 PM)",
                                                                 "value": "Asia/Shanghai",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Chongqing (4:00 PM)",
+                                                                "label": "Chongqing (6:00 PM)",
                                                                 "value": "Asia/Chongqing",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Hong Kong (4:00 PM)",
+                                                                "label": "Hong Kong (6:00 PM)",
                                                                 "value": "Asia/Hong_Kong",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Kuala Lumpur (4:00 PM)",
+                                                                "label": "Kuala Lumpur (6:00 PM)",
                                                                 "value": "Asia/Kuala_Lumpur",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Singapore (4:00 PM)",
+                                                                "label": "Singapore (6:00 PM)",
                                                                 "value": "Asia/Singapore",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Taipei (4:00 PM)",
+                                                                "label": "Taipei (6:00 PM)",
                                                                 "value": "Asia/Taipei",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Perth (4:00 PM)",
+                                                                "label": "Perth (6:00 PM)",
                                                                 "value": "Australia/Perth",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Irkutsk (4:00 PM)",
+                                                                "label": "Irkutsk (6:00 PM)",
                                                                 "value": "Asia/Irkutsk",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Ulaanbaatar (4:00 PM)",
+                                                                "label": "Ulaanbaatar (6:00 PM)",
                                                                 "value": "Asia/Ulaanbaatar",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Seoul (5:00 PM)",
+                                                                "label": "Seoul (7:00 PM)",
                                                                 "value": "Asia/Seoul",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Osaka (5:00 PM)",
+                                                                "label": "Osaka (7:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Sapporo (5:00 PM)",
+                                                                "label": "Sapporo (7:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Tokyo (5:00 PM)",
+                                                                "label": "Tokyo (7:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Yakutsk (5:00 PM)",
+                                                                "label": "Yakutsk (7:00 PM)",
                                                                 "value": "Asia/Yakutsk",
                                                               },
                                                               Object {
                                                                 "index": 670,
-                                                                "label": "Darwin (5:30 PM)",
+                                                                "label": "Darwin (7:30 PM)",
                                                                 "value": "Australia/Darwin",
                                                               },
                                                               Object {
                                                                 "index": 670,
-                                                                "label": "Adelaide (5:30 PM)",
+                                                                "label": "Adelaide (7:30 PM)",
                                                                 "value": "Australia/Adelaide",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Canberra (6:00 PM)",
+                                                                "label": "Canberra (8:00 PM)",
                                                                 "value": "Australia/Melbourne",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Melbourne (6:00 PM)",
+                                                                "label": "Melbourne (8:00 PM)",
                                                                 "value": "Australia/Melbourne",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Sydney (6:00 PM)",
+                                                                "label": "Sydney (8:00 PM)",
                                                                 "value": "Australia/Sydney",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Brisbane (6:00 PM)",
+                                                                "label": "Brisbane (8:00 PM)",
                                                                 "value": "Australia/Brisbane",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Hobart (6:00 PM)",
+                                                                "label": "Hobart (8:00 PM)",
                                                                 "value": "Australia/Hobart",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Vladivostok (6:00 PM)",
+                                                                "label": "Vladivostok (8:00 PM)",
                                                                 "value": "Asia/Vladivostok",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Guam (6:00 PM)",
+                                                                "label": "Guam (8:00 PM)",
                                                                 "value": "Pacific/Guam",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Port Moresby (6:00 PM)",
+                                                                "label": "Port Moresby (8:00 PM)",
                                                                 "value": "Pacific/Port_Moresby",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Midway Island (9:00 PM)",
+                                                                "label": "Midway Island (11:00 PM)",
                                                                 "value": "Pacific/Midway",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "American Samoa (9:00 PM)",
+                                                                "label": "American Samoa (11:00 PM)",
                                                                 "value": "Pacific/Pago_Pago",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Magadan (7:00 PM)",
+                                                                "label": "Magadan (9:00 PM)",
                                                                 "value": "Asia/Magadan",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Srednekolymsk (7:00 PM)",
+                                                                "label": "Srednekolymsk (9:00 PM)",
                                                                 "value": "Asia/Srednekolymsk",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Solomon Is. (7:00 PM)",
+                                                                "label": "Solomon Is. (9:00 PM)",
                                                                 "value": "Pacific/Guadalcanal",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "New Caledonia (7:00 PM)",
+                                                                "label": "New Caledonia (9:00 PM)",
                                                                 "value": "Pacific/Noumea",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "International Date Line West (8:00 PM)",
+                                                                "label": "International Date Line West (10:00 PM)",
                                                                 "value": "Etc/GMT+12",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Fiji (8:00 PM)",
+                                                                "label": "Fiji (10:00 PM)",
                                                                 "value": "Pacific/Fiji",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Kamchatka (8:00 PM)",
+                                                                "label": "Kamchatka (10:00 PM)",
                                                                 "value": "Asia/Kamchatka",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Marshall Is. (8:00 PM)",
+                                                                "label": "Marshall Is. (10:00 PM)",
                                                                 "value": "Pacific/Majuro",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Auckland (8:00 PM)",
+                                                                "label": "Auckland (10:00 PM)",
                                                                 "value": "Pacific/Auckland",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Wellington (8:00 PM)",
+                                                                "label": "Wellington (10:00 PM)",
                                                                 "value": "Pacific/Auckland",
                                                               },
                                                               Object {
                                                                 "index": 865,
-                                                                "label": "Chatham Is. (8:45 PM)",
+                                                                "label": "Chatham Is. (10:45 PM)",
                                                                 "value": "Pacific/Chatham",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Nuku'alofa (9:00 PM)",
+                                                                "label": "Nuku'alofa (11:00 PM)",
                                                                 "value": "Pacific/Tongatapu",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Tokelau Is. (9:00 PM)",
+                                                                "label": "Tokelau Is. (11:00 PM)",
                                                                 "value": "Pacific/Fakaofo",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Samoa (9:00 PM)",
+                                                                "label": "Samoa (11:00 PM)",
                                                                 "value": "Pacific/Apia",
                                                               },
                                                             ]
@@ -261286,762 +262278,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                                 },
                                                                 Object {
                                                                   "index": -3,
-                                                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                                   "value": "America/New_York",
                                                                 },
                                                                 Object {
                                                                   "index": -2,
-                                                                  "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                  "label": "Central Time (US & Canada) (5:00 AM)",
                                                                   "value": "America/Chicago",
                                                                 },
                                                                 Object {
                                                                   "index": -1,
-                                                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                                   "value": "America/Denver",
                                                                 },
                                                                 Object {
                                                                   "index": -0,
-                                                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                                   "value": "America/Los_Angeles",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Indiana (East) (4:00 AM)",
+                                                                  "label": "Indiana (East) (6:00 AM)",
                                                                   "value": "America/Indiana/Indianapolis",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Puerto Rico (4:00 AM)",
+                                                                  "label": "Puerto Rico (6:00 AM)",
                                                                   "value": "America/Puerto_Rico",
                                                                 },
                                                                 Object {
                                                                   "index": 4.2,
-                                                                  "label": "Arizona (1:00 AM)",
+                                                                  "label": "Arizona (3:00 AM)",
                                                                   "value": "America/Phoenix",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Alaska (12:00 AM)",
+                                                                  "label": "Alaska (2:00 AM)",
                                                                   "value": "America/Juneau",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Philippine Standard Time (4:00 PM)",
+                                                                  "label": "Philippine Standard Time (6:00 PM)",
                                                                   "value": "Asia/Manila",
                                                                 },
                                                                 Object {
                                                                   "index": 6,
-                                                                  "label": "Hawaii (10:00 PM)",
+                                                                  "label": "Hawaii (12:00 AM)",
                                                                   "value": "Pacific/Honolulu",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Azores (8:00 AM)",
+                                                                  "label": "Azores (10:00 AM)",
                                                                   "value": "Atlantic/Azores",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Monrovia (8:00 AM)",
+                                                                  "label": "Monrovia (10:00 AM)",
                                                                   "value": "Africa/Monrovia",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "UTC (8:00 AM)",
+                                                                  "label": "UTC (10:00 AM)",
                                                                   "value": "Etc/UTC",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Cape Verde Is. (7:00 AM)",
+                                                                  "label": "Cape Verde Is. (9:00 AM)",
                                                                   "value": "Atlantic/Cape_Verde",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Dublin (9:00 AM)",
+                                                                  "label": "Dublin (11:00 AM)",
                                                                   "value": "Europe/Dublin",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Edinburgh (9:00 AM)",
+                                                                  "label": "Edinburgh (11:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Lisbon (9:00 AM)",
+                                                                  "label": "Lisbon (11:00 AM)",
                                                                   "value": "Europe/Lisbon",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "London (9:00 AM)",
+                                                                  "label": "London (11:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Casablanca (9:00 AM)",
+                                                                  "label": "Casablanca (11:00 AM)",
                                                                   "value": "Africa/Casablanca",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "West Central Africa (9:00 AM)",
+                                                                  "label": "West Central Africa (11:00 AM)",
                                                                   "value": "Africa/Algiers",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Greenland (6:00 AM)",
+                                                                  "label": "Greenland (8:00 AM)",
                                                                   "value": "America/Godthab",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Mid-Atlantic (6:00 AM)",
+                                                                  "label": "Mid-Atlantic (8:00 AM)",
                                                                   "value": "Atlantic/South_Georgia",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Belgrade (10:00 AM)",
+                                                                  "label": "Belgrade (12:00 PM)",
                                                                   "value": "Europe/Belgrade",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bratislava (10:00 AM)",
+                                                                  "label": "Bratislava (12:00 PM)",
                                                                   "value": "Europe/Bratislava",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Budapest (10:00 AM)",
+                                                                  "label": "Budapest (12:00 PM)",
                                                                   "value": "Europe/Budapest",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Ljubljana (10:00 AM)",
+                                                                  "label": "Ljubljana (12:00 PM)",
                                                                   "value": "Europe/Ljubljana",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Prague (10:00 AM)",
+                                                                  "label": "Prague (12:00 PM)",
                                                                   "value": "Europe/Prague",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Sarajevo (10:00 AM)",
+                                                                  "label": "Sarajevo (12:00 PM)",
                                                                   "value": "Europe/Sarajevo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Skopje (10:00 AM)",
+                                                                  "label": "Skopje (12:00 PM)",
                                                                   "value": "Europe/Skopje",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Warsaw (10:00 AM)",
+                                                                  "label": "Warsaw (12:00 PM)",
                                                                   "value": "Europe/Warsaw",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zagreb (10:00 AM)",
+                                                                  "label": "Zagreb (12:00 PM)",
                                                                   "value": "Europe/Zagreb",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Brussels (10:00 AM)",
+                                                                  "label": "Brussels (12:00 PM)",
                                                                   "value": "Europe/Brussels",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Copenhagen (10:00 AM)",
+                                                                  "label": "Copenhagen (12:00 PM)",
                                                                   "value": "Europe/Copenhagen",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Madrid (10:00 AM)",
+                                                                  "label": "Madrid (12:00 PM)",
                                                                   "value": "Europe/Madrid",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Paris (10:00 AM)",
+                                                                  "label": "Paris (12:00 PM)",
                                                                   "value": "Europe/Paris",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Amsterdam (10:00 AM)",
+                                                                  "label": "Amsterdam (12:00 PM)",
                                                                   "value": "Europe/Amsterdam",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Berlin (10:00 AM)",
+                                                                  "label": "Berlin (12:00 PM)",
                                                                   "value": "Europe/Berlin",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bern (10:00 AM)",
+                                                                  "label": "Bern (12:00 PM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zurich (10:00 AM)",
+                                                                  "label": "Zurich (12:00 PM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Rome (10:00 AM)",
+                                                                  "label": "Rome (12:00 PM)",
                                                                   "value": "Europe/Rome",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Stockholm (10:00 AM)",
+                                                                  "label": "Stockholm (12:00 PM)",
                                                                   "value": "Europe/Stockholm",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Vienna (10:00 AM)",
+                                                                  "label": "Vienna (12:00 PM)",
                                                                   "value": "Europe/Vienna",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Cairo (10:00 AM)",
+                                                                  "label": "Cairo (12:00 PM)",
                                                                   "value": "Africa/Cairo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Harare (10:00 AM)",
+                                                                  "label": "Harare (12:00 PM)",
                                                                   "value": "Africa/Harare",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Pretoria (10:00 AM)",
+                                                                  "label": "Pretoria (12:00 PM)",
                                                                   "value": "Africa/Johannesburg",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Kaliningrad (10:00 AM)",
+                                                                  "label": "Kaliningrad (12:00 PM)",
                                                                   "value": "Europe/Kaliningrad",
                                                                 },
                                                                 Object {
                                                                   "index": 250,
-                                                                  "label": "Newfoundland (5:30 AM)",
+                                                                  "label": "Newfoundland (7:30 AM)",
                                                                   "value": "America/St_Johns",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                  "label": "Atlantic Time (Canada) (7:00 AM)",
                                                                   "value": "America/Halifax",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Brasilia (5:00 AM)",
+                                                                  "label": "Brasilia (7:00 AM)",
                                                                   "value": "America/Sao_Paulo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Buenos Aires (5:00 AM)",
+                                                                  "label": "Buenos Aires (7:00 AM)",
                                                                   "value": "America/Argentina/Buenos_Aires",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Montevideo (5:00 AM)",
+                                                                  "label": "Montevideo (7:00 AM)",
                                                                   "value": "America/Montevideo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Bucharest (11:00 AM)",
+                                                                  "label": "Bucharest (1:00 PM)",
                                                                   "value": "Europe/Bucharest",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Helsinki (11:00 AM)",
+                                                                  "label": "Helsinki (1:00 PM)",
                                                                   "value": "Europe/Helsinki",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kyiv (11:00 AM)",
+                                                                  "label": "Kyiv (1:00 PM)",
                                                                   "value": "Europe/Kiev",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riga (11:00 AM)",
+                                                                  "label": "Riga (1:00 PM)",
                                                                   "value": "Europe/Riga",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Sofia (11:00 AM)",
+                                                                  "label": "Sofia (1:00 PM)",
                                                                   "value": "Europe/Sofia",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Tallinn (11:00 AM)",
+                                                                  "label": "Tallinn (1:00 PM)",
                                                                   "value": "Europe/Tallinn",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Vilnius (11:00 AM)",
+                                                                  "label": "Vilnius (1:00 PM)",
                                                                   "value": "Europe/Vilnius",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Athens (11:00 AM)",
+                                                                  "label": "Athens (1:00 PM)",
                                                                   "value": "Europe/Athens",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Istanbul (11:00 AM)",
+                                                                  "label": "Istanbul (1:00 PM)",
                                                                   "value": "Europe/Istanbul",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Minsk (11:00 AM)",
+                                                                  "label": "Minsk (1:00 PM)",
                                                                   "value": "Europe/Minsk",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Jerusalem (11:00 AM)",
+                                                                  "label": "Jerusalem (1:00 PM)",
                                                                   "value": "Asia/Jerusalem",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Moscow (11:00 AM)",
+                                                                  "label": "Moscow (1:00 PM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "St. Petersburg (11:00 AM)",
+                                                                  "label": "St. Petersburg (1:00 PM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kuwait (11:00 AM)",
+                                                                  "label": "Kuwait (1:00 PM)",
                                                                   "value": "Asia/Kuwait",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riyadh (11:00 AM)",
+                                                                  "label": "Riyadh (1:00 PM)",
                                                                   "value": "Asia/Riyadh",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Nairobi (11:00 AM)",
+                                                                  "label": "Nairobi (1:00 PM)",
                                                                   "value": "Africa/Nairobi",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Baghdad (11:00 AM)",
+                                                                  "label": "Baghdad (1:00 PM)",
                                                                   "value": "Asia/Baghdad",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Caracas (4:00 AM)",
+                                                                  "label": "Caracas (6:00 AM)",
                                                                   "value": "America/Caracas",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "La Paz (4:00 AM)",
+                                                                  "label": "La Paz (6:00 AM)",
                                                                   "value": "America/La_Paz",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Santiago (4:00 AM)",
+                                                                  "label": "Santiago (6:00 AM)",
                                                                   "value": "America/Santiago",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Georgetown (4:00 AM)",
+                                                                  "label": "Georgetown (6:00 AM)",
                                                                   "value": "America/Guyana",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Volgograd (12:00 PM)",
+                                                                  "label": "Volgograd (2:00 PM)",
                                                                   "value": "Europe/Volgograd",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Samara (12:00 PM)",
+                                                                  "label": "Samara (2:00 PM)",
                                                                   "value": "Europe/Samara",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Abu Dhabi (12:00 PM)",
+                                                                  "label": "Abu Dhabi (2:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Muscat (12:00 PM)",
+                                                                  "label": "Muscat (2:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Baku (12:00 PM)",
+                                                                  "label": "Baku (2:00 PM)",
                                                                   "value": "Asia/Baku",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Tbilisi (12:00 PM)",
+                                                                  "label": "Tbilisi (2:00 PM)",
                                                                   "value": "Asia/Tbilisi",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Yerevan (12:00 PM)",
+                                                                  "label": "Yerevan (2:00 PM)",
                                                                   "value": "Asia/Yerevan",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Tehran (12:30 PM)",
+                                                                  "label": "Tehran (2:30 PM)",
                                                                   "value": "Asia/Tehran",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Kabul (12:30 PM)",
+                                                                  "label": "Kabul (2:30 PM)",
                                                                   "value": "Asia/Kabul",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Guadalajara (3:00 AM)",
+                                                                  "label": "Guadalajara (5:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Mexico City (3:00 AM)",
+                                                                  "label": "Mexico City (5:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Monterrey (3:00 AM)",
+                                                                  "label": "Monterrey (5:00 AM)",
                                                                   "value": "America/Monterrey",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Bogota (3:00 AM)",
+                                                                  "label": "Bogota (5:00 AM)",
                                                                   "value": "America/Bogota",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Lima (3:00 AM)",
+                                                                  "label": "Lima (5:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Quito (3:00 AM)",
+                                                                  "label": "Quito (5:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Ekaterinburg (1:00 PM)",
+                                                                  "label": "Ekaterinburg (3:00 PM)",
                                                                   "value": "Asia/Yekaterinburg",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Islamabad (1:00 PM)",
+                                                                  "label": "Islamabad (3:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Karachi (1:00 PM)",
+                                                                  "label": "Karachi (3:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Tashkent (1:00 PM)",
+                                                                  "label": "Tashkent (3:00 PM)",
                                                                   "value": "Asia/Tashkent",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Chennai (1:30 PM)",
+                                                                  "label": "Chennai (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Kolkata (1:30 PM)",
+                                                                  "label": "Kolkata (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Mumbai (1:30 PM)",
+                                                                  "label": "Mumbai (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "New Delhi (1:30 PM)",
+                                                                  "label": "New Delhi (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                  "label": "Sri Jayawardenepura (3:30 PM)",
                                                                   "value": "Asia/Colombo",
                                                                 },
                                                                 Object {
                                                                   "index": 445,
-                                                                  "label": "Kathmandu (1:45 PM)",
+                                                                  "label": "Kathmandu (3:45 PM)",
                                                                   "value": "Asia/Kathmandu",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Chihuahua (2:00 AM)",
+                                                                  "label": "Chihuahua (4:00 AM)",
                                                                   "value": "America/Chihuahua",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Mazatlan (2:00 AM)",
+                                                                  "label": "Mazatlan (4:00 AM)",
                                                                   "value": "America/Mazatlan",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Saskatchewan (2:00 AM)",
+                                                                  "label": "Saskatchewan (4:00 AM)",
                                                                   "value": "America/Regina",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Central America (2:00 AM)",
+                                                                  "label": "Central America (4:00 AM)",
                                                                   "value": "America/Guatemala",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Astana (2:00 PM)",
+                                                                  "label": "Astana (4:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Dhaka (2:00 PM)",
+                                                                  "label": "Dhaka (4:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Almaty (2:00 PM)",
+                                                                  "label": "Almaty (4:00 PM)",
                                                                   "value": "Asia/Almaty",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Urumqi (2:00 PM)",
+                                                                  "label": "Urumqi (4:00 PM)",
                                                                   "value": "Asia/Urumqi",
                                                                 },
                                                                 Object {
                                                                   "index": 490,
-                                                                  "label": "Rangoon (2:30 PM)",
+                                                                  "label": "Rangoon (4:30 PM)",
                                                                   "value": "Asia/Rangoon",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Tijuana (1:00 AM)",
+                                                                  "label": "Tijuana (3:00 AM)",
                                                                   "value": "America/Tijuana",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Novosibirsk (3:00 PM)",
+                                                                  "label": "Novosibirsk (5:00 PM)",
                                                                   "value": "Asia/Novosibirsk",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Bangkok (3:00 PM)",
+                                                                  "label": "Bangkok (5:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Hanoi (3:00 PM)",
+                                                                  "label": "Hanoi (5:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Jakarta (3:00 PM)",
+                                                                  "label": "Jakarta (5:00 PM)",
                                                                   "value": "Asia/Jakarta",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Krasnoyarsk (3:00 PM)",
+                                                                  "label": "Krasnoyarsk (5:00 PM)",
                                                                   "value": "Asia/Krasnoyarsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Beijing (4:00 PM)",
+                                                                  "label": "Beijing (6:00 PM)",
                                                                   "value": "Asia/Shanghai",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Chongqing (4:00 PM)",
+                                                                  "label": "Chongqing (6:00 PM)",
                                                                   "value": "Asia/Chongqing",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Hong Kong (4:00 PM)",
+                                                                  "label": "Hong Kong (6:00 PM)",
                                                                   "value": "Asia/Hong_Kong",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Kuala Lumpur (4:00 PM)",
+                                                                  "label": "Kuala Lumpur (6:00 PM)",
                                                                   "value": "Asia/Kuala_Lumpur",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Singapore (4:00 PM)",
+                                                                  "label": "Singapore (6:00 PM)",
                                                                   "value": "Asia/Singapore",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Taipei (4:00 PM)",
+                                                                  "label": "Taipei (6:00 PM)",
                                                                   "value": "Asia/Taipei",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Perth (4:00 PM)",
+                                                                  "label": "Perth (6:00 PM)",
                                                                   "value": "Australia/Perth",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Irkutsk (4:00 PM)",
+                                                                  "label": "Irkutsk (6:00 PM)",
                                                                   "value": "Asia/Irkutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Ulaanbaatar (4:00 PM)",
+                                                                  "label": "Ulaanbaatar (6:00 PM)",
                                                                   "value": "Asia/Ulaanbaatar",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Seoul (5:00 PM)",
+                                                                  "label": "Seoul (7:00 PM)",
                                                                   "value": "Asia/Seoul",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Osaka (5:00 PM)",
+                                                                  "label": "Osaka (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Sapporo (5:00 PM)",
+                                                                  "label": "Sapporo (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Tokyo (5:00 PM)",
+                                                                  "label": "Tokyo (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Yakutsk (5:00 PM)",
+                                                                  "label": "Yakutsk (7:00 PM)",
                                                                   "value": "Asia/Yakutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Darwin (5:30 PM)",
+                                                                  "label": "Darwin (7:30 PM)",
                                                                   "value": "Australia/Darwin",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Adelaide (5:30 PM)",
+                                                                  "label": "Adelaide (7:30 PM)",
                                                                   "value": "Australia/Adelaide",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Canberra (6:00 PM)",
+                                                                  "label": "Canberra (8:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Melbourne (6:00 PM)",
+                                                                  "label": "Melbourne (8:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Sydney (6:00 PM)",
+                                                                  "label": "Sydney (8:00 PM)",
                                                                   "value": "Australia/Sydney",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Brisbane (6:00 PM)",
+                                                                  "label": "Brisbane (8:00 PM)",
                                                                   "value": "Australia/Brisbane",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Hobart (6:00 PM)",
+                                                                  "label": "Hobart (8:00 PM)",
                                                                   "value": "Australia/Hobart",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Vladivostok (6:00 PM)",
+                                                                  "label": "Vladivostok (8:00 PM)",
                                                                   "value": "Asia/Vladivostok",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Guam (6:00 PM)",
+                                                                  "label": "Guam (8:00 PM)",
                                                                   "value": "Pacific/Guam",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Port Moresby (6:00 PM)",
+                                                                  "label": "Port Moresby (8:00 PM)",
                                                                   "value": "Pacific/Port_Moresby",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Midway Island (9:00 PM)",
+                                                                  "label": "Midway Island (11:00 PM)",
                                                                   "value": "Pacific/Midway",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "American Samoa (9:00 PM)",
+                                                                  "label": "American Samoa (11:00 PM)",
                                                                   "value": "Pacific/Pago_Pago",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Magadan (7:00 PM)",
+                                                                  "label": "Magadan (9:00 PM)",
                                                                   "value": "Asia/Magadan",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Srednekolymsk (7:00 PM)",
+                                                                  "label": "Srednekolymsk (9:00 PM)",
                                                                   "value": "Asia/Srednekolymsk",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Solomon Is. (7:00 PM)",
+                                                                  "label": "Solomon Is. (9:00 PM)",
                                                                   "value": "Pacific/Guadalcanal",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "New Caledonia (7:00 PM)",
+                                                                  "label": "New Caledonia (9:00 PM)",
                                                                   "value": "Pacific/Noumea",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "International Date Line West (8:00 PM)",
+                                                                  "label": "International Date Line West (10:00 PM)",
                                                                   "value": "Etc/GMT+12",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Fiji (8:00 PM)",
+                                                                  "label": "Fiji (10:00 PM)",
                                                                   "value": "Pacific/Fiji",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Kamchatka (8:00 PM)",
+                                                                  "label": "Kamchatka (10:00 PM)",
                                                                   "value": "Asia/Kamchatka",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Marshall Is. (8:00 PM)",
+                                                                  "label": "Marshall Is. (10:00 PM)",
                                                                   "value": "Pacific/Majuro",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Auckland (8:00 PM)",
+                                                                  "label": "Auckland (10:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Wellington (8:00 PM)",
+                                                                  "label": "Wellington (10:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 865,
-                                                                  "label": "Chatham Is. (8:45 PM)",
+                                                                  "label": "Chatham Is. (10:45 PM)",
                                                                   "value": "Pacific/Chatham",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Nuku'alofa (9:00 PM)",
+                                                                  "label": "Nuku'alofa (11:00 PM)",
                                                                   "value": "Pacific/Tongatapu",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Tokelau Is. (9:00 PM)",
+                                                                  "label": "Tokelau Is. (11:00 PM)",
                                                                   "value": "Pacific/Fakaofo",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Samoa (9:00 PM)",
+                                                                  "label": "Samoa (11:00 PM)",
                                                                   "value": "Pacific/Apia",
                                                                 },
                                                               ],
@@ -262055,7 +263047,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                               },
                                                               "tabIndex": "0",
                                                               "tabSelectsValue": true,
-                                                              "value": null,
+                                                              "value": Object {
+                                                                "index": -0,
+                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                                "value": "America/Los_Angeles",
+                                                              },
                                                             }
                                                           }
                                                           setValue={[Function]}
@@ -262090,29 +263086,33 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                           }
                                                         >
                                                           <EmotionCssPropInternal
-                                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Placeholder"
+                                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SingleValue"
                                                             __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                            className="cf-select__placeholder"
+                                                            className="cf-select__single-value"
                                                             css={
                                                               Object {
                                                                 "boxSizing": "border-box",
-                                                                "color": "hsl(0, 0%, 50%)",
-                                                                "label": "placeholder",
+                                                                "color": "hsl(0, 0%, 20%)",
+                                                                "label": "singleValue",
                                                                 "marginLeft": 2,
                                                                 "marginRight": 2,
+                                                                "maxWidth": "calc(100% - 8px)",
+                                                                "overflow": "hidden",
                                                                 "position": "absolute",
+                                                                "textOverflow": "ellipsis",
                                                                 "top": "50%",
                                                                 "transform": "translateY(-50%)",
+                                                                "whiteSpace": "nowrap",
                                                               }
                                                             }
                                                           >
                                                             <div
-                                                              className="cf-select__placeholder css-1wa3eu0-placeholder"
+                                                              className="cf-select__single-value css-1uccc91-singleValue"
                                                             >
-                                                              Select a timezone
+                                                              Pacific Time (US & Canada) (3:00 AM)
                                                             </div>
                                                           </EmotionCssPropInternal>
-                                                        </Placeholder>
+                                                        </SingleValue>
                                                         <CustomInput
                                                           aria-autocomplete="list"
                                                           autoCapitalize="none"
@@ -262182,762 +263182,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                                 },
                                                                 Object {
                                                                   "index": -3,
-                                                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                                   "value": "America/New_York",
                                                                 },
                                                                 Object {
                                                                   "index": -2,
-                                                                  "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                  "label": "Central Time (US & Canada) (5:00 AM)",
                                                                   "value": "America/Chicago",
                                                                 },
                                                                 Object {
                                                                   "index": -1,
-                                                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                                   "value": "America/Denver",
                                                                 },
                                                                 Object {
                                                                   "index": -0,
-                                                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                                   "value": "America/Los_Angeles",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Indiana (East) (4:00 AM)",
+                                                                  "label": "Indiana (East) (6:00 AM)",
                                                                   "value": "America/Indiana/Indianapolis",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Puerto Rico (4:00 AM)",
+                                                                  "label": "Puerto Rico (6:00 AM)",
                                                                   "value": "America/Puerto_Rico",
                                                                 },
                                                                 Object {
                                                                   "index": 4.2,
-                                                                  "label": "Arizona (1:00 AM)",
+                                                                  "label": "Arizona (3:00 AM)",
                                                                   "value": "America/Phoenix",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Alaska (12:00 AM)",
+                                                                  "label": "Alaska (2:00 AM)",
                                                                   "value": "America/Juneau",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Philippine Standard Time (4:00 PM)",
+                                                                  "label": "Philippine Standard Time (6:00 PM)",
                                                                   "value": "Asia/Manila",
                                                                 },
                                                                 Object {
                                                                   "index": 6,
-                                                                  "label": "Hawaii (10:00 PM)",
+                                                                  "label": "Hawaii (12:00 AM)",
                                                                   "value": "Pacific/Honolulu",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Azores (8:00 AM)",
+                                                                  "label": "Azores (10:00 AM)",
                                                                   "value": "Atlantic/Azores",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Monrovia (8:00 AM)",
+                                                                  "label": "Monrovia (10:00 AM)",
                                                                   "value": "Africa/Monrovia",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "UTC (8:00 AM)",
+                                                                  "label": "UTC (10:00 AM)",
                                                                   "value": "Etc/UTC",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Cape Verde Is. (7:00 AM)",
+                                                                  "label": "Cape Verde Is. (9:00 AM)",
                                                                   "value": "Atlantic/Cape_Verde",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Dublin (9:00 AM)",
+                                                                  "label": "Dublin (11:00 AM)",
                                                                   "value": "Europe/Dublin",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Edinburgh (9:00 AM)",
+                                                                  "label": "Edinburgh (11:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Lisbon (9:00 AM)",
+                                                                  "label": "Lisbon (11:00 AM)",
                                                                   "value": "Europe/Lisbon",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "London (9:00 AM)",
+                                                                  "label": "London (11:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Casablanca (9:00 AM)",
+                                                                  "label": "Casablanca (11:00 AM)",
                                                                   "value": "Africa/Casablanca",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "West Central Africa (9:00 AM)",
+                                                                  "label": "West Central Africa (11:00 AM)",
                                                                   "value": "Africa/Algiers",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Greenland (6:00 AM)",
+                                                                  "label": "Greenland (8:00 AM)",
                                                                   "value": "America/Godthab",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Mid-Atlantic (6:00 AM)",
+                                                                  "label": "Mid-Atlantic (8:00 AM)",
                                                                   "value": "Atlantic/South_Georgia",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Belgrade (10:00 AM)",
+                                                                  "label": "Belgrade (12:00 PM)",
                                                                   "value": "Europe/Belgrade",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bratislava (10:00 AM)",
+                                                                  "label": "Bratislava (12:00 PM)",
                                                                   "value": "Europe/Bratislava",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Budapest (10:00 AM)",
+                                                                  "label": "Budapest (12:00 PM)",
                                                                   "value": "Europe/Budapest",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Ljubljana (10:00 AM)",
+                                                                  "label": "Ljubljana (12:00 PM)",
                                                                   "value": "Europe/Ljubljana",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Prague (10:00 AM)",
+                                                                  "label": "Prague (12:00 PM)",
                                                                   "value": "Europe/Prague",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Sarajevo (10:00 AM)",
+                                                                  "label": "Sarajevo (12:00 PM)",
                                                                   "value": "Europe/Sarajevo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Skopje (10:00 AM)",
+                                                                  "label": "Skopje (12:00 PM)",
                                                                   "value": "Europe/Skopje",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Warsaw (10:00 AM)",
+                                                                  "label": "Warsaw (12:00 PM)",
                                                                   "value": "Europe/Warsaw",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zagreb (10:00 AM)",
+                                                                  "label": "Zagreb (12:00 PM)",
                                                                   "value": "Europe/Zagreb",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Brussels (10:00 AM)",
+                                                                  "label": "Brussels (12:00 PM)",
                                                                   "value": "Europe/Brussels",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Copenhagen (10:00 AM)",
+                                                                  "label": "Copenhagen (12:00 PM)",
                                                                   "value": "Europe/Copenhagen",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Madrid (10:00 AM)",
+                                                                  "label": "Madrid (12:00 PM)",
                                                                   "value": "Europe/Madrid",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Paris (10:00 AM)",
+                                                                  "label": "Paris (12:00 PM)",
                                                                   "value": "Europe/Paris",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Amsterdam (10:00 AM)",
+                                                                  "label": "Amsterdam (12:00 PM)",
                                                                   "value": "Europe/Amsterdam",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Berlin (10:00 AM)",
+                                                                  "label": "Berlin (12:00 PM)",
                                                                   "value": "Europe/Berlin",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bern (10:00 AM)",
+                                                                  "label": "Bern (12:00 PM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zurich (10:00 AM)",
+                                                                  "label": "Zurich (12:00 PM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Rome (10:00 AM)",
+                                                                  "label": "Rome (12:00 PM)",
                                                                   "value": "Europe/Rome",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Stockholm (10:00 AM)",
+                                                                  "label": "Stockholm (12:00 PM)",
                                                                   "value": "Europe/Stockholm",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Vienna (10:00 AM)",
+                                                                  "label": "Vienna (12:00 PM)",
                                                                   "value": "Europe/Vienna",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Cairo (10:00 AM)",
+                                                                  "label": "Cairo (12:00 PM)",
                                                                   "value": "Africa/Cairo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Harare (10:00 AM)",
+                                                                  "label": "Harare (12:00 PM)",
                                                                   "value": "Africa/Harare",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Pretoria (10:00 AM)",
+                                                                  "label": "Pretoria (12:00 PM)",
                                                                   "value": "Africa/Johannesburg",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Kaliningrad (10:00 AM)",
+                                                                  "label": "Kaliningrad (12:00 PM)",
                                                                   "value": "Europe/Kaliningrad",
                                                                 },
                                                                 Object {
                                                                   "index": 250,
-                                                                  "label": "Newfoundland (5:30 AM)",
+                                                                  "label": "Newfoundland (7:30 AM)",
                                                                   "value": "America/St_Johns",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                  "label": "Atlantic Time (Canada) (7:00 AM)",
                                                                   "value": "America/Halifax",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Brasilia (5:00 AM)",
+                                                                  "label": "Brasilia (7:00 AM)",
                                                                   "value": "America/Sao_Paulo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Buenos Aires (5:00 AM)",
+                                                                  "label": "Buenos Aires (7:00 AM)",
                                                                   "value": "America/Argentina/Buenos_Aires",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Montevideo (5:00 AM)",
+                                                                  "label": "Montevideo (7:00 AM)",
                                                                   "value": "America/Montevideo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Bucharest (11:00 AM)",
+                                                                  "label": "Bucharest (1:00 PM)",
                                                                   "value": "Europe/Bucharest",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Helsinki (11:00 AM)",
+                                                                  "label": "Helsinki (1:00 PM)",
                                                                   "value": "Europe/Helsinki",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kyiv (11:00 AM)",
+                                                                  "label": "Kyiv (1:00 PM)",
                                                                   "value": "Europe/Kiev",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riga (11:00 AM)",
+                                                                  "label": "Riga (1:00 PM)",
                                                                   "value": "Europe/Riga",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Sofia (11:00 AM)",
+                                                                  "label": "Sofia (1:00 PM)",
                                                                   "value": "Europe/Sofia",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Tallinn (11:00 AM)",
+                                                                  "label": "Tallinn (1:00 PM)",
                                                                   "value": "Europe/Tallinn",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Vilnius (11:00 AM)",
+                                                                  "label": "Vilnius (1:00 PM)",
                                                                   "value": "Europe/Vilnius",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Athens (11:00 AM)",
+                                                                  "label": "Athens (1:00 PM)",
                                                                   "value": "Europe/Athens",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Istanbul (11:00 AM)",
+                                                                  "label": "Istanbul (1:00 PM)",
                                                                   "value": "Europe/Istanbul",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Minsk (11:00 AM)",
+                                                                  "label": "Minsk (1:00 PM)",
                                                                   "value": "Europe/Minsk",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Jerusalem (11:00 AM)",
+                                                                  "label": "Jerusalem (1:00 PM)",
                                                                   "value": "Asia/Jerusalem",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Moscow (11:00 AM)",
+                                                                  "label": "Moscow (1:00 PM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "St. Petersburg (11:00 AM)",
+                                                                  "label": "St. Petersburg (1:00 PM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kuwait (11:00 AM)",
+                                                                  "label": "Kuwait (1:00 PM)",
                                                                   "value": "Asia/Kuwait",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riyadh (11:00 AM)",
+                                                                  "label": "Riyadh (1:00 PM)",
                                                                   "value": "Asia/Riyadh",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Nairobi (11:00 AM)",
+                                                                  "label": "Nairobi (1:00 PM)",
                                                                   "value": "Africa/Nairobi",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Baghdad (11:00 AM)",
+                                                                  "label": "Baghdad (1:00 PM)",
                                                                   "value": "Asia/Baghdad",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Caracas (4:00 AM)",
+                                                                  "label": "Caracas (6:00 AM)",
                                                                   "value": "America/Caracas",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "La Paz (4:00 AM)",
+                                                                  "label": "La Paz (6:00 AM)",
                                                                   "value": "America/La_Paz",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Santiago (4:00 AM)",
+                                                                  "label": "Santiago (6:00 AM)",
                                                                   "value": "America/Santiago",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Georgetown (4:00 AM)",
+                                                                  "label": "Georgetown (6:00 AM)",
                                                                   "value": "America/Guyana",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Volgograd (12:00 PM)",
+                                                                  "label": "Volgograd (2:00 PM)",
                                                                   "value": "Europe/Volgograd",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Samara (12:00 PM)",
+                                                                  "label": "Samara (2:00 PM)",
                                                                   "value": "Europe/Samara",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Abu Dhabi (12:00 PM)",
+                                                                  "label": "Abu Dhabi (2:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Muscat (12:00 PM)",
+                                                                  "label": "Muscat (2:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Baku (12:00 PM)",
+                                                                  "label": "Baku (2:00 PM)",
                                                                   "value": "Asia/Baku",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Tbilisi (12:00 PM)",
+                                                                  "label": "Tbilisi (2:00 PM)",
                                                                   "value": "Asia/Tbilisi",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Yerevan (12:00 PM)",
+                                                                  "label": "Yerevan (2:00 PM)",
                                                                   "value": "Asia/Yerevan",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Tehran (12:30 PM)",
+                                                                  "label": "Tehran (2:30 PM)",
                                                                   "value": "Asia/Tehran",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Kabul (12:30 PM)",
+                                                                  "label": "Kabul (2:30 PM)",
                                                                   "value": "Asia/Kabul",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Guadalajara (3:00 AM)",
+                                                                  "label": "Guadalajara (5:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Mexico City (3:00 AM)",
+                                                                  "label": "Mexico City (5:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Monterrey (3:00 AM)",
+                                                                  "label": "Monterrey (5:00 AM)",
                                                                   "value": "America/Monterrey",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Bogota (3:00 AM)",
+                                                                  "label": "Bogota (5:00 AM)",
                                                                   "value": "America/Bogota",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Lima (3:00 AM)",
+                                                                  "label": "Lima (5:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Quito (3:00 AM)",
+                                                                  "label": "Quito (5:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Ekaterinburg (1:00 PM)",
+                                                                  "label": "Ekaterinburg (3:00 PM)",
                                                                   "value": "Asia/Yekaterinburg",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Islamabad (1:00 PM)",
+                                                                  "label": "Islamabad (3:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Karachi (1:00 PM)",
+                                                                  "label": "Karachi (3:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Tashkent (1:00 PM)",
+                                                                  "label": "Tashkent (3:00 PM)",
                                                                   "value": "Asia/Tashkent",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Chennai (1:30 PM)",
+                                                                  "label": "Chennai (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Kolkata (1:30 PM)",
+                                                                  "label": "Kolkata (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Mumbai (1:30 PM)",
+                                                                  "label": "Mumbai (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "New Delhi (1:30 PM)",
+                                                                  "label": "New Delhi (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                  "label": "Sri Jayawardenepura (3:30 PM)",
                                                                   "value": "Asia/Colombo",
                                                                 },
                                                                 Object {
                                                                   "index": 445,
-                                                                  "label": "Kathmandu (1:45 PM)",
+                                                                  "label": "Kathmandu (3:45 PM)",
                                                                   "value": "Asia/Kathmandu",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Chihuahua (2:00 AM)",
+                                                                  "label": "Chihuahua (4:00 AM)",
                                                                   "value": "America/Chihuahua",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Mazatlan (2:00 AM)",
+                                                                  "label": "Mazatlan (4:00 AM)",
                                                                   "value": "America/Mazatlan",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Saskatchewan (2:00 AM)",
+                                                                  "label": "Saskatchewan (4:00 AM)",
                                                                   "value": "America/Regina",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Central America (2:00 AM)",
+                                                                  "label": "Central America (4:00 AM)",
                                                                   "value": "America/Guatemala",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Astana (2:00 PM)",
+                                                                  "label": "Astana (4:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Dhaka (2:00 PM)",
+                                                                  "label": "Dhaka (4:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Almaty (2:00 PM)",
+                                                                  "label": "Almaty (4:00 PM)",
                                                                   "value": "Asia/Almaty",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Urumqi (2:00 PM)",
+                                                                  "label": "Urumqi (4:00 PM)",
                                                                   "value": "Asia/Urumqi",
                                                                 },
                                                                 Object {
                                                                   "index": 490,
-                                                                  "label": "Rangoon (2:30 PM)",
+                                                                  "label": "Rangoon (4:30 PM)",
                                                                   "value": "Asia/Rangoon",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Tijuana (1:00 AM)",
+                                                                  "label": "Tijuana (3:00 AM)",
                                                                   "value": "America/Tijuana",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Novosibirsk (3:00 PM)",
+                                                                  "label": "Novosibirsk (5:00 PM)",
                                                                   "value": "Asia/Novosibirsk",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Bangkok (3:00 PM)",
+                                                                  "label": "Bangkok (5:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Hanoi (3:00 PM)",
+                                                                  "label": "Hanoi (5:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Jakarta (3:00 PM)",
+                                                                  "label": "Jakarta (5:00 PM)",
                                                                   "value": "Asia/Jakarta",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Krasnoyarsk (3:00 PM)",
+                                                                  "label": "Krasnoyarsk (5:00 PM)",
                                                                   "value": "Asia/Krasnoyarsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Beijing (4:00 PM)",
+                                                                  "label": "Beijing (6:00 PM)",
                                                                   "value": "Asia/Shanghai",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Chongqing (4:00 PM)",
+                                                                  "label": "Chongqing (6:00 PM)",
                                                                   "value": "Asia/Chongqing",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Hong Kong (4:00 PM)",
+                                                                  "label": "Hong Kong (6:00 PM)",
                                                                   "value": "Asia/Hong_Kong",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Kuala Lumpur (4:00 PM)",
+                                                                  "label": "Kuala Lumpur (6:00 PM)",
                                                                   "value": "Asia/Kuala_Lumpur",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Singapore (4:00 PM)",
+                                                                  "label": "Singapore (6:00 PM)",
                                                                   "value": "Asia/Singapore",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Taipei (4:00 PM)",
+                                                                  "label": "Taipei (6:00 PM)",
                                                                   "value": "Asia/Taipei",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Perth (4:00 PM)",
+                                                                  "label": "Perth (6:00 PM)",
                                                                   "value": "Australia/Perth",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Irkutsk (4:00 PM)",
+                                                                  "label": "Irkutsk (6:00 PM)",
                                                                   "value": "Asia/Irkutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Ulaanbaatar (4:00 PM)",
+                                                                  "label": "Ulaanbaatar (6:00 PM)",
                                                                   "value": "Asia/Ulaanbaatar",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Seoul (5:00 PM)",
+                                                                  "label": "Seoul (7:00 PM)",
                                                                   "value": "Asia/Seoul",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Osaka (5:00 PM)",
+                                                                  "label": "Osaka (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Sapporo (5:00 PM)",
+                                                                  "label": "Sapporo (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Tokyo (5:00 PM)",
+                                                                  "label": "Tokyo (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Yakutsk (5:00 PM)",
+                                                                  "label": "Yakutsk (7:00 PM)",
                                                                   "value": "Asia/Yakutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Darwin (5:30 PM)",
+                                                                  "label": "Darwin (7:30 PM)",
                                                                   "value": "Australia/Darwin",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Adelaide (5:30 PM)",
+                                                                  "label": "Adelaide (7:30 PM)",
                                                                   "value": "Australia/Adelaide",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Canberra (6:00 PM)",
+                                                                  "label": "Canberra (8:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Melbourne (6:00 PM)",
+                                                                  "label": "Melbourne (8:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Sydney (6:00 PM)",
+                                                                  "label": "Sydney (8:00 PM)",
                                                                   "value": "Australia/Sydney",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Brisbane (6:00 PM)",
+                                                                  "label": "Brisbane (8:00 PM)",
                                                                   "value": "Australia/Brisbane",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Hobart (6:00 PM)",
+                                                                  "label": "Hobart (8:00 PM)",
                                                                   "value": "Australia/Hobart",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Vladivostok (6:00 PM)",
+                                                                  "label": "Vladivostok (8:00 PM)",
                                                                   "value": "Asia/Vladivostok",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Guam (6:00 PM)",
+                                                                  "label": "Guam (8:00 PM)",
                                                                   "value": "Pacific/Guam",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Port Moresby (6:00 PM)",
+                                                                  "label": "Port Moresby (8:00 PM)",
                                                                   "value": "Pacific/Port_Moresby",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Midway Island (9:00 PM)",
+                                                                  "label": "Midway Island (11:00 PM)",
                                                                   "value": "Pacific/Midway",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "American Samoa (9:00 PM)",
+                                                                  "label": "American Samoa (11:00 PM)",
                                                                   "value": "Pacific/Pago_Pago",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Magadan (7:00 PM)",
+                                                                  "label": "Magadan (9:00 PM)",
                                                                   "value": "Asia/Magadan",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Srednekolymsk (7:00 PM)",
+                                                                  "label": "Srednekolymsk (9:00 PM)",
                                                                   "value": "Asia/Srednekolymsk",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Solomon Is. (7:00 PM)",
+                                                                  "label": "Solomon Is. (9:00 PM)",
                                                                   "value": "Pacific/Guadalcanal",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "New Caledonia (7:00 PM)",
+                                                                  "label": "New Caledonia (9:00 PM)",
                                                                   "value": "Pacific/Noumea",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "International Date Line West (8:00 PM)",
+                                                                  "label": "International Date Line West (10:00 PM)",
                                                                   "value": "Etc/GMT+12",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Fiji (8:00 PM)",
+                                                                  "label": "Fiji (10:00 PM)",
                                                                   "value": "Pacific/Fiji",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Kamchatka (8:00 PM)",
+                                                                  "label": "Kamchatka (10:00 PM)",
                                                                   "value": "Asia/Kamchatka",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Marshall Is. (8:00 PM)",
+                                                                  "label": "Marshall Is. (10:00 PM)",
                                                                   "value": "Pacific/Majuro",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Auckland (8:00 PM)",
+                                                                  "label": "Auckland (10:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Wellington (8:00 PM)",
+                                                                  "label": "Wellington (10:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 865,
-                                                                  "label": "Chatham Is. (8:45 PM)",
+                                                                  "label": "Chatham Is. (10:45 PM)",
                                                                   "value": "Pacific/Chatham",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Nuku'alofa (9:00 PM)",
+                                                                  "label": "Nuku'alofa (11:00 PM)",
                                                                   "value": "Pacific/Tongatapu",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Tokelau Is. (9:00 PM)",
+                                                                  "label": "Tokelau Is. (11:00 PM)",
                                                                   "value": "Pacific/Fakaofo",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Samoa (9:00 PM)",
+                                                                  "label": "Samoa (11:00 PM)",
                                                                   "value": "Pacific/Apia",
                                                                 },
                                                               ],
@@ -262951,7 +263951,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                               },
                                                               "tabIndex": "0",
                                                               "tabSelectsValue": true,
-                                                              "value": null,
+                                                              "value": Object {
+                                                                "index": -0,
+                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                                "value": "America/Los_Angeles",
+                                                              },
                                                             }
                                                           }
                                                           spellCheck="false"
@@ -263062,762 +264066,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                                   },
                                                                   Object {
                                                                     "index": -3,
-                                                                    "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                    "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                                     "value": "America/New_York",
                                                                   },
                                                                   Object {
                                                                     "index": -2,
-                                                                    "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                    "label": "Central Time (US & Canada) (5:00 AM)",
                                                                     "value": "America/Chicago",
                                                                   },
                                                                   Object {
                                                                     "index": -1,
-                                                                    "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                    "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                                     "value": "America/Denver",
                                                                   },
                                                                   Object {
                                                                     "index": -0,
-                                                                    "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                    "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                                     "value": "America/Los_Angeles",
                                                                   },
                                                                   Object {
                                                                     "index": 2.4,
-                                                                    "label": "Indiana (East) (4:00 AM)",
+                                                                    "label": "Indiana (East) (6:00 AM)",
                                                                     "value": "America/Indiana/Indianapolis",
                                                                   },
                                                                   Object {
                                                                     "index": 2.4,
-                                                                    "label": "Puerto Rico (4:00 AM)",
+                                                                    "label": "Puerto Rico (6:00 AM)",
                                                                     "value": "America/Puerto_Rico",
                                                                   },
                                                                   Object {
                                                                     "index": 4.2,
-                                                                    "label": "Arizona (1:00 AM)",
+                                                                    "label": "Arizona (3:00 AM)",
                                                                     "value": "America/Phoenix",
                                                                   },
                                                                   Object {
                                                                     "index": 4.8,
-                                                                    "label": "Alaska (12:00 AM)",
+                                                                    "label": "Alaska (2:00 AM)",
                                                                     "value": "America/Juneau",
                                                                   },
                                                                   Object {
                                                                     "index": 4.8,
-                                                                    "label": "Philippine Standard Time (4:00 PM)",
+                                                                    "label": "Philippine Standard Time (6:00 PM)",
                                                                     "value": "Asia/Manila",
                                                                   },
                                                                   Object {
                                                                     "index": 6,
-                                                                    "label": "Hawaii (10:00 PM)",
+                                                                    "label": "Hawaii (12:00 AM)",
                                                                     "value": "Pacific/Honolulu",
                                                                   },
                                                                   Object {
                                                                     "index": 100,
-                                                                    "label": "Azores (8:00 AM)",
+                                                                    "label": "Azores (10:00 AM)",
                                                                     "value": "Atlantic/Azores",
                                                                   },
                                                                   Object {
                                                                     "index": 100,
-                                                                    "label": "Monrovia (8:00 AM)",
+                                                                    "label": "Monrovia (10:00 AM)",
                                                                     "value": "Africa/Monrovia",
                                                                   },
                                                                   Object {
                                                                     "index": 100,
-                                                                    "label": "UTC (8:00 AM)",
+                                                                    "label": "UTC (10:00 AM)",
                                                                     "value": "Etc/UTC",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "Cape Verde Is. (7:00 AM)",
+                                                                    "label": "Cape Verde Is. (9:00 AM)",
                                                                     "value": "Atlantic/Cape_Verde",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "Dublin (9:00 AM)",
+                                                                    "label": "Dublin (11:00 AM)",
                                                                     "value": "Europe/Dublin",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "Edinburgh (9:00 AM)",
+                                                                    "label": "Edinburgh (11:00 AM)",
                                                                     "value": "Europe/London",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "Lisbon (9:00 AM)",
+                                                                    "label": "Lisbon (11:00 AM)",
                                                                     "value": "Europe/Lisbon",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "London (9:00 AM)",
+                                                                    "label": "London (11:00 AM)",
                                                                     "value": "Europe/London",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "Casablanca (9:00 AM)",
+                                                                    "label": "Casablanca (11:00 AM)",
                                                                     "value": "Africa/Casablanca",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "West Central Africa (9:00 AM)",
+                                                                    "label": "West Central Africa (11:00 AM)",
                                                                     "value": "Africa/Algiers",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Greenland (6:00 AM)",
+                                                                    "label": "Greenland (8:00 AM)",
                                                                     "value": "America/Godthab",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Mid-Atlantic (6:00 AM)",
+                                                                    "label": "Mid-Atlantic (8:00 AM)",
                                                                     "value": "Atlantic/South_Georgia",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Belgrade (10:00 AM)",
+                                                                    "label": "Belgrade (12:00 PM)",
                                                                     "value": "Europe/Belgrade",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Bratislava (10:00 AM)",
+                                                                    "label": "Bratislava (12:00 PM)",
                                                                     "value": "Europe/Bratislava",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Budapest (10:00 AM)",
+                                                                    "label": "Budapest (12:00 PM)",
                                                                     "value": "Europe/Budapest",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Ljubljana (10:00 AM)",
+                                                                    "label": "Ljubljana (12:00 PM)",
                                                                     "value": "Europe/Ljubljana",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Prague (10:00 AM)",
+                                                                    "label": "Prague (12:00 PM)",
                                                                     "value": "Europe/Prague",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Sarajevo (10:00 AM)",
+                                                                    "label": "Sarajevo (12:00 PM)",
                                                                     "value": "Europe/Sarajevo",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Skopje (10:00 AM)",
+                                                                    "label": "Skopje (12:00 PM)",
                                                                     "value": "Europe/Skopje",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Warsaw (10:00 AM)",
+                                                                    "label": "Warsaw (12:00 PM)",
                                                                     "value": "Europe/Warsaw",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Zagreb (10:00 AM)",
+                                                                    "label": "Zagreb (12:00 PM)",
                                                                     "value": "Europe/Zagreb",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Brussels (10:00 AM)",
+                                                                    "label": "Brussels (12:00 PM)",
                                                                     "value": "Europe/Brussels",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Copenhagen (10:00 AM)",
+                                                                    "label": "Copenhagen (12:00 PM)",
                                                                     "value": "Europe/Copenhagen",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Madrid (10:00 AM)",
+                                                                    "label": "Madrid (12:00 PM)",
                                                                     "value": "Europe/Madrid",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Paris (10:00 AM)",
+                                                                    "label": "Paris (12:00 PM)",
                                                                     "value": "Europe/Paris",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Amsterdam (10:00 AM)",
+                                                                    "label": "Amsterdam (12:00 PM)",
                                                                     "value": "Europe/Amsterdam",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Berlin (10:00 AM)",
+                                                                    "label": "Berlin (12:00 PM)",
                                                                     "value": "Europe/Berlin",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Bern (10:00 AM)",
+                                                                    "label": "Bern (12:00 PM)",
                                                                     "value": "Europe/Zurich",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Zurich (10:00 AM)",
+                                                                    "label": "Zurich (12:00 PM)",
                                                                     "value": "Europe/Zurich",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Rome (10:00 AM)",
+                                                                    "label": "Rome (12:00 PM)",
                                                                     "value": "Europe/Rome",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Stockholm (10:00 AM)",
+                                                                    "label": "Stockholm (12:00 PM)",
                                                                     "value": "Europe/Stockholm",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Vienna (10:00 AM)",
+                                                                    "label": "Vienna (12:00 PM)",
                                                                     "value": "Europe/Vienna",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Cairo (10:00 AM)",
+                                                                    "label": "Cairo (12:00 PM)",
                                                                     "value": "Africa/Cairo",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Harare (10:00 AM)",
+                                                                    "label": "Harare (12:00 PM)",
                                                                     "value": "Africa/Harare",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Pretoria (10:00 AM)",
+                                                                    "label": "Pretoria (12:00 PM)",
                                                                     "value": "Africa/Johannesburg",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Kaliningrad (10:00 AM)",
+                                                                    "label": "Kaliningrad (12:00 PM)",
                                                                     "value": "Europe/Kaliningrad",
                                                                   },
                                                                   Object {
                                                                     "index": 250,
-                                                                    "label": "Newfoundland (5:30 AM)",
+                                                                    "label": "Newfoundland (7:30 AM)",
                                                                     "value": "America/St_Johns",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                    "label": "Atlantic Time (Canada) (7:00 AM)",
                                                                     "value": "America/Halifax",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Brasilia (5:00 AM)",
+                                                                    "label": "Brasilia (7:00 AM)",
                                                                     "value": "America/Sao_Paulo",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Buenos Aires (5:00 AM)",
+                                                                    "label": "Buenos Aires (7:00 AM)",
                                                                     "value": "America/Argentina/Buenos_Aires",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Montevideo (5:00 AM)",
+                                                                    "label": "Montevideo (7:00 AM)",
                                                                     "value": "America/Montevideo",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Bucharest (11:00 AM)",
+                                                                    "label": "Bucharest (1:00 PM)",
                                                                     "value": "Europe/Bucharest",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Helsinki (11:00 AM)",
+                                                                    "label": "Helsinki (1:00 PM)",
                                                                     "value": "Europe/Helsinki",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Kyiv (11:00 AM)",
+                                                                    "label": "Kyiv (1:00 PM)",
                                                                     "value": "Europe/Kiev",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Riga (11:00 AM)",
+                                                                    "label": "Riga (1:00 PM)",
                                                                     "value": "Europe/Riga",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Sofia (11:00 AM)",
+                                                                    "label": "Sofia (1:00 PM)",
                                                                     "value": "Europe/Sofia",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Tallinn (11:00 AM)",
+                                                                    "label": "Tallinn (1:00 PM)",
                                                                     "value": "Europe/Tallinn",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Vilnius (11:00 AM)",
+                                                                    "label": "Vilnius (1:00 PM)",
                                                                     "value": "Europe/Vilnius",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Athens (11:00 AM)",
+                                                                    "label": "Athens (1:00 PM)",
                                                                     "value": "Europe/Athens",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Istanbul (11:00 AM)",
+                                                                    "label": "Istanbul (1:00 PM)",
                                                                     "value": "Europe/Istanbul",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Minsk (11:00 AM)",
+                                                                    "label": "Minsk (1:00 PM)",
                                                                     "value": "Europe/Minsk",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Jerusalem (11:00 AM)",
+                                                                    "label": "Jerusalem (1:00 PM)",
                                                                     "value": "Asia/Jerusalem",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Moscow (11:00 AM)",
+                                                                    "label": "Moscow (1:00 PM)",
                                                                     "value": "Europe/Moscow",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "St. Petersburg (11:00 AM)",
+                                                                    "label": "St. Petersburg (1:00 PM)",
                                                                     "value": "Europe/Moscow",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Kuwait (11:00 AM)",
+                                                                    "label": "Kuwait (1:00 PM)",
                                                                     "value": "Asia/Kuwait",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Riyadh (11:00 AM)",
+                                                                    "label": "Riyadh (1:00 PM)",
                                                                     "value": "Asia/Riyadh",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Nairobi (11:00 AM)",
+                                                                    "label": "Nairobi (1:00 PM)",
                                                                     "value": "Africa/Nairobi",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Baghdad (11:00 AM)",
+                                                                    "label": "Baghdad (1:00 PM)",
                                                                     "value": "Asia/Baghdad",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Caracas (4:00 AM)",
+                                                                    "label": "Caracas (6:00 AM)",
                                                                     "value": "America/Caracas",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "La Paz (4:00 AM)",
+                                                                    "label": "La Paz (6:00 AM)",
                                                                     "value": "America/La_Paz",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Santiago (4:00 AM)",
+                                                                    "label": "Santiago (6:00 AM)",
                                                                     "value": "America/Santiago",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Georgetown (4:00 AM)",
+                                                                    "label": "Georgetown (6:00 AM)",
                                                                     "value": "America/Guyana",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Volgograd (12:00 PM)",
+                                                                    "label": "Volgograd (2:00 PM)",
                                                                     "value": "Europe/Volgograd",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Samara (12:00 PM)",
+                                                                    "label": "Samara (2:00 PM)",
                                                                     "value": "Europe/Samara",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Abu Dhabi (12:00 PM)",
+                                                                    "label": "Abu Dhabi (2:00 PM)",
                                                                     "value": "Asia/Muscat",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Muscat (12:00 PM)",
+                                                                    "label": "Muscat (2:00 PM)",
                                                                     "value": "Asia/Muscat",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Baku (12:00 PM)",
+                                                                    "label": "Baku (2:00 PM)",
                                                                     "value": "Asia/Baku",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Tbilisi (12:00 PM)",
+                                                                    "label": "Tbilisi (2:00 PM)",
                                                                     "value": "Asia/Tbilisi",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Yerevan (12:00 PM)",
+                                                                    "label": "Yerevan (2:00 PM)",
                                                                     "value": "Asia/Yerevan",
                                                                   },
                                                                   Object {
                                                                     "index": 370,
-                                                                    "label": "Tehran (12:30 PM)",
+                                                                    "label": "Tehran (2:30 PM)",
                                                                     "value": "Asia/Tehran",
                                                                   },
                                                                   Object {
                                                                     "index": 370,
-                                                                    "label": "Kabul (12:30 PM)",
+                                                                    "label": "Kabul (2:30 PM)",
                                                                     "value": "Asia/Kabul",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Guadalajara (3:00 AM)",
+                                                                    "label": "Guadalajara (5:00 AM)",
                                                                     "value": "America/Mexico_City",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Mexico City (3:00 AM)",
+                                                                    "label": "Mexico City (5:00 AM)",
                                                                     "value": "America/Mexico_City",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Monterrey (3:00 AM)",
+                                                                    "label": "Monterrey (5:00 AM)",
                                                                     "value": "America/Monterrey",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Bogota (3:00 AM)",
+                                                                    "label": "Bogota (5:00 AM)",
                                                                     "value": "America/Bogota",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Lima (3:00 AM)",
+                                                                    "label": "Lima (5:00 AM)",
                                                                     "value": "America/Lima",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Quito (3:00 AM)",
+                                                                    "label": "Quito (5:00 AM)",
                                                                     "value": "America/Lima",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Ekaterinburg (1:00 PM)",
+                                                                    "label": "Ekaterinburg (3:00 PM)",
                                                                     "value": "Asia/Yekaterinburg",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Islamabad (1:00 PM)",
+                                                                    "label": "Islamabad (3:00 PM)",
                                                                     "value": "Asia/Karachi",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Karachi (1:00 PM)",
+                                                                    "label": "Karachi (3:00 PM)",
                                                                     "value": "Asia/Karachi",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Tashkent (1:00 PM)",
+                                                                    "label": "Tashkent (3:00 PM)",
                                                                     "value": "Asia/Tashkent",
                                                                   },
                                                                   Object {
                                                                     "index": 430,
-                                                                    "label": "Chennai (1:30 PM)",
+                                                                    "label": "Chennai (3:30 PM)",
                                                                     "value": "Asia/Kolkata",
                                                                   },
                                                                   Object {
                                                                     "index": 430,
-                                                                    "label": "Kolkata (1:30 PM)",
+                                                                    "label": "Kolkata (3:30 PM)",
                                                                     "value": "Asia/Kolkata",
                                                                   },
                                                                   Object {
                                                                     "index": 430,
-                                                                    "label": "Mumbai (1:30 PM)",
+                                                                    "label": "Mumbai (3:30 PM)",
                                                                     "value": "Asia/Kolkata",
                                                                   },
                                                                   Object {
                                                                     "index": 430,
-                                                                    "label": "New Delhi (1:30 PM)",
+                                                                    "label": "New Delhi (3:30 PM)",
                                                                     "value": "Asia/Kolkata",
                                                                   },
                                                                   Object {
                                                                     "index": 430,
-                                                                    "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                    "label": "Sri Jayawardenepura (3:30 PM)",
                                                                     "value": "Asia/Colombo",
                                                                   },
                                                                   Object {
                                                                     "index": 445,
-                                                                    "label": "Kathmandu (1:45 PM)",
+                                                                    "label": "Kathmandu (3:45 PM)",
                                                                     "value": "Asia/Kathmandu",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Chihuahua (2:00 AM)",
+                                                                    "label": "Chihuahua (4:00 AM)",
                                                                     "value": "America/Chihuahua",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Mazatlan (2:00 AM)",
+                                                                    "label": "Mazatlan (4:00 AM)",
                                                                     "value": "America/Mazatlan",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Saskatchewan (2:00 AM)",
+                                                                    "label": "Saskatchewan (4:00 AM)",
                                                                     "value": "America/Regina",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Central America (2:00 AM)",
+                                                                    "label": "Central America (4:00 AM)",
                                                                     "value": "America/Guatemala",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Astana (2:00 PM)",
+                                                                    "label": "Astana (4:00 PM)",
                                                                     "value": "Asia/Dhaka",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Dhaka (2:00 PM)",
+                                                                    "label": "Dhaka (4:00 PM)",
                                                                     "value": "Asia/Dhaka",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Almaty (2:00 PM)",
+                                                                    "label": "Almaty (4:00 PM)",
                                                                     "value": "Asia/Almaty",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Urumqi (2:00 PM)",
+                                                                    "label": "Urumqi (4:00 PM)",
                                                                     "value": "Asia/Urumqi",
                                                                   },
                                                                   Object {
                                                                     "index": 490,
-                                                                    "label": "Rangoon (2:30 PM)",
+                                                                    "label": "Rangoon (4:30 PM)",
                                                                     "value": "Asia/Rangoon",
                                                                   },
                                                                   Object {
                                                                     "index": 520,
-                                                                    "label": "Tijuana (1:00 AM)",
+                                                                    "label": "Tijuana (3:00 AM)",
                                                                     "value": "America/Tijuana",
                                                                   },
                                                                   Object {
                                                                     "index": 520,
-                                                                    "label": "Novosibirsk (3:00 PM)",
+                                                                    "label": "Novosibirsk (5:00 PM)",
                                                                     "value": "Asia/Novosibirsk",
                                                                   },
                                                                   Object {
                                                                     "index": 520,
-                                                                    "label": "Bangkok (3:00 PM)",
+                                                                    "label": "Bangkok (5:00 PM)",
                                                                     "value": "Asia/Bangkok",
                                                                   },
                                                                   Object {
                                                                     "index": 520,
-                                                                    "label": "Hanoi (3:00 PM)",
+                                                                    "label": "Hanoi (5:00 PM)",
                                                                     "value": "Asia/Bangkok",
                                                                   },
                                                                   Object {
                                                                     "index": 520,
-                                                                    "label": "Jakarta (3:00 PM)",
+                                                                    "label": "Jakarta (5:00 PM)",
                                                                     "value": "Asia/Jakarta",
                                                                   },
                                                                   Object {
                                                                     "index": 520,
-                                                                    "label": "Krasnoyarsk (3:00 PM)",
+                                                                    "label": "Krasnoyarsk (5:00 PM)",
                                                                     "value": "Asia/Krasnoyarsk",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Beijing (4:00 PM)",
+                                                                    "label": "Beijing (6:00 PM)",
                                                                     "value": "Asia/Shanghai",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Chongqing (4:00 PM)",
+                                                                    "label": "Chongqing (6:00 PM)",
                                                                     "value": "Asia/Chongqing",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Hong Kong (4:00 PM)",
+                                                                    "label": "Hong Kong (6:00 PM)",
                                                                     "value": "Asia/Hong_Kong",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Kuala Lumpur (4:00 PM)",
+                                                                    "label": "Kuala Lumpur (6:00 PM)",
                                                                     "value": "Asia/Kuala_Lumpur",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Singapore (4:00 PM)",
+                                                                    "label": "Singapore (6:00 PM)",
                                                                     "value": "Asia/Singapore",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Taipei (4:00 PM)",
+                                                                    "label": "Taipei (6:00 PM)",
                                                                     "value": "Asia/Taipei",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Perth (4:00 PM)",
+                                                                    "label": "Perth (6:00 PM)",
                                                                     "value": "Australia/Perth",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Irkutsk (4:00 PM)",
+                                                                    "label": "Irkutsk (6:00 PM)",
                                                                     "value": "Asia/Irkutsk",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Ulaanbaatar (4:00 PM)",
+                                                                    "label": "Ulaanbaatar (6:00 PM)",
                                                                     "value": "Asia/Ulaanbaatar",
                                                                   },
                                                                   Object {
                                                                     "index": 640,
-                                                                    "label": "Seoul (5:00 PM)",
+                                                                    "label": "Seoul (7:00 PM)",
                                                                     "value": "Asia/Seoul",
                                                                   },
                                                                   Object {
                                                                     "index": 640,
-                                                                    "label": "Osaka (5:00 PM)",
+                                                                    "label": "Osaka (7:00 PM)",
                                                                     "value": "Asia/Tokyo",
                                                                   },
                                                                   Object {
                                                                     "index": 640,
-                                                                    "label": "Sapporo (5:00 PM)",
+                                                                    "label": "Sapporo (7:00 PM)",
                                                                     "value": "Asia/Tokyo",
                                                                   },
                                                                   Object {
                                                                     "index": 640,
-                                                                    "label": "Tokyo (5:00 PM)",
+                                                                    "label": "Tokyo (7:00 PM)",
                                                                     "value": "Asia/Tokyo",
                                                                   },
                                                                   Object {
                                                                     "index": 640,
-                                                                    "label": "Yakutsk (5:00 PM)",
+                                                                    "label": "Yakutsk (7:00 PM)",
                                                                     "value": "Asia/Yakutsk",
                                                                   },
                                                                   Object {
                                                                     "index": 670,
-                                                                    "label": "Darwin (5:30 PM)",
+                                                                    "label": "Darwin (7:30 PM)",
                                                                     "value": "Australia/Darwin",
                                                                   },
                                                                   Object {
                                                                     "index": 670,
-                                                                    "label": "Adelaide (5:30 PM)",
+                                                                    "label": "Adelaide (7:30 PM)",
                                                                     "value": "Australia/Adelaide",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Canberra (6:00 PM)",
+                                                                    "label": "Canberra (8:00 PM)",
                                                                     "value": "Australia/Melbourne",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Melbourne (6:00 PM)",
+                                                                    "label": "Melbourne (8:00 PM)",
                                                                     "value": "Australia/Melbourne",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Sydney (6:00 PM)",
+                                                                    "label": "Sydney (8:00 PM)",
                                                                     "value": "Australia/Sydney",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Brisbane (6:00 PM)",
+                                                                    "label": "Brisbane (8:00 PM)",
                                                                     "value": "Australia/Brisbane",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Hobart (6:00 PM)",
+                                                                    "label": "Hobart (8:00 PM)",
                                                                     "value": "Australia/Hobart",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Vladivostok (6:00 PM)",
+                                                                    "label": "Vladivostok (8:00 PM)",
                                                                     "value": "Asia/Vladivostok",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Guam (6:00 PM)",
+                                                                    "label": "Guam (8:00 PM)",
                                                                     "value": "Pacific/Guam",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Port Moresby (6:00 PM)",
+                                                                    "label": "Port Moresby (8:00 PM)",
                                                                     "value": "Pacific/Port_Moresby",
                                                                   },
                                                                   Object {
                                                                     "index": 760,
-                                                                    "label": "Midway Island (9:00 PM)",
+                                                                    "label": "Midway Island (11:00 PM)",
                                                                     "value": "Pacific/Midway",
                                                                   },
                                                                   Object {
                                                                     "index": 760,
-                                                                    "label": "American Samoa (9:00 PM)",
+                                                                    "label": "American Samoa (11:00 PM)",
                                                                     "value": "Pacific/Pago_Pago",
                                                                   },
                                                                   Object {
                                                                     "index": 760,
-                                                                    "label": "Magadan (7:00 PM)",
+                                                                    "label": "Magadan (9:00 PM)",
                                                                     "value": "Asia/Magadan",
                                                                   },
                                                                   Object {
                                                                     "index": 760,
-                                                                    "label": "Srednekolymsk (7:00 PM)",
+                                                                    "label": "Srednekolymsk (9:00 PM)",
                                                                     "value": "Asia/Srednekolymsk",
                                                                   },
                                                                   Object {
                                                                     "index": 760,
-                                                                    "label": "Solomon Is. (7:00 PM)",
+                                                                    "label": "Solomon Is. (9:00 PM)",
                                                                     "value": "Pacific/Guadalcanal",
                                                                   },
                                                                   Object {
                                                                     "index": 760,
-                                                                    "label": "New Caledonia (7:00 PM)",
+                                                                    "label": "New Caledonia (9:00 PM)",
                                                                     "value": "Pacific/Noumea",
                                                                   },
                                                                   Object {
                                                                     "index": 820,
-                                                                    "label": "International Date Line West (8:00 PM)",
+                                                                    "label": "International Date Line West (10:00 PM)",
                                                                     "value": "Etc/GMT+12",
                                                                   },
                                                                   Object {
                                                                     "index": 820,
-                                                                    "label": "Fiji (8:00 PM)",
+                                                                    "label": "Fiji (10:00 PM)",
                                                                     "value": "Pacific/Fiji",
                                                                   },
                                                                   Object {
                                                                     "index": 820,
-                                                                    "label": "Kamchatka (8:00 PM)",
+                                                                    "label": "Kamchatka (10:00 PM)",
                                                                     "value": "Asia/Kamchatka",
                                                                   },
                                                                   Object {
                                                                     "index": 820,
-                                                                    "label": "Marshall Is. (8:00 PM)",
+                                                                    "label": "Marshall Is. (10:00 PM)",
                                                                     "value": "Pacific/Majuro",
                                                                   },
                                                                   Object {
                                                                     "index": 820,
-                                                                    "label": "Auckland (8:00 PM)",
+                                                                    "label": "Auckland (10:00 PM)",
                                                                     "value": "Pacific/Auckland",
                                                                   },
                                                                   Object {
                                                                     "index": 820,
-                                                                    "label": "Wellington (8:00 PM)",
+                                                                    "label": "Wellington (10:00 PM)",
                                                                     "value": "Pacific/Auckland",
                                                                   },
                                                                   Object {
                                                                     "index": 865,
-                                                                    "label": "Chatham Is. (8:45 PM)",
+                                                                    "label": "Chatham Is. (10:45 PM)",
                                                                     "value": "Pacific/Chatham",
                                                                   },
                                                                   Object {
                                                                     "index": 880,
-                                                                    "label": "Nuku'alofa (9:00 PM)",
+                                                                    "label": "Nuku'alofa (11:00 PM)",
                                                                     "value": "Pacific/Tongatapu",
                                                                   },
                                                                   Object {
                                                                     "index": 880,
-                                                                    "label": "Tokelau Is. (9:00 PM)",
+                                                                    "label": "Tokelau Is. (11:00 PM)",
                                                                     "value": "Pacific/Fakaofo",
                                                                   },
                                                                   Object {
                                                                     "index": 880,
-                                                                    "label": "Samoa (9:00 PM)",
+                                                                    "label": "Samoa (11:00 PM)",
                                                                     "value": "Pacific/Apia",
                                                                   },
                                                                 ],
@@ -263831,7 +264835,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                                 },
                                                                 "tabIndex": "0",
                                                                 "tabSelectsValue": true,
-                                                                "value": null,
+                                                                "value": Object {
+                                                                  "index": -0,
+                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                                  "value": "America/Los_Angeles",
+                                                                },
                                                               }
                                                             }
                                                             spellCheck="false"
@@ -263985,7 +264993,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                     cx={[Function]}
                                                     getStyles={[Function]}
                                                     getValue={[Function]}
-                                                    hasValue={false}
+                                                    hasValue={true}
                                                     isDisabled={false}
                                                     isMulti={false}
                                                     isRtl={false}
@@ -263997,762 +265005,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                         },
                                                         Object {
                                                           "index": -3,
-                                                          "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                          "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                           "value": "America/New_York",
                                                         },
                                                         Object {
                                                           "index": -2,
-                                                          "label": "Central Time (US & Canada) (3:00 AM)",
+                                                          "label": "Central Time (US & Canada) (5:00 AM)",
                                                           "value": "America/Chicago",
                                                         },
                                                         Object {
                                                           "index": -1,
-                                                          "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                          "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                           "value": "America/Denver",
                                                         },
                                                         Object {
                                                           "index": -0,
-                                                          "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                           "value": "America/Los_Angeles",
                                                         },
                                                         Object {
                                                           "index": 2.4,
-                                                          "label": "Indiana (East) (4:00 AM)",
+                                                          "label": "Indiana (East) (6:00 AM)",
                                                           "value": "America/Indiana/Indianapolis",
                                                         },
                                                         Object {
                                                           "index": 2.4,
-                                                          "label": "Puerto Rico (4:00 AM)",
+                                                          "label": "Puerto Rico (6:00 AM)",
                                                           "value": "America/Puerto_Rico",
                                                         },
                                                         Object {
                                                           "index": 4.2,
-                                                          "label": "Arizona (1:00 AM)",
+                                                          "label": "Arizona (3:00 AM)",
                                                           "value": "America/Phoenix",
                                                         },
                                                         Object {
                                                           "index": 4.8,
-                                                          "label": "Alaska (12:00 AM)",
+                                                          "label": "Alaska (2:00 AM)",
                                                           "value": "America/Juneau",
                                                         },
                                                         Object {
                                                           "index": 4.8,
-                                                          "label": "Philippine Standard Time (4:00 PM)",
+                                                          "label": "Philippine Standard Time (6:00 PM)",
                                                           "value": "Asia/Manila",
                                                         },
                                                         Object {
                                                           "index": 6,
-                                                          "label": "Hawaii (10:00 PM)",
+                                                          "label": "Hawaii (12:00 AM)",
                                                           "value": "Pacific/Honolulu",
                                                         },
                                                         Object {
                                                           "index": 100,
-                                                          "label": "Azores (8:00 AM)",
+                                                          "label": "Azores (10:00 AM)",
                                                           "value": "Atlantic/Azores",
                                                         },
                                                         Object {
                                                           "index": 100,
-                                                          "label": "Monrovia (8:00 AM)",
+                                                          "label": "Monrovia (10:00 AM)",
                                                           "value": "Africa/Monrovia",
                                                         },
                                                         Object {
                                                           "index": 100,
-                                                          "label": "UTC (8:00 AM)",
+                                                          "label": "UTC (10:00 AM)",
                                                           "value": "Etc/UTC",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Cape Verde Is. (7:00 AM)",
+                                                          "label": "Cape Verde Is. (9:00 AM)",
                                                           "value": "Atlantic/Cape_Verde",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Dublin (9:00 AM)",
+                                                          "label": "Dublin (11:00 AM)",
                                                           "value": "Europe/Dublin",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Edinburgh (9:00 AM)",
+                                                          "label": "Edinburgh (11:00 AM)",
                                                           "value": "Europe/London",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Lisbon (9:00 AM)",
+                                                          "label": "Lisbon (11:00 AM)",
                                                           "value": "Europe/Lisbon",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "London (9:00 AM)",
+                                                          "label": "London (11:00 AM)",
                                                           "value": "Europe/London",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Casablanca (9:00 AM)",
+                                                          "label": "Casablanca (11:00 AM)",
                                                           "value": "Africa/Casablanca",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "West Central Africa (9:00 AM)",
+                                                          "label": "West Central Africa (11:00 AM)",
                                                           "value": "Africa/Algiers",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Greenland (6:00 AM)",
+                                                          "label": "Greenland (8:00 AM)",
                                                           "value": "America/Godthab",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Mid-Atlantic (6:00 AM)",
+                                                          "label": "Mid-Atlantic (8:00 AM)",
                                                           "value": "Atlantic/South_Georgia",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Belgrade (10:00 AM)",
+                                                          "label": "Belgrade (12:00 PM)",
                                                           "value": "Europe/Belgrade",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Bratislava (10:00 AM)",
+                                                          "label": "Bratislava (12:00 PM)",
                                                           "value": "Europe/Bratislava",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Budapest (10:00 AM)",
+                                                          "label": "Budapest (12:00 PM)",
                                                           "value": "Europe/Budapest",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Ljubljana (10:00 AM)",
+                                                          "label": "Ljubljana (12:00 PM)",
                                                           "value": "Europe/Ljubljana",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Prague (10:00 AM)",
+                                                          "label": "Prague (12:00 PM)",
                                                           "value": "Europe/Prague",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Sarajevo (10:00 AM)",
+                                                          "label": "Sarajevo (12:00 PM)",
                                                           "value": "Europe/Sarajevo",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Skopje (10:00 AM)",
+                                                          "label": "Skopje (12:00 PM)",
                                                           "value": "Europe/Skopje",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Warsaw (10:00 AM)",
+                                                          "label": "Warsaw (12:00 PM)",
                                                           "value": "Europe/Warsaw",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Zagreb (10:00 AM)",
+                                                          "label": "Zagreb (12:00 PM)",
                                                           "value": "Europe/Zagreb",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Brussels (10:00 AM)",
+                                                          "label": "Brussels (12:00 PM)",
                                                           "value": "Europe/Brussels",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Copenhagen (10:00 AM)",
+                                                          "label": "Copenhagen (12:00 PM)",
                                                           "value": "Europe/Copenhagen",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Madrid (10:00 AM)",
+                                                          "label": "Madrid (12:00 PM)",
                                                           "value": "Europe/Madrid",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Paris (10:00 AM)",
+                                                          "label": "Paris (12:00 PM)",
                                                           "value": "Europe/Paris",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Amsterdam (10:00 AM)",
+                                                          "label": "Amsterdam (12:00 PM)",
                                                           "value": "Europe/Amsterdam",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Berlin (10:00 AM)",
+                                                          "label": "Berlin (12:00 PM)",
                                                           "value": "Europe/Berlin",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Bern (10:00 AM)",
+                                                          "label": "Bern (12:00 PM)",
                                                           "value": "Europe/Zurich",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Zurich (10:00 AM)",
+                                                          "label": "Zurich (12:00 PM)",
                                                           "value": "Europe/Zurich",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Rome (10:00 AM)",
+                                                          "label": "Rome (12:00 PM)",
                                                           "value": "Europe/Rome",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Stockholm (10:00 AM)",
+                                                          "label": "Stockholm (12:00 PM)",
                                                           "value": "Europe/Stockholm",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Vienna (10:00 AM)",
+                                                          "label": "Vienna (12:00 PM)",
                                                           "value": "Europe/Vienna",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Cairo (10:00 AM)",
+                                                          "label": "Cairo (12:00 PM)",
                                                           "value": "Africa/Cairo",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Harare (10:00 AM)",
+                                                          "label": "Harare (12:00 PM)",
                                                           "value": "Africa/Harare",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Pretoria (10:00 AM)",
+                                                          "label": "Pretoria (12:00 PM)",
                                                           "value": "Africa/Johannesburg",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Kaliningrad (10:00 AM)",
+                                                          "label": "Kaliningrad (12:00 PM)",
                                                           "value": "Europe/Kaliningrad",
                                                         },
                                                         Object {
                                                           "index": 250,
-                                                          "label": "Newfoundland (5:30 AM)",
+                                                          "label": "Newfoundland (7:30 AM)",
                                                           "value": "America/St_Johns",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                          "label": "Atlantic Time (Canada) (7:00 AM)",
                                                           "value": "America/Halifax",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Brasilia (5:00 AM)",
+                                                          "label": "Brasilia (7:00 AM)",
                                                           "value": "America/Sao_Paulo",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Buenos Aires (5:00 AM)",
+                                                          "label": "Buenos Aires (7:00 AM)",
                                                           "value": "America/Argentina/Buenos_Aires",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Montevideo (5:00 AM)",
+                                                          "label": "Montevideo (7:00 AM)",
                                                           "value": "America/Montevideo",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Bucharest (11:00 AM)",
+                                                          "label": "Bucharest (1:00 PM)",
                                                           "value": "Europe/Bucharest",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Helsinki (11:00 AM)",
+                                                          "label": "Helsinki (1:00 PM)",
                                                           "value": "Europe/Helsinki",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Kyiv (11:00 AM)",
+                                                          "label": "Kyiv (1:00 PM)",
                                                           "value": "Europe/Kiev",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Riga (11:00 AM)",
+                                                          "label": "Riga (1:00 PM)",
                                                           "value": "Europe/Riga",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Sofia (11:00 AM)",
+                                                          "label": "Sofia (1:00 PM)",
                                                           "value": "Europe/Sofia",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Tallinn (11:00 AM)",
+                                                          "label": "Tallinn (1:00 PM)",
                                                           "value": "Europe/Tallinn",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Vilnius (11:00 AM)",
+                                                          "label": "Vilnius (1:00 PM)",
                                                           "value": "Europe/Vilnius",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Athens (11:00 AM)",
+                                                          "label": "Athens (1:00 PM)",
                                                           "value": "Europe/Athens",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Istanbul (11:00 AM)",
+                                                          "label": "Istanbul (1:00 PM)",
                                                           "value": "Europe/Istanbul",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Minsk (11:00 AM)",
+                                                          "label": "Minsk (1:00 PM)",
                                                           "value": "Europe/Minsk",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Jerusalem (11:00 AM)",
+                                                          "label": "Jerusalem (1:00 PM)",
                                                           "value": "Asia/Jerusalem",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Moscow (11:00 AM)",
+                                                          "label": "Moscow (1:00 PM)",
                                                           "value": "Europe/Moscow",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "St. Petersburg (11:00 AM)",
+                                                          "label": "St. Petersburg (1:00 PM)",
                                                           "value": "Europe/Moscow",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Kuwait (11:00 AM)",
+                                                          "label": "Kuwait (1:00 PM)",
                                                           "value": "Asia/Kuwait",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Riyadh (11:00 AM)",
+                                                          "label": "Riyadh (1:00 PM)",
                                                           "value": "Asia/Riyadh",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Nairobi (11:00 AM)",
+                                                          "label": "Nairobi (1:00 PM)",
                                                           "value": "Africa/Nairobi",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Baghdad (11:00 AM)",
+                                                          "label": "Baghdad (1:00 PM)",
                                                           "value": "Asia/Baghdad",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Caracas (4:00 AM)",
+                                                          "label": "Caracas (6:00 AM)",
                                                           "value": "America/Caracas",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "La Paz (4:00 AM)",
+                                                          "label": "La Paz (6:00 AM)",
                                                           "value": "America/La_Paz",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Santiago (4:00 AM)",
+                                                          "label": "Santiago (6:00 AM)",
                                                           "value": "America/Santiago",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Georgetown (4:00 AM)",
+                                                          "label": "Georgetown (6:00 AM)",
                                                           "value": "America/Guyana",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Volgograd (12:00 PM)",
+                                                          "label": "Volgograd (2:00 PM)",
                                                           "value": "Europe/Volgograd",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Samara (12:00 PM)",
+                                                          "label": "Samara (2:00 PM)",
                                                           "value": "Europe/Samara",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Abu Dhabi (12:00 PM)",
+                                                          "label": "Abu Dhabi (2:00 PM)",
                                                           "value": "Asia/Muscat",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Muscat (12:00 PM)",
+                                                          "label": "Muscat (2:00 PM)",
                                                           "value": "Asia/Muscat",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Baku (12:00 PM)",
+                                                          "label": "Baku (2:00 PM)",
                                                           "value": "Asia/Baku",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Tbilisi (12:00 PM)",
+                                                          "label": "Tbilisi (2:00 PM)",
                                                           "value": "Asia/Tbilisi",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Yerevan (12:00 PM)",
+                                                          "label": "Yerevan (2:00 PM)",
                                                           "value": "Asia/Yerevan",
                                                         },
                                                         Object {
                                                           "index": 370,
-                                                          "label": "Tehran (12:30 PM)",
+                                                          "label": "Tehran (2:30 PM)",
                                                           "value": "Asia/Tehran",
                                                         },
                                                         Object {
                                                           "index": 370,
-                                                          "label": "Kabul (12:30 PM)",
+                                                          "label": "Kabul (2:30 PM)",
                                                           "value": "Asia/Kabul",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Guadalajara (3:00 AM)",
+                                                          "label": "Guadalajara (5:00 AM)",
                                                           "value": "America/Mexico_City",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Mexico City (3:00 AM)",
+                                                          "label": "Mexico City (5:00 AM)",
                                                           "value": "America/Mexico_City",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Monterrey (3:00 AM)",
+                                                          "label": "Monterrey (5:00 AM)",
                                                           "value": "America/Monterrey",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Bogota (3:00 AM)",
+                                                          "label": "Bogota (5:00 AM)",
                                                           "value": "America/Bogota",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Lima (3:00 AM)",
+                                                          "label": "Lima (5:00 AM)",
                                                           "value": "America/Lima",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Quito (3:00 AM)",
+                                                          "label": "Quito (5:00 AM)",
                                                           "value": "America/Lima",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Ekaterinburg (1:00 PM)",
+                                                          "label": "Ekaterinburg (3:00 PM)",
                                                           "value": "Asia/Yekaterinburg",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Islamabad (1:00 PM)",
+                                                          "label": "Islamabad (3:00 PM)",
                                                           "value": "Asia/Karachi",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Karachi (1:00 PM)",
+                                                          "label": "Karachi (3:00 PM)",
                                                           "value": "Asia/Karachi",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Tashkent (1:00 PM)",
+                                                          "label": "Tashkent (3:00 PM)",
                                                           "value": "Asia/Tashkent",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Chennai (1:30 PM)",
+                                                          "label": "Chennai (3:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Kolkata (1:30 PM)",
+                                                          "label": "Kolkata (3:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Mumbai (1:30 PM)",
+                                                          "label": "Mumbai (3:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "New Delhi (1:30 PM)",
+                                                          "label": "New Delhi (3:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Sri Jayawardenepura (1:30 PM)",
+                                                          "label": "Sri Jayawardenepura (3:30 PM)",
                                                           "value": "Asia/Colombo",
                                                         },
                                                         Object {
                                                           "index": 445,
-                                                          "label": "Kathmandu (1:45 PM)",
+                                                          "label": "Kathmandu (3:45 PM)",
                                                           "value": "Asia/Kathmandu",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Chihuahua (2:00 AM)",
+                                                          "label": "Chihuahua (4:00 AM)",
                                                           "value": "America/Chihuahua",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Mazatlan (2:00 AM)",
+                                                          "label": "Mazatlan (4:00 AM)",
                                                           "value": "America/Mazatlan",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Saskatchewan (2:00 AM)",
+                                                          "label": "Saskatchewan (4:00 AM)",
                                                           "value": "America/Regina",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Central America (2:00 AM)",
+                                                          "label": "Central America (4:00 AM)",
                                                           "value": "America/Guatemala",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Astana (2:00 PM)",
+                                                          "label": "Astana (4:00 PM)",
                                                           "value": "Asia/Dhaka",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Dhaka (2:00 PM)",
+                                                          "label": "Dhaka (4:00 PM)",
                                                           "value": "Asia/Dhaka",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Almaty (2:00 PM)",
+                                                          "label": "Almaty (4:00 PM)",
                                                           "value": "Asia/Almaty",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Urumqi (2:00 PM)",
+                                                          "label": "Urumqi (4:00 PM)",
                                                           "value": "Asia/Urumqi",
                                                         },
                                                         Object {
                                                           "index": 490,
-                                                          "label": "Rangoon (2:30 PM)",
+                                                          "label": "Rangoon (4:30 PM)",
                                                           "value": "Asia/Rangoon",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Tijuana (1:00 AM)",
+                                                          "label": "Tijuana (3:00 AM)",
                                                           "value": "America/Tijuana",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Novosibirsk (3:00 PM)",
+                                                          "label": "Novosibirsk (5:00 PM)",
                                                           "value": "Asia/Novosibirsk",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Bangkok (3:00 PM)",
+                                                          "label": "Bangkok (5:00 PM)",
                                                           "value": "Asia/Bangkok",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Hanoi (3:00 PM)",
+                                                          "label": "Hanoi (5:00 PM)",
                                                           "value": "Asia/Bangkok",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Jakarta (3:00 PM)",
+                                                          "label": "Jakarta (5:00 PM)",
                                                           "value": "Asia/Jakarta",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Krasnoyarsk (3:00 PM)",
+                                                          "label": "Krasnoyarsk (5:00 PM)",
                                                           "value": "Asia/Krasnoyarsk",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Beijing (4:00 PM)",
+                                                          "label": "Beijing (6:00 PM)",
                                                           "value": "Asia/Shanghai",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Chongqing (4:00 PM)",
+                                                          "label": "Chongqing (6:00 PM)",
                                                           "value": "Asia/Chongqing",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Hong Kong (4:00 PM)",
+                                                          "label": "Hong Kong (6:00 PM)",
                                                           "value": "Asia/Hong_Kong",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Kuala Lumpur (4:00 PM)",
+                                                          "label": "Kuala Lumpur (6:00 PM)",
                                                           "value": "Asia/Kuala_Lumpur",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Singapore (4:00 PM)",
+                                                          "label": "Singapore (6:00 PM)",
                                                           "value": "Asia/Singapore",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Taipei (4:00 PM)",
+                                                          "label": "Taipei (6:00 PM)",
                                                           "value": "Asia/Taipei",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Perth (4:00 PM)",
+                                                          "label": "Perth (6:00 PM)",
                                                           "value": "Australia/Perth",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Irkutsk (4:00 PM)",
+                                                          "label": "Irkutsk (6:00 PM)",
                                                           "value": "Asia/Irkutsk",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Ulaanbaatar (4:00 PM)",
+                                                          "label": "Ulaanbaatar (6:00 PM)",
                                                           "value": "Asia/Ulaanbaatar",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Seoul (5:00 PM)",
+                                                          "label": "Seoul (7:00 PM)",
                                                           "value": "Asia/Seoul",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Osaka (5:00 PM)",
+                                                          "label": "Osaka (7:00 PM)",
                                                           "value": "Asia/Tokyo",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Sapporo (5:00 PM)",
+                                                          "label": "Sapporo (7:00 PM)",
                                                           "value": "Asia/Tokyo",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Tokyo (5:00 PM)",
+                                                          "label": "Tokyo (7:00 PM)",
                                                           "value": "Asia/Tokyo",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Yakutsk (5:00 PM)",
+                                                          "label": "Yakutsk (7:00 PM)",
                                                           "value": "Asia/Yakutsk",
                                                         },
                                                         Object {
                                                           "index": 670,
-                                                          "label": "Darwin (5:30 PM)",
+                                                          "label": "Darwin (7:30 PM)",
                                                           "value": "Australia/Darwin",
                                                         },
                                                         Object {
                                                           "index": 670,
-                                                          "label": "Adelaide (5:30 PM)",
+                                                          "label": "Adelaide (7:30 PM)",
                                                           "value": "Australia/Adelaide",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Canberra (6:00 PM)",
+                                                          "label": "Canberra (8:00 PM)",
                                                           "value": "Australia/Melbourne",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Melbourne (6:00 PM)",
+                                                          "label": "Melbourne (8:00 PM)",
                                                           "value": "Australia/Melbourne",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Sydney (6:00 PM)",
+                                                          "label": "Sydney (8:00 PM)",
                                                           "value": "Australia/Sydney",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Brisbane (6:00 PM)",
+                                                          "label": "Brisbane (8:00 PM)",
                                                           "value": "Australia/Brisbane",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Hobart (6:00 PM)",
+                                                          "label": "Hobart (8:00 PM)",
                                                           "value": "Australia/Hobart",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Vladivostok (6:00 PM)",
+                                                          "label": "Vladivostok (8:00 PM)",
                                                           "value": "Asia/Vladivostok",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Guam (6:00 PM)",
+                                                          "label": "Guam (8:00 PM)",
                                                           "value": "Pacific/Guam",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Port Moresby (6:00 PM)",
+                                                          "label": "Port Moresby (8:00 PM)",
                                                           "value": "Pacific/Port_Moresby",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Midway Island (9:00 PM)",
+                                                          "label": "Midway Island (11:00 PM)",
                                                           "value": "Pacific/Midway",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "American Samoa (9:00 PM)",
+                                                          "label": "American Samoa (11:00 PM)",
                                                           "value": "Pacific/Pago_Pago",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Magadan (7:00 PM)",
+                                                          "label": "Magadan (9:00 PM)",
                                                           "value": "Asia/Magadan",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Srednekolymsk (7:00 PM)",
+                                                          "label": "Srednekolymsk (9:00 PM)",
                                                           "value": "Asia/Srednekolymsk",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Solomon Is. (7:00 PM)",
+                                                          "label": "Solomon Is. (9:00 PM)",
                                                           "value": "Pacific/Guadalcanal",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "New Caledonia (7:00 PM)",
+                                                          "label": "New Caledonia (9:00 PM)",
                                                           "value": "Pacific/Noumea",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "International Date Line West (8:00 PM)",
+                                                          "label": "International Date Line West (10:00 PM)",
                                                           "value": "Etc/GMT+12",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Fiji (8:00 PM)",
+                                                          "label": "Fiji (10:00 PM)",
                                                           "value": "Pacific/Fiji",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Kamchatka (8:00 PM)",
+                                                          "label": "Kamchatka (10:00 PM)",
                                                           "value": "Asia/Kamchatka",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Marshall Is. (8:00 PM)",
+                                                          "label": "Marshall Is. (10:00 PM)",
                                                           "value": "Pacific/Majuro",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Auckland (8:00 PM)",
+                                                          "label": "Auckland (10:00 PM)",
                                                           "value": "Pacific/Auckland",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Wellington (8:00 PM)",
+                                                          "label": "Wellington (10:00 PM)",
                                                           "value": "Pacific/Auckland",
                                                         },
                                                         Object {
                                                           "index": 865,
-                                                          "label": "Chatham Is. (8:45 PM)",
+                                                          "label": "Chatham Is. (10:45 PM)",
                                                           "value": "Pacific/Chatham",
                                                         },
                                                         Object {
                                                           "index": 880,
-                                                          "label": "Nuku'alofa (9:00 PM)",
+                                                          "label": "Nuku'alofa (11:00 PM)",
                                                           "value": "Pacific/Tongatapu",
                                                         },
                                                         Object {
                                                           "index": 880,
-                                                          "label": "Tokelau Is. (9:00 PM)",
+                                                          "label": "Tokelau Is. (11:00 PM)",
                                                           "value": "Pacific/Fakaofo",
                                                         },
                                                         Object {
                                                           "index": 880,
-                                                          "label": "Samoa (9:00 PM)",
+                                                          "label": "Samoa (11:00 PM)",
                                                           "value": "Pacific/Apia",
                                                         },
                                                       ]
@@ -264813,762 +265821,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                           },
                                                           Object {
                                                             "index": -3,
-                                                            "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                            "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                             "value": "America/New_York",
                                                           },
                                                           Object {
                                                             "index": -2,
-                                                            "label": "Central Time (US & Canada) (3:00 AM)",
+                                                            "label": "Central Time (US & Canada) (5:00 AM)",
                                                             "value": "America/Chicago",
                                                           },
                                                           Object {
                                                             "index": -1,
-                                                            "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                            "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                             "value": "America/Denver",
                                                           },
                                                           Object {
                                                             "index": -0,
-                                                            "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                            "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                             "value": "America/Los_Angeles",
                                                           },
                                                           Object {
                                                             "index": 2.4,
-                                                            "label": "Indiana (East) (4:00 AM)",
+                                                            "label": "Indiana (East) (6:00 AM)",
                                                             "value": "America/Indiana/Indianapolis",
                                                           },
                                                           Object {
                                                             "index": 2.4,
-                                                            "label": "Puerto Rico (4:00 AM)",
+                                                            "label": "Puerto Rico (6:00 AM)",
                                                             "value": "America/Puerto_Rico",
                                                           },
                                                           Object {
                                                             "index": 4.2,
-                                                            "label": "Arizona (1:00 AM)",
+                                                            "label": "Arizona (3:00 AM)",
                                                             "value": "America/Phoenix",
                                                           },
                                                           Object {
                                                             "index": 4.8,
-                                                            "label": "Alaska (12:00 AM)",
+                                                            "label": "Alaska (2:00 AM)",
                                                             "value": "America/Juneau",
                                                           },
                                                           Object {
                                                             "index": 4.8,
-                                                            "label": "Philippine Standard Time (4:00 PM)",
+                                                            "label": "Philippine Standard Time (6:00 PM)",
                                                             "value": "Asia/Manila",
                                                           },
                                                           Object {
                                                             "index": 6,
-                                                            "label": "Hawaii (10:00 PM)",
+                                                            "label": "Hawaii (12:00 AM)",
                                                             "value": "Pacific/Honolulu",
                                                           },
                                                           Object {
                                                             "index": 100,
-                                                            "label": "Azores (8:00 AM)",
+                                                            "label": "Azores (10:00 AM)",
                                                             "value": "Atlantic/Azores",
                                                           },
                                                           Object {
                                                             "index": 100,
-                                                            "label": "Monrovia (8:00 AM)",
+                                                            "label": "Monrovia (10:00 AM)",
                                                             "value": "Africa/Monrovia",
                                                           },
                                                           Object {
                                                             "index": 100,
-                                                            "label": "UTC (8:00 AM)",
+                                                            "label": "UTC (10:00 AM)",
                                                             "value": "Etc/UTC",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Cape Verde Is. (7:00 AM)",
+                                                            "label": "Cape Verde Is. (9:00 AM)",
                                                             "value": "Atlantic/Cape_Verde",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Dublin (9:00 AM)",
+                                                            "label": "Dublin (11:00 AM)",
                                                             "value": "Europe/Dublin",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Edinburgh (9:00 AM)",
+                                                            "label": "Edinburgh (11:00 AM)",
                                                             "value": "Europe/London",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Lisbon (9:00 AM)",
+                                                            "label": "Lisbon (11:00 AM)",
                                                             "value": "Europe/Lisbon",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "London (9:00 AM)",
+                                                            "label": "London (11:00 AM)",
                                                             "value": "Europe/London",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Casablanca (9:00 AM)",
+                                                            "label": "Casablanca (11:00 AM)",
                                                             "value": "Africa/Casablanca",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "West Central Africa (9:00 AM)",
+                                                            "label": "West Central Africa (11:00 AM)",
                                                             "value": "Africa/Algiers",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Greenland (6:00 AM)",
+                                                            "label": "Greenland (8:00 AM)",
                                                             "value": "America/Godthab",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Mid-Atlantic (6:00 AM)",
+                                                            "label": "Mid-Atlantic (8:00 AM)",
                                                             "value": "Atlantic/South_Georgia",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Belgrade (10:00 AM)",
+                                                            "label": "Belgrade (12:00 PM)",
                                                             "value": "Europe/Belgrade",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Bratislava (10:00 AM)",
+                                                            "label": "Bratislava (12:00 PM)",
                                                             "value": "Europe/Bratislava",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Budapest (10:00 AM)",
+                                                            "label": "Budapest (12:00 PM)",
                                                             "value": "Europe/Budapest",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Ljubljana (10:00 AM)",
+                                                            "label": "Ljubljana (12:00 PM)",
                                                             "value": "Europe/Ljubljana",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Prague (10:00 AM)",
+                                                            "label": "Prague (12:00 PM)",
                                                             "value": "Europe/Prague",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Sarajevo (10:00 AM)",
+                                                            "label": "Sarajevo (12:00 PM)",
                                                             "value": "Europe/Sarajevo",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Skopje (10:00 AM)",
+                                                            "label": "Skopje (12:00 PM)",
                                                             "value": "Europe/Skopje",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Warsaw (10:00 AM)",
+                                                            "label": "Warsaw (12:00 PM)",
                                                             "value": "Europe/Warsaw",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Zagreb (10:00 AM)",
+                                                            "label": "Zagreb (12:00 PM)",
                                                             "value": "Europe/Zagreb",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Brussels (10:00 AM)",
+                                                            "label": "Brussels (12:00 PM)",
                                                             "value": "Europe/Brussels",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Copenhagen (10:00 AM)",
+                                                            "label": "Copenhagen (12:00 PM)",
                                                             "value": "Europe/Copenhagen",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Madrid (10:00 AM)",
+                                                            "label": "Madrid (12:00 PM)",
                                                             "value": "Europe/Madrid",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Paris (10:00 AM)",
+                                                            "label": "Paris (12:00 PM)",
                                                             "value": "Europe/Paris",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Amsterdam (10:00 AM)",
+                                                            "label": "Amsterdam (12:00 PM)",
                                                             "value": "Europe/Amsterdam",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Berlin (10:00 AM)",
+                                                            "label": "Berlin (12:00 PM)",
                                                             "value": "Europe/Berlin",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Bern (10:00 AM)",
+                                                            "label": "Bern (12:00 PM)",
                                                             "value": "Europe/Zurich",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Zurich (10:00 AM)",
+                                                            "label": "Zurich (12:00 PM)",
                                                             "value": "Europe/Zurich",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Rome (10:00 AM)",
+                                                            "label": "Rome (12:00 PM)",
                                                             "value": "Europe/Rome",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Stockholm (10:00 AM)",
+                                                            "label": "Stockholm (12:00 PM)",
                                                             "value": "Europe/Stockholm",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Vienna (10:00 AM)",
+                                                            "label": "Vienna (12:00 PM)",
                                                             "value": "Europe/Vienna",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Cairo (10:00 AM)",
+                                                            "label": "Cairo (12:00 PM)",
                                                             "value": "Africa/Cairo",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Harare (10:00 AM)",
+                                                            "label": "Harare (12:00 PM)",
                                                             "value": "Africa/Harare",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Pretoria (10:00 AM)",
+                                                            "label": "Pretoria (12:00 PM)",
                                                             "value": "Africa/Johannesburg",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Kaliningrad (10:00 AM)",
+                                                            "label": "Kaliningrad (12:00 PM)",
                                                             "value": "Europe/Kaliningrad",
                                                           },
                                                           Object {
                                                             "index": 250,
-                                                            "label": "Newfoundland (5:30 AM)",
+                                                            "label": "Newfoundland (7:30 AM)",
                                                             "value": "America/St_Johns",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                            "label": "Atlantic Time (Canada) (7:00 AM)",
                                                             "value": "America/Halifax",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Brasilia (5:00 AM)",
+                                                            "label": "Brasilia (7:00 AM)",
                                                             "value": "America/Sao_Paulo",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Buenos Aires (5:00 AM)",
+                                                            "label": "Buenos Aires (7:00 AM)",
                                                             "value": "America/Argentina/Buenos_Aires",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Montevideo (5:00 AM)",
+                                                            "label": "Montevideo (7:00 AM)",
                                                             "value": "America/Montevideo",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Bucharest (11:00 AM)",
+                                                            "label": "Bucharest (1:00 PM)",
                                                             "value": "Europe/Bucharest",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Helsinki (11:00 AM)",
+                                                            "label": "Helsinki (1:00 PM)",
                                                             "value": "Europe/Helsinki",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Kyiv (11:00 AM)",
+                                                            "label": "Kyiv (1:00 PM)",
                                                             "value": "Europe/Kiev",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Riga (11:00 AM)",
+                                                            "label": "Riga (1:00 PM)",
                                                             "value": "Europe/Riga",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Sofia (11:00 AM)",
+                                                            "label": "Sofia (1:00 PM)",
                                                             "value": "Europe/Sofia",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Tallinn (11:00 AM)",
+                                                            "label": "Tallinn (1:00 PM)",
                                                             "value": "Europe/Tallinn",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Vilnius (11:00 AM)",
+                                                            "label": "Vilnius (1:00 PM)",
                                                             "value": "Europe/Vilnius",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Athens (11:00 AM)",
+                                                            "label": "Athens (1:00 PM)",
                                                             "value": "Europe/Athens",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Istanbul (11:00 AM)",
+                                                            "label": "Istanbul (1:00 PM)",
                                                             "value": "Europe/Istanbul",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Minsk (11:00 AM)",
+                                                            "label": "Minsk (1:00 PM)",
                                                             "value": "Europe/Minsk",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Jerusalem (11:00 AM)",
+                                                            "label": "Jerusalem (1:00 PM)",
                                                             "value": "Asia/Jerusalem",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Moscow (11:00 AM)",
+                                                            "label": "Moscow (1:00 PM)",
                                                             "value": "Europe/Moscow",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "St. Petersburg (11:00 AM)",
+                                                            "label": "St. Petersburg (1:00 PM)",
                                                             "value": "Europe/Moscow",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Kuwait (11:00 AM)",
+                                                            "label": "Kuwait (1:00 PM)",
                                                             "value": "Asia/Kuwait",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Riyadh (11:00 AM)",
+                                                            "label": "Riyadh (1:00 PM)",
                                                             "value": "Asia/Riyadh",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Nairobi (11:00 AM)",
+                                                            "label": "Nairobi (1:00 PM)",
                                                             "value": "Africa/Nairobi",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Baghdad (11:00 AM)",
+                                                            "label": "Baghdad (1:00 PM)",
                                                             "value": "Asia/Baghdad",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Caracas (4:00 AM)",
+                                                            "label": "Caracas (6:00 AM)",
                                                             "value": "America/Caracas",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "La Paz (4:00 AM)",
+                                                            "label": "La Paz (6:00 AM)",
                                                             "value": "America/La_Paz",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Santiago (4:00 AM)",
+                                                            "label": "Santiago (6:00 AM)",
                                                             "value": "America/Santiago",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Georgetown (4:00 AM)",
+                                                            "label": "Georgetown (6:00 AM)",
                                                             "value": "America/Guyana",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Volgograd (12:00 PM)",
+                                                            "label": "Volgograd (2:00 PM)",
                                                             "value": "Europe/Volgograd",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Samara (12:00 PM)",
+                                                            "label": "Samara (2:00 PM)",
                                                             "value": "Europe/Samara",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Abu Dhabi (12:00 PM)",
+                                                            "label": "Abu Dhabi (2:00 PM)",
                                                             "value": "Asia/Muscat",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Muscat (12:00 PM)",
+                                                            "label": "Muscat (2:00 PM)",
                                                             "value": "Asia/Muscat",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Baku (12:00 PM)",
+                                                            "label": "Baku (2:00 PM)",
                                                             "value": "Asia/Baku",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Tbilisi (12:00 PM)",
+                                                            "label": "Tbilisi (2:00 PM)",
                                                             "value": "Asia/Tbilisi",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Yerevan (12:00 PM)",
+                                                            "label": "Yerevan (2:00 PM)",
                                                             "value": "Asia/Yerevan",
                                                           },
                                                           Object {
                                                             "index": 370,
-                                                            "label": "Tehran (12:30 PM)",
+                                                            "label": "Tehran (2:30 PM)",
                                                             "value": "Asia/Tehran",
                                                           },
                                                           Object {
                                                             "index": 370,
-                                                            "label": "Kabul (12:30 PM)",
+                                                            "label": "Kabul (2:30 PM)",
                                                             "value": "Asia/Kabul",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Guadalajara (3:00 AM)",
+                                                            "label": "Guadalajara (5:00 AM)",
                                                             "value": "America/Mexico_City",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Mexico City (3:00 AM)",
+                                                            "label": "Mexico City (5:00 AM)",
                                                             "value": "America/Mexico_City",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Monterrey (3:00 AM)",
+                                                            "label": "Monterrey (5:00 AM)",
                                                             "value": "America/Monterrey",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Bogota (3:00 AM)",
+                                                            "label": "Bogota (5:00 AM)",
                                                             "value": "America/Bogota",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Lima (3:00 AM)",
+                                                            "label": "Lima (5:00 AM)",
                                                             "value": "America/Lima",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Quito (3:00 AM)",
+                                                            "label": "Quito (5:00 AM)",
                                                             "value": "America/Lima",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Ekaterinburg (1:00 PM)",
+                                                            "label": "Ekaterinburg (3:00 PM)",
                                                             "value": "Asia/Yekaterinburg",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Islamabad (1:00 PM)",
+                                                            "label": "Islamabad (3:00 PM)",
                                                             "value": "Asia/Karachi",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Karachi (1:00 PM)",
+                                                            "label": "Karachi (3:00 PM)",
                                                             "value": "Asia/Karachi",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Tashkent (1:00 PM)",
+                                                            "label": "Tashkent (3:00 PM)",
                                                             "value": "Asia/Tashkent",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Chennai (1:30 PM)",
+                                                            "label": "Chennai (3:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Kolkata (1:30 PM)",
+                                                            "label": "Kolkata (3:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Mumbai (1:30 PM)",
+                                                            "label": "Mumbai (3:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "New Delhi (1:30 PM)",
+                                                            "label": "New Delhi (3:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Sri Jayawardenepura (1:30 PM)",
+                                                            "label": "Sri Jayawardenepura (3:30 PM)",
                                                             "value": "Asia/Colombo",
                                                           },
                                                           Object {
                                                             "index": 445,
-                                                            "label": "Kathmandu (1:45 PM)",
+                                                            "label": "Kathmandu (3:45 PM)",
                                                             "value": "Asia/Kathmandu",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Chihuahua (2:00 AM)",
+                                                            "label": "Chihuahua (4:00 AM)",
                                                             "value": "America/Chihuahua",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Mazatlan (2:00 AM)",
+                                                            "label": "Mazatlan (4:00 AM)",
                                                             "value": "America/Mazatlan",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Saskatchewan (2:00 AM)",
+                                                            "label": "Saskatchewan (4:00 AM)",
                                                             "value": "America/Regina",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Central America (2:00 AM)",
+                                                            "label": "Central America (4:00 AM)",
                                                             "value": "America/Guatemala",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Astana (2:00 PM)",
+                                                            "label": "Astana (4:00 PM)",
                                                             "value": "Asia/Dhaka",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Dhaka (2:00 PM)",
+                                                            "label": "Dhaka (4:00 PM)",
                                                             "value": "Asia/Dhaka",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Almaty (2:00 PM)",
+                                                            "label": "Almaty (4:00 PM)",
                                                             "value": "Asia/Almaty",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Urumqi (2:00 PM)",
+                                                            "label": "Urumqi (4:00 PM)",
                                                             "value": "Asia/Urumqi",
                                                           },
                                                           Object {
                                                             "index": 490,
-                                                            "label": "Rangoon (2:30 PM)",
+                                                            "label": "Rangoon (4:30 PM)",
                                                             "value": "Asia/Rangoon",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Tijuana (1:00 AM)",
+                                                            "label": "Tijuana (3:00 AM)",
                                                             "value": "America/Tijuana",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Novosibirsk (3:00 PM)",
+                                                            "label": "Novosibirsk (5:00 PM)",
                                                             "value": "Asia/Novosibirsk",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Bangkok (3:00 PM)",
+                                                            "label": "Bangkok (5:00 PM)",
                                                             "value": "Asia/Bangkok",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Hanoi (3:00 PM)",
+                                                            "label": "Hanoi (5:00 PM)",
                                                             "value": "Asia/Bangkok",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Jakarta (3:00 PM)",
+                                                            "label": "Jakarta (5:00 PM)",
                                                             "value": "Asia/Jakarta",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Krasnoyarsk (3:00 PM)",
+                                                            "label": "Krasnoyarsk (5:00 PM)",
                                                             "value": "Asia/Krasnoyarsk",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Beijing (4:00 PM)",
+                                                            "label": "Beijing (6:00 PM)",
                                                             "value": "Asia/Shanghai",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Chongqing (4:00 PM)",
+                                                            "label": "Chongqing (6:00 PM)",
                                                             "value": "Asia/Chongqing",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Hong Kong (4:00 PM)",
+                                                            "label": "Hong Kong (6:00 PM)",
                                                             "value": "Asia/Hong_Kong",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Kuala Lumpur (4:00 PM)",
+                                                            "label": "Kuala Lumpur (6:00 PM)",
                                                             "value": "Asia/Kuala_Lumpur",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Singapore (4:00 PM)",
+                                                            "label": "Singapore (6:00 PM)",
                                                             "value": "Asia/Singapore",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Taipei (4:00 PM)",
+                                                            "label": "Taipei (6:00 PM)",
                                                             "value": "Asia/Taipei",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Perth (4:00 PM)",
+                                                            "label": "Perth (6:00 PM)",
                                                             "value": "Australia/Perth",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Irkutsk (4:00 PM)",
+                                                            "label": "Irkutsk (6:00 PM)",
                                                             "value": "Asia/Irkutsk",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Ulaanbaatar (4:00 PM)",
+                                                            "label": "Ulaanbaatar (6:00 PM)",
                                                             "value": "Asia/Ulaanbaatar",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Seoul (5:00 PM)",
+                                                            "label": "Seoul (7:00 PM)",
                                                             "value": "Asia/Seoul",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Osaka (5:00 PM)",
+                                                            "label": "Osaka (7:00 PM)",
                                                             "value": "Asia/Tokyo",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Sapporo (5:00 PM)",
+                                                            "label": "Sapporo (7:00 PM)",
                                                             "value": "Asia/Tokyo",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Tokyo (5:00 PM)",
+                                                            "label": "Tokyo (7:00 PM)",
                                                             "value": "Asia/Tokyo",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Yakutsk (5:00 PM)",
+                                                            "label": "Yakutsk (7:00 PM)",
                                                             "value": "Asia/Yakutsk",
                                                           },
                                                           Object {
                                                             "index": 670,
-                                                            "label": "Darwin (5:30 PM)",
+                                                            "label": "Darwin (7:30 PM)",
                                                             "value": "Australia/Darwin",
                                                           },
                                                           Object {
                                                             "index": 670,
-                                                            "label": "Adelaide (5:30 PM)",
+                                                            "label": "Adelaide (7:30 PM)",
                                                             "value": "Australia/Adelaide",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Canberra (6:00 PM)",
+                                                            "label": "Canberra (8:00 PM)",
                                                             "value": "Australia/Melbourne",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Melbourne (6:00 PM)",
+                                                            "label": "Melbourne (8:00 PM)",
                                                             "value": "Australia/Melbourne",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Sydney (6:00 PM)",
+                                                            "label": "Sydney (8:00 PM)",
                                                             "value": "Australia/Sydney",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Brisbane (6:00 PM)",
+                                                            "label": "Brisbane (8:00 PM)",
                                                             "value": "Australia/Brisbane",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Hobart (6:00 PM)",
+                                                            "label": "Hobart (8:00 PM)",
                                                             "value": "Australia/Hobart",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Vladivostok (6:00 PM)",
+                                                            "label": "Vladivostok (8:00 PM)",
                                                             "value": "Asia/Vladivostok",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Guam (6:00 PM)",
+                                                            "label": "Guam (8:00 PM)",
                                                             "value": "Pacific/Guam",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Port Moresby (6:00 PM)",
+                                                            "label": "Port Moresby (8:00 PM)",
                                                             "value": "Pacific/Port_Moresby",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Midway Island (9:00 PM)",
+                                                            "label": "Midway Island (11:00 PM)",
                                                             "value": "Pacific/Midway",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "American Samoa (9:00 PM)",
+                                                            "label": "American Samoa (11:00 PM)",
                                                             "value": "Pacific/Pago_Pago",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Magadan (7:00 PM)",
+                                                            "label": "Magadan (9:00 PM)",
                                                             "value": "Asia/Magadan",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Srednekolymsk (7:00 PM)",
+                                                            "label": "Srednekolymsk (9:00 PM)",
                                                             "value": "Asia/Srednekolymsk",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Solomon Is. (7:00 PM)",
+                                                            "label": "Solomon Is. (9:00 PM)",
                                                             "value": "Pacific/Guadalcanal",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "New Caledonia (7:00 PM)",
+                                                            "label": "New Caledonia (9:00 PM)",
                                                             "value": "Pacific/Noumea",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "International Date Line West (8:00 PM)",
+                                                            "label": "International Date Line West (10:00 PM)",
                                                             "value": "Etc/GMT+12",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Fiji (8:00 PM)",
+                                                            "label": "Fiji (10:00 PM)",
                                                             "value": "Pacific/Fiji",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Kamchatka (8:00 PM)",
+                                                            "label": "Kamchatka (10:00 PM)",
                                                             "value": "Asia/Kamchatka",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Marshall Is. (8:00 PM)",
+                                                            "label": "Marshall Is. (10:00 PM)",
                                                             "value": "Pacific/Majuro",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Auckland (8:00 PM)",
+                                                            "label": "Auckland (10:00 PM)",
                                                             "value": "Pacific/Auckland",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Wellington (8:00 PM)",
+                                                            "label": "Wellington (10:00 PM)",
                                                             "value": "Pacific/Auckland",
                                                           },
                                                           Object {
                                                             "index": 865,
-                                                            "label": "Chatham Is. (8:45 PM)",
+                                                            "label": "Chatham Is. (10:45 PM)",
                                                             "value": "Pacific/Chatham",
                                                           },
                                                           Object {
                                                             "index": 880,
-                                                            "label": "Nuku'alofa (9:00 PM)",
+                                                            "label": "Nuku'alofa (11:00 PM)",
                                                             "value": "Pacific/Tongatapu",
                                                           },
                                                           Object {
                                                             "index": 880,
-                                                            "label": "Tokelau Is. (9:00 PM)",
+                                                            "label": "Tokelau Is. (11:00 PM)",
                                                             "value": "Pacific/Fakaofo",
                                                           },
                                                           Object {
                                                             "index": 880,
-                                                            "label": "Samoa (9:00 PM)",
+                                                            "label": "Samoa (11:00 PM)",
                                                             "value": "Pacific/Apia",
                                                           },
                                                         ],
@@ -265582,7 +266590,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                         },
                                                         "tabIndex": "0",
                                                         "tabSelectsValue": true,
-                                                        "value": null,
+                                                        "value": Object {
+                                                          "index": -0,
+                                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                          "value": "America/Los_Angeles",
+                                                        },
                                                       }
                                                     }
                                                     setValue={[Function]}
@@ -265638,7 +266650,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                           cx={[Function]}
                                                           getStyles={[Function]}
                                                           getValue={[Function]}
-                                                          hasValue={false}
+                                                          hasValue={true}
                                                           isDisabled={false}
                                                           isFocused={false}
                                                           isMulti={false}
@@ -265651,762 +266663,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                               },
                                                               Object {
                                                                 "index": -3,
-                                                                "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                                 "value": "America/New_York",
                                                               },
                                                               Object {
                                                                 "index": -2,
-                                                                "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                "label": "Central Time (US & Canada) (5:00 AM)",
                                                                 "value": "America/Chicago",
                                                               },
                                                               Object {
                                                                 "index": -1,
-                                                                "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                                 "value": "America/Denver",
                                                               },
                                                               Object {
                                                                 "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                                 "value": "America/Los_Angeles",
                                                               },
                                                               Object {
                                                                 "index": 2.4,
-                                                                "label": "Indiana (East) (4:00 AM)",
+                                                                "label": "Indiana (East) (6:00 AM)",
                                                                 "value": "America/Indiana/Indianapolis",
                                                               },
                                                               Object {
                                                                 "index": 2.4,
-                                                                "label": "Puerto Rico (4:00 AM)",
+                                                                "label": "Puerto Rico (6:00 AM)",
                                                                 "value": "America/Puerto_Rico",
                                                               },
                                                               Object {
                                                                 "index": 4.2,
-                                                                "label": "Arizona (1:00 AM)",
+                                                                "label": "Arizona (3:00 AM)",
                                                                 "value": "America/Phoenix",
                                                               },
                                                               Object {
                                                                 "index": 4.8,
-                                                                "label": "Alaska (12:00 AM)",
+                                                                "label": "Alaska (2:00 AM)",
                                                                 "value": "America/Juneau",
                                                               },
                                                               Object {
                                                                 "index": 4.8,
-                                                                "label": "Philippine Standard Time (4:00 PM)",
+                                                                "label": "Philippine Standard Time (6:00 PM)",
                                                                 "value": "Asia/Manila",
                                                               },
                                                               Object {
                                                                 "index": 6,
-                                                                "label": "Hawaii (10:00 PM)",
+                                                                "label": "Hawaii (12:00 AM)",
                                                                 "value": "Pacific/Honolulu",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "Azores (8:00 AM)",
+                                                                "label": "Azores (10:00 AM)",
                                                                 "value": "Atlantic/Azores",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "Monrovia (8:00 AM)",
+                                                                "label": "Monrovia (10:00 AM)",
                                                                 "value": "Africa/Monrovia",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "UTC (8:00 AM)",
+                                                                "label": "UTC (10:00 AM)",
                                                                 "value": "Etc/UTC",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Cape Verde Is. (7:00 AM)",
+                                                                "label": "Cape Verde Is. (9:00 AM)",
                                                                 "value": "Atlantic/Cape_Verde",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Dublin (9:00 AM)",
+                                                                "label": "Dublin (11:00 AM)",
                                                                 "value": "Europe/Dublin",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Edinburgh (9:00 AM)",
+                                                                "label": "Edinburgh (11:00 AM)",
                                                                 "value": "Europe/London",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Lisbon (9:00 AM)",
+                                                                "label": "Lisbon (11:00 AM)",
                                                                 "value": "Europe/Lisbon",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "London (9:00 AM)",
+                                                                "label": "London (11:00 AM)",
                                                                 "value": "Europe/London",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Casablanca (9:00 AM)",
+                                                                "label": "Casablanca (11:00 AM)",
                                                                 "value": "Africa/Casablanca",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "West Central Africa (9:00 AM)",
+                                                                "label": "West Central Africa (11:00 AM)",
                                                                 "value": "Africa/Algiers",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Greenland (6:00 AM)",
+                                                                "label": "Greenland (8:00 AM)",
                                                                 "value": "America/Godthab",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Mid-Atlantic (6:00 AM)",
+                                                                "label": "Mid-Atlantic (8:00 AM)",
                                                                 "value": "Atlantic/South_Georgia",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Belgrade (10:00 AM)",
+                                                                "label": "Belgrade (12:00 PM)",
                                                                 "value": "Europe/Belgrade",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Bratislava (10:00 AM)",
+                                                                "label": "Bratislava (12:00 PM)",
                                                                 "value": "Europe/Bratislava",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Budapest (10:00 AM)",
+                                                                "label": "Budapest (12:00 PM)",
                                                                 "value": "Europe/Budapest",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Ljubljana (10:00 AM)",
+                                                                "label": "Ljubljana (12:00 PM)",
                                                                 "value": "Europe/Ljubljana",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Prague (10:00 AM)",
+                                                                "label": "Prague (12:00 PM)",
                                                                 "value": "Europe/Prague",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Sarajevo (10:00 AM)",
+                                                                "label": "Sarajevo (12:00 PM)",
                                                                 "value": "Europe/Sarajevo",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Skopje (10:00 AM)",
+                                                                "label": "Skopje (12:00 PM)",
                                                                 "value": "Europe/Skopje",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Warsaw (10:00 AM)",
+                                                                "label": "Warsaw (12:00 PM)",
                                                                 "value": "Europe/Warsaw",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Zagreb (10:00 AM)",
+                                                                "label": "Zagreb (12:00 PM)",
                                                                 "value": "Europe/Zagreb",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Brussels (10:00 AM)",
+                                                                "label": "Brussels (12:00 PM)",
                                                                 "value": "Europe/Brussels",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Copenhagen (10:00 AM)",
+                                                                "label": "Copenhagen (12:00 PM)",
                                                                 "value": "Europe/Copenhagen",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Madrid (10:00 AM)",
+                                                                "label": "Madrid (12:00 PM)",
                                                                 "value": "Europe/Madrid",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Paris (10:00 AM)",
+                                                                "label": "Paris (12:00 PM)",
                                                                 "value": "Europe/Paris",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Amsterdam (10:00 AM)",
+                                                                "label": "Amsterdam (12:00 PM)",
                                                                 "value": "Europe/Amsterdam",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Berlin (10:00 AM)",
+                                                                "label": "Berlin (12:00 PM)",
                                                                 "value": "Europe/Berlin",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Bern (10:00 AM)",
+                                                                "label": "Bern (12:00 PM)",
                                                                 "value": "Europe/Zurich",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Zurich (10:00 AM)",
+                                                                "label": "Zurich (12:00 PM)",
                                                                 "value": "Europe/Zurich",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Rome (10:00 AM)",
+                                                                "label": "Rome (12:00 PM)",
                                                                 "value": "Europe/Rome",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Stockholm (10:00 AM)",
+                                                                "label": "Stockholm (12:00 PM)",
                                                                 "value": "Europe/Stockholm",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Vienna (10:00 AM)",
+                                                                "label": "Vienna (12:00 PM)",
                                                                 "value": "Europe/Vienna",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Cairo (10:00 AM)",
+                                                                "label": "Cairo (12:00 PM)",
                                                                 "value": "Africa/Cairo",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Harare (10:00 AM)",
+                                                                "label": "Harare (12:00 PM)",
                                                                 "value": "Africa/Harare",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Pretoria (10:00 AM)",
+                                                                "label": "Pretoria (12:00 PM)",
                                                                 "value": "Africa/Johannesburg",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Kaliningrad (10:00 AM)",
+                                                                "label": "Kaliningrad (12:00 PM)",
                                                                 "value": "Europe/Kaliningrad",
                                                               },
                                                               Object {
                                                                 "index": 250,
-                                                                "label": "Newfoundland (5:30 AM)",
+                                                                "label": "Newfoundland (7:30 AM)",
                                                                 "value": "America/St_Johns",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                "label": "Atlantic Time (Canada) (7:00 AM)",
                                                                 "value": "America/Halifax",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Brasilia (5:00 AM)",
+                                                                "label": "Brasilia (7:00 AM)",
                                                                 "value": "America/Sao_Paulo",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Buenos Aires (5:00 AM)",
+                                                                "label": "Buenos Aires (7:00 AM)",
                                                                 "value": "America/Argentina/Buenos_Aires",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Montevideo (5:00 AM)",
+                                                                "label": "Montevideo (7:00 AM)",
                                                                 "value": "America/Montevideo",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Bucharest (11:00 AM)",
+                                                                "label": "Bucharest (1:00 PM)",
                                                                 "value": "Europe/Bucharest",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Helsinki (11:00 AM)",
+                                                                "label": "Helsinki (1:00 PM)",
                                                                 "value": "Europe/Helsinki",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Kyiv (11:00 AM)",
+                                                                "label": "Kyiv (1:00 PM)",
                                                                 "value": "Europe/Kiev",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Riga (11:00 AM)",
+                                                                "label": "Riga (1:00 PM)",
                                                                 "value": "Europe/Riga",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Sofia (11:00 AM)",
+                                                                "label": "Sofia (1:00 PM)",
                                                                 "value": "Europe/Sofia",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Tallinn (11:00 AM)",
+                                                                "label": "Tallinn (1:00 PM)",
                                                                 "value": "Europe/Tallinn",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Vilnius (11:00 AM)",
+                                                                "label": "Vilnius (1:00 PM)",
                                                                 "value": "Europe/Vilnius",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Athens (11:00 AM)",
+                                                                "label": "Athens (1:00 PM)",
                                                                 "value": "Europe/Athens",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Istanbul (11:00 AM)",
+                                                                "label": "Istanbul (1:00 PM)",
                                                                 "value": "Europe/Istanbul",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Minsk (11:00 AM)",
+                                                                "label": "Minsk (1:00 PM)",
                                                                 "value": "Europe/Minsk",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Jerusalem (11:00 AM)",
+                                                                "label": "Jerusalem (1:00 PM)",
                                                                 "value": "Asia/Jerusalem",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Moscow (11:00 AM)",
+                                                                "label": "Moscow (1:00 PM)",
                                                                 "value": "Europe/Moscow",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "St. Petersburg (11:00 AM)",
+                                                                "label": "St. Petersburg (1:00 PM)",
                                                                 "value": "Europe/Moscow",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Kuwait (11:00 AM)",
+                                                                "label": "Kuwait (1:00 PM)",
                                                                 "value": "Asia/Kuwait",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Riyadh (11:00 AM)",
+                                                                "label": "Riyadh (1:00 PM)",
                                                                 "value": "Asia/Riyadh",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Nairobi (11:00 AM)",
+                                                                "label": "Nairobi (1:00 PM)",
                                                                 "value": "Africa/Nairobi",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Baghdad (11:00 AM)",
+                                                                "label": "Baghdad (1:00 PM)",
                                                                 "value": "Asia/Baghdad",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Caracas (4:00 AM)",
+                                                                "label": "Caracas (6:00 AM)",
                                                                 "value": "America/Caracas",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "La Paz (4:00 AM)",
+                                                                "label": "La Paz (6:00 AM)",
                                                                 "value": "America/La_Paz",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Santiago (4:00 AM)",
+                                                                "label": "Santiago (6:00 AM)",
                                                                 "value": "America/Santiago",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Georgetown (4:00 AM)",
+                                                                "label": "Georgetown (6:00 AM)",
                                                                 "value": "America/Guyana",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Volgograd (12:00 PM)",
+                                                                "label": "Volgograd (2:00 PM)",
                                                                 "value": "Europe/Volgograd",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Samara (12:00 PM)",
+                                                                "label": "Samara (2:00 PM)",
                                                                 "value": "Europe/Samara",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Abu Dhabi (12:00 PM)",
+                                                                "label": "Abu Dhabi (2:00 PM)",
                                                                 "value": "Asia/Muscat",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Muscat (12:00 PM)",
+                                                                "label": "Muscat (2:00 PM)",
                                                                 "value": "Asia/Muscat",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Baku (12:00 PM)",
+                                                                "label": "Baku (2:00 PM)",
                                                                 "value": "Asia/Baku",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Tbilisi (12:00 PM)",
+                                                                "label": "Tbilisi (2:00 PM)",
                                                                 "value": "Asia/Tbilisi",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Yerevan (12:00 PM)",
+                                                                "label": "Yerevan (2:00 PM)",
                                                                 "value": "Asia/Yerevan",
                                                               },
                                                               Object {
                                                                 "index": 370,
-                                                                "label": "Tehran (12:30 PM)",
+                                                                "label": "Tehran (2:30 PM)",
                                                                 "value": "Asia/Tehran",
                                                               },
                                                               Object {
                                                                 "index": 370,
-                                                                "label": "Kabul (12:30 PM)",
+                                                                "label": "Kabul (2:30 PM)",
                                                                 "value": "Asia/Kabul",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Guadalajara (3:00 AM)",
+                                                                "label": "Guadalajara (5:00 AM)",
                                                                 "value": "America/Mexico_City",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Mexico City (3:00 AM)",
+                                                                "label": "Mexico City (5:00 AM)",
                                                                 "value": "America/Mexico_City",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Monterrey (3:00 AM)",
+                                                                "label": "Monterrey (5:00 AM)",
                                                                 "value": "America/Monterrey",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Bogota (3:00 AM)",
+                                                                "label": "Bogota (5:00 AM)",
                                                                 "value": "America/Bogota",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Lima (3:00 AM)",
+                                                                "label": "Lima (5:00 AM)",
                                                                 "value": "America/Lima",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Quito (3:00 AM)",
+                                                                "label": "Quito (5:00 AM)",
                                                                 "value": "America/Lima",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Ekaterinburg (1:00 PM)",
+                                                                "label": "Ekaterinburg (3:00 PM)",
                                                                 "value": "Asia/Yekaterinburg",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Islamabad (1:00 PM)",
+                                                                "label": "Islamabad (3:00 PM)",
                                                                 "value": "Asia/Karachi",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Karachi (1:00 PM)",
+                                                                "label": "Karachi (3:00 PM)",
                                                                 "value": "Asia/Karachi",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Tashkent (1:00 PM)",
+                                                                "label": "Tashkent (3:00 PM)",
                                                                 "value": "Asia/Tashkent",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Chennai (1:30 PM)",
+                                                                "label": "Chennai (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Kolkata (1:30 PM)",
+                                                                "label": "Kolkata (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Mumbai (1:30 PM)",
+                                                                "label": "Mumbai (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "New Delhi (1:30 PM)",
+                                                                "label": "New Delhi (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                "label": "Sri Jayawardenepura (3:30 PM)",
                                                                 "value": "Asia/Colombo",
                                                               },
                                                               Object {
                                                                 "index": 445,
-                                                                "label": "Kathmandu (1:45 PM)",
+                                                                "label": "Kathmandu (3:45 PM)",
                                                                 "value": "Asia/Kathmandu",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Chihuahua (2:00 AM)",
+                                                                "label": "Chihuahua (4:00 AM)",
                                                                 "value": "America/Chihuahua",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Mazatlan (2:00 AM)",
+                                                                "label": "Mazatlan (4:00 AM)",
                                                                 "value": "America/Mazatlan",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Saskatchewan (2:00 AM)",
+                                                                "label": "Saskatchewan (4:00 AM)",
                                                                 "value": "America/Regina",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Central America (2:00 AM)",
+                                                                "label": "Central America (4:00 AM)",
                                                                 "value": "America/Guatemala",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Astana (2:00 PM)",
+                                                                "label": "Astana (4:00 PM)",
                                                                 "value": "Asia/Dhaka",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Dhaka (2:00 PM)",
+                                                                "label": "Dhaka (4:00 PM)",
                                                                 "value": "Asia/Dhaka",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Almaty (2:00 PM)",
+                                                                "label": "Almaty (4:00 PM)",
                                                                 "value": "Asia/Almaty",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Urumqi (2:00 PM)",
+                                                                "label": "Urumqi (4:00 PM)",
                                                                 "value": "Asia/Urumqi",
                                                               },
                                                               Object {
                                                                 "index": 490,
-                                                                "label": "Rangoon (2:30 PM)",
+                                                                "label": "Rangoon (4:30 PM)",
                                                                 "value": "Asia/Rangoon",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Tijuana (1:00 AM)",
+                                                                "label": "Tijuana (3:00 AM)",
                                                                 "value": "America/Tijuana",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Novosibirsk (3:00 PM)",
+                                                                "label": "Novosibirsk (5:00 PM)",
                                                                 "value": "Asia/Novosibirsk",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Bangkok (3:00 PM)",
+                                                                "label": "Bangkok (5:00 PM)",
                                                                 "value": "Asia/Bangkok",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Hanoi (3:00 PM)",
+                                                                "label": "Hanoi (5:00 PM)",
                                                                 "value": "Asia/Bangkok",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Jakarta (3:00 PM)",
+                                                                "label": "Jakarta (5:00 PM)",
                                                                 "value": "Asia/Jakarta",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Krasnoyarsk (3:00 PM)",
+                                                                "label": "Krasnoyarsk (5:00 PM)",
                                                                 "value": "Asia/Krasnoyarsk",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Beijing (4:00 PM)",
+                                                                "label": "Beijing (6:00 PM)",
                                                                 "value": "Asia/Shanghai",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Chongqing (4:00 PM)",
+                                                                "label": "Chongqing (6:00 PM)",
                                                                 "value": "Asia/Chongqing",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Hong Kong (4:00 PM)",
+                                                                "label": "Hong Kong (6:00 PM)",
                                                                 "value": "Asia/Hong_Kong",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Kuala Lumpur (4:00 PM)",
+                                                                "label": "Kuala Lumpur (6:00 PM)",
                                                                 "value": "Asia/Kuala_Lumpur",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Singapore (4:00 PM)",
+                                                                "label": "Singapore (6:00 PM)",
                                                                 "value": "Asia/Singapore",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Taipei (4:00 PM)",
+                                                                "label": "Taipei (6:00 PM)",
                                                                 "value": "Asia/Taipei",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Perth (4:00 PM)",
+                                                                "label": "Perth (6:00 PM)",
                                                                 "value": "Australia/Perth",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Irkutsk (4:00 PM)",
+                                                                "label": "Irkutsk (6:00 PM)",
                                                                 "value": "Asia/Irkutsk",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Ulaanbaatar (4:00 PM)",
+                                                                "label": "Ulaanbaatar (6:00 PM)",
                                                                 "value": "Asia/Ulaanbaatar",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Seoul (5:00 PM)",
+                                                                "label": "Seoul (7:00 PM)",
                                                                 "value": "Asia/Seoul",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Osaka (5:00 PM)",
+                                                                "label": "Osaka (7:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Sapporo (5:00 PM)",
+                                                                "label": "Sapporo (7:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Tokyo (5:00 PM)",
+                                                                "label": "Tokyo (7:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Yakutsk (5:00 PM)",
+                                                                "label": "Yakutsk (7:00 PM)",
                                                                 "value": "Asia/Yakutsk",
                                                               },
                                                               Object {
                                                                 "index": 670,
-                                                                "label": "Darwin (5:30 PM)",
+                                                                "label": "Darwin (7:30 PM)",
                                                                 "value": "Australia/Darwin",
                                                               },
                                                               Object {
                                                                 "index": 670,
-                                                                "label": "Adelaide (5:30 PM)",
+                                                                "label": "Adelaide (7:30 PM)",
                                                                 "value": "Australia/Adelaide",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Canberra (6:00 PM)",
+                                                                "label": "Canberra (8:00 PM)",
                                                                 "value": "Australia/Melbourne",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Melbourne (6:00 PM)",
+                                                                "label": "Melbourne (8:00 PM)",
                                                                 "value": "Australia/Melbourne",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Sydney (6:00 PM)",
+                                                                "label": "Sydney (8:00 PM)",
                                                                 "value": "Australia/Sydney",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Brisbane (6:00 PM)",
+                                                                "label": "Brisbane (8:00 PM)",
                                                                 "value": "Australia/Brisbane",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Hobart (6:00 PM)",
+                                                                "label": "Hobart (8:00 PM)",
                                                                 "value": "Australia/Hobart",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Vladivostok (6:00 PM)",
+                                                                "label": "Vladivostok (8:00 PM)",
                                                                 "value": "Asia/Vladivostok",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Guam (6:00 PM)",
+                                                                "label": "Guam (8:00 PM)",
                                                                 "value": "Pacific/Guam",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Port Moresby (6:00 PM)",
+                                                                "label": "Port Moresby (8:00 PM)",
                                                                 "value": "Pacific/Port_Moresby",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Midway Island (9:00 PM)",
+                                                                "label": "Midway Island (11:00 PM)",
                                                                 "value": "Pacific/Midway",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "American Samoa (9:00 PM)",
+                                                                "label": "American Samoa (11:00 PM)",
                                                                 "value": "Pacific/Pago_Pago",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Magadan (7:00 PM)",
+                                                                "label": "Magadan (9:00 PM)",
                                                                 "value": "Asia/Magadan",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Srednekolymsk (7:00 PM)",
+                                                                "label": "Srednekolymsk (9:00 PM)",
                                                                 "value": "Asia/Srednekolymsk",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Solomon Is. (7:00 PM)",
+                                                                "label": "Solomon Is. (9:00 PM)",
                                                                 "value": "Pacific/Guadalcanal",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "New Caledonia (7:00 PM)",
+                                                                "label": "New Caledonia (9:00 PM)",
                                                                 "value": "Pacific/Noumea",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "International Date Line West (8:00 PM)",
+                                                                "label": "International Date Line West (10:00 PM)",
                                                                 "value": "Etc/GMT+12",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Fiji (8:00 PM)",
+                                                                "label": "Fiji (10:00 PM)",
                                                                 "value": "Pacific/Fiji",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Kamchatka (8:00 PM)",
+                                                                "label": "Kamchatka (10:00 PM)",
                                                                 "value": "Asia/Kamchatka",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Marshall Is. (8:00 PM)",
+                                                                "label": "Marshall Is. (10:00 PM)",
                                                                 "value": "Pacific/Majuro",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Auckland (8:00 PM)",
+                                                                "label": "Auckland (10:00 PM)",
                                                                 "value": "Pacific/Auckland",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Wellington (8:00 PM)",
+                                                                "label": "Wellington (10:00 PM)",
                                                                 "value": "Pacific/Auckland",
                                                               },
                                                               Object {
                                                                 "index": 865,
-                                                                "label": "Chatham Is. (8:45 PM)",
+                                                                "label": "Chatham Is. (10:45 PM)",
                                                                 "value": "Pacific/Chatham",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Nuku'alofa (9:00 PM)",
+                                                                "label": "Nuku'alofa (11:00 PM)",
                                                                 "value": "Pacific/Tongatapu",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Tokelau Is. (9:00 PM)",
+                                                                "label": "Tokelau Is. (11:00 PM)",
                                                                 "value": "Pacific/Fakaofo",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Samoa (9:00 PM)",
+                                                                "label": "Samoa (11:00 PM)",
                                                                 "value": "Pacific/Apia",
                                                               },
                                                             ]
@@ -266467,762 +267479,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                                 },
                                                                 Object {
                                                                   "index": -3,
-                                                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                                   "value": "America/New_York",
                                                                 },
                                                                 Object {
                                                                   "index": -2,
-                                                                  "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                  "label": "Central Time (US & Canada) (5:00 AM)",
                                                                   "value": "America/Chicago",
                                                                 },
                                                                 Object {
                                                                   "index": -1,
-                                                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                                   "value": "America/Denver",
                                                                 },
                                                                 Object {
                                                                   "index": -0,
-                                                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                                   "value": "America/Los_Angeles",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Indiana (East) (4:00 AM)",
+                                                                  "label": "Indiana (East) (6:00 AM)",
                                                                   "value": "America/Indiana/Indianapolis",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Puerto Rico (4:00 AM)",
+                                                                  "label": "Puerto Rico (6:00 AM)",
                                                                   "value": "America/Puerto_Rico",
                                                                 },
                                                                 Object {
                                                                   "index": 4.2,
-                                                                  "label": "Arizona (1:00 AM)",
+                                                                  "label": "Arizona (3:00 AM)",
                                                                   "value": "America/Phoenix",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Alaska (12:00 AM)",
+                                                                  "label": "Alaska (2:00 AM)",
                                                                   "value": "America/Juneau",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Philippine Standard Time (4:00 PM)",
+                                                                  "label": "Philippine Standard Time (6:00 PM)",
                                                                   "value": "Asia/Manila",
                                                                 },
                                                                 Object {
                                                                   "index": 6,
-                                                                  "label": "Hawaii (10:00 PM)",
+                                                                  "label": "Hawaii (12:00 AM)",
                                                                   "value": "Pacific/Honolulu",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Azores (8:00 AM)",
+                                                                  "label": "Azores (10:00 AM)",
                                                                   "value": "Atlantic/Azores",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Monrovia (8:00 AM)",
+                                                                  "label": "Monrovia (10:00 AM)",
                                                                   "value": "Africa/Monrovia",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "UTC (8:00 AM)",
+                                                                  "label": "UTC (10:00 AM)",
                                                                   "value": "Etc/UTC",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Cape Verde Is. (7:00 AM)",
+                                                                  "label": "Cape Verde Is. (9:00 AM)",
                                                                   "value": "Atlantic/Cape_Verde",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Dublin (9:00 AM)",
+                                                                  "label": "Dublin (11:00 AM)",
                                                                   "value": "Europe/Dublin",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Edinburgh (9:00 AM)",
+                                                                  "label": "Edinburgh (11:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Lisbon (9:00 AM)",
+                                                                  "label": "Lisbon (11:00 AM)",
                                                                   "value": "Europe/Lisbon",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "London (9:00 AM)",
+                                                                  "label": "London (11:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Casablanca (9:00 AM)",
+                                                                  "label": "Casablanca (11:00 AM)",
                                                                   "value": "Africa/Casablanca",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "West Central Africa (9:00 AM)",
+                                                                  "label": "West Central Africa (11:00 AM)",
                                                                   "value": "Africa/Algiers",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Greenland (6:00 AM)",
+                                                                  "label": "Greenland (8:00 AM)",
                                                                   "value": "America/Godthab",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Mid-Atlantic (6:00 AM)",
+                                                                  "label": "Mid-Atlantic (8:00 AM)",
                                                                   "value": "Atlantic/South_Georgia",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Belgrade (10:00 AM)",
+                                                                  "label": "Belgrade (12:00 PM)",
                                                                   "value": "Europe/Belgrade",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bratislava (10:00 AM)",
+                                                                  "label": "Bratislava (12:00 PM)",
                                                                   "value": "Europe/Bratislava",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Budapest (10:00 AM)",
+                                                                  "label": "Budapest (12:00 PM)",
                                                                   "value": "Europe/Budapest",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Ljubljana (10:00 AM)",
+                                                                  "label": "Ljubljana (12:00 PM)",
                                                                   "value": "Europe/Ljubljana",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Prague (10:00 AM)",
+                                                                  "label": "Prague (12:00 PM)",
                                                                   "value": "Europe/Prague",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Sarajevo (10:00 AM)",
+                                                                  "label": "Sarajevo (12:00 PM)",
                                                                   "value": "Europe/Sarajevo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Skopje (10:00 AM)",
+                                                                  "label": "Skopje (12:00 PM)",
                                                                   "value": "Europe/Skopje",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Warsaw (10:00 AM)",
+                                                                  "label": "Warsaw (12:00 PM)",
                                                                   "value": "Europe/Warsaw",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zagreb (10:00 AM)",
+                                                                  "label": "Zagreb (12:00 PM)",
                                                                   "value": "Europe/Zagreb",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Brussels (10:00 AM)",
+                                                                  "label": "Brussels (12:00 PM)",
                                                                   "value": "Europe/Brussels",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Copenhagen (10:00 AM)",
+                                                                  "label": "Copenhagen (12:00 PM)",
                                                                   "value": "Europe/Copenhagen",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Madrid (10:00 AM)",
+                                                                  "label": "Madrid (12:00 PM)",
                                                                   "value": "Europe/Madrid",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Paris (10:00 AM)",
+                                                                  "label": "Paris (12:00 PM)",
                                                                   "value": "Europe/Paris",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Amsterdam (10:00 AM)",
+                                                                  "label": "Amsterdam (12:00 PM)",
                                                                   "value": "Europe/Amsterdam",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Berlin (10:00 AM)",
+                                                                  "label": "Berlin (12:00 PM)",
                                                                   "value": "Europe/Berlin",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bern (10:00 AM)",
+                                                                  "label": "Bern (12:00 PM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zurich (10:00 AM)",
+                                                                  "label": "Zurich (12:00 PM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Rome (10:00 AM)",
+                                                                  "label": "Rome (12:00 PM)",
                                                                   "value": "Europe/Rome",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Stockholm (10:00 AM)",
+                                                                  "label": "Stockholm (12:00 PM)",
                                                                   "value": "Europe/Stockholm",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Vienna (10:00 AM)",
+                                                                  "label": "Vienna (12:00 PM)",
                                                                   "value": "Europe/Vienna",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Cairo (10:00 AM)",
+                                                                  "label": "Cairo (12:00 PM)",
                                                                   "value": "Africa/Cairo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Harare (10:00 AM)",
+                                                                  "label": "Harare (12:00 PM)",
                                                                   "value": "Africa/Harare",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Pretoria (10:00 AM)",
+                                                                  "label": "Pretoria (12:00 PM)",
                                                                   "value": "Africa/Johannesburg",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Kaliningrad (10:00 AM)",
+                                                                  "label": "Kaliningrad (12:00 PM)",
                                                                   "value": "Europe/Kaliningrad",
                                                                 },
                                                                 Object {
                                                                   "index": 250,
-                                                                  "label": "Newfoundland (5:30 AM)",
+                                                                  "label": "Newfoundland (7:30 AM)",
                                                                   "value": "America/St_Johns",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                  "label": "Atlantic Time (Canada) (7:00 AM)",
                                                                   "value": "America/Halifax",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Brasilia (5:00 AM)",
+                                                                  "label": "Brasilia (7:00 AM)",
                                                                   "value": "America/Sao_Paulo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Buenos Aires (5:00 AM)",
+                                                                  "label": "Buenos Aires (7:00 AM)",
                                                                   "value": "America/Argentina/Buenos_Aires",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Montevideo (5:00 AM)",
+                                                                  "label": "Montevideo (7:00 AM)",
                                                                   "value": "America/Montevideo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Bucharest (11:00 AM)",
+                                                                  "label": "Bucharest (1:00 PM)",
                                                                   "value": "Europe/Bucharest",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Helsinki (11:00 AM)",
+                                                                  "label": "Helsinki (1:00 PM)",
                                                                   "value": "Europe/Helsinki",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kyiv (11:00 AM)",
+                                                                  "label": "Kyiv (1:00 PM)",
                                                                   "value": "Europe/Kiev",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riga (11:00 AM)",
+                                                                  "label": "Riga (1:00 PM)",
                                                                   "value": "Europe/Riga",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Sofia (11:00 AM)",
+                                                                  "label": "Sofia (1:00 PM)",
                                                                   "value": "Europe/Sofia",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Tallinn (11:00 AM)",
+                                                                  "label": "Tallinn (1:00 PM)",
                                                                   "value": "Europe/Tallinn",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Vilnius (11:00 AM)",
+                                                                  "label": "Vilnius (1:00 PM)",
                                                                   "value": "Europe/Vilnius",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Athens (11:00 AM)",
+                                                                  "label": "Athens (1:00 PM)",
                                                                   "value": "Europe/Athens",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Istanbul (11:00 AM)",
+                                                                  "label": "Istanbul (1:00 PM)",
                                                                   "value": "Europe/Istanbul",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Minsk (11:00 AM)",
+                                                                  "label": "Minsk (1:00 PM)",
                                                                   "value": "Europe/Minsk",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Jerusalem (11:00 AM)",
+                                                                  "label": "Jerusalem (1:00 PM)",
                                                                   "value": "Asia/Jerusalem",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Moscow (11:00 AM)",
+                                                                  "label": "Moscow (1:00 PM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "St. Petersburg (11:00 AM)",
+                                                                  "label": "St. Petersburg (1:00 PM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kuwait (11:00 AM)",
+                                                                  "label": "Kuwait (1:00 PM)",
                                                                   "value": "Asia/Kuwait",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riyadh (11:00 AM)",
+                                                                  "label": "Riyadh (1:00 PM)",
                                                                   "value": "Asia/Riyadh",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Nairobi (11:00 AM)",
+                                                                  "label": "Nairobi (1:00 PM)",
                                                                   "value": "Africa/Nairobi",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Baghdad (11:00 AM)",
+                                                                  "label": "Baghdad (1:00 PM)",
                                                                   "value": "Asia/Baghdad",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Caracas (4:00 AM)",
+                                                                  "label": "Caracas (6:00 AM)",
                                                                   "value": "America/Caracas",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "La Paz (4:00 AM)",
+                                                                  "label": "La Paz (6:00 AM)",
                                                                   "value": "America/La_Paz",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Santiago (4:00 AM)",
+                                                                  "label": "Santiago (6:00 AM)",
                                                                   "value": "America/Santiago",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Georgetown (4:00 AM)",
+                                                                  "label": "Georgetown (6:00 AM)",
                                                                   "value": "America/Guyana",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Volgograd (12:00 PM)",
+                                                                  "label": "Volgograd (2:00 PM)",
                                                                   "value": "Europe/Volgograd",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Samara (12:00 PM)",
+                                                                  "label": "Samara (2:00 PM)",
                                                                   "value": "Europe/Samara",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Abu Dhabi (12:00 PM)",
+                                                                  "label": "Abu Dhabi (2:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Muscat (12:00 PM)",
+                                                                  "label": "Muscat (2:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Baku (12:00 PM)",
+                                                                  "label": "Baku (2:00 PM)",
                                                                   "value": "Asia/Baku",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Tbilisi (12:00 PM)",
+                                                                  "label": "Tbilisi (2:00 PM)",
                                                                   "value": "Asia/Tbilisi",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Yerevan (12:00 PM)",
+                                                                  "label": "Yerevan (2:00 PM)",
                                                                   "value": "Asia/Yerevan",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Tehran (12:30 PM)",
+                                                                  "label": "Tehran (2:30 PM)",
                                                                   "value": "Asia/Tehran",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Kabul (12:30 PM)",
+                                                                  "label": "Kabul (2:30 PM)",
                                                                   "value": "Asia/Kabul",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Guadalajara (3:00 AM)",
+                                                                  "label": "Guadalajara (5:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Mexico City (3:00 AM)",
+                                                                  "label": "Mexico City (5:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Monterrey (3:00 AM)",
+                                                                  "label": "Monterrey (5:00 AM)",
                                                                   "value": "America/Monterrey",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Bogota (3:00 AM)",
+                                                                  "label": "Bogota (5:00 AM)",
                                                                   "value": "America/Bogota",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Lima (3:00 AM)",
+                                                                  "label": "Lima (5:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Quito (3:00 AM)",
+                                                                  "label": "Quito (5:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Ekaterinburg (1:00 PM)",
+                                                                  "label": "Ekaterinburg (3:00 PM)",
                                                                   "value": "Asia/Yekaterinburg",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Islamabad (1:00 PM)",
+                                                                  "label": "Islamabad (3:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Karachi (1:00 PM)",
+                                                                  "label": "Karachi (3:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Tashkent (1:00 PM)",
+                                                                  "label": "Tashkent (3:00 PM)",
                                                                   "value": "Asia/Tashkent",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Chennai (1:30 PM)",
+                                                                  "label": "Chennai (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Kolkata (1:30 PM)",
+                                                                  "label": "Kolkata (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Mumbai (1:30 PM)",
+                                                                  "label": "Mumbai (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "New Delhi (1:30 PM)",
+                                                                  "label": "New Delhi (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                  "label": "Sri Jayawardenepura (3:30 PM)",
                                                                   "value": "Asia/Colombo",
                                                                 },
                                                                 Object {
                                                                   "index": 445,
-                                                                  "label": "Kathmandu (1:45 PM)",
+                                                                  "label": "Kathmandu (3:45 PM)",
                                                                   "value": "Asia/Kathmandu",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Chihuahua (2:00 AM)",
+                                                                  "label": "Chihuahua (4:00 AM)",
                                                                   "value": "America/Chihuahua",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Mazatlan (2:00 AM)",
+                                                                  "label": "Mazatlan (4:00 AM)",
                                                                   "value": "America/Mazatlan",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Saskatchewan (2:00 AM)",
+                                                                  "label": "Saskatchewan (4:00 AM)",
                                                                   "value": "America/Regina",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Central America (2:00 AM)",
+                                                                  "label": "Central America (4:00 AM)",
                                                                   "value": "America/Guatemala",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Astana (2:00 PM)",
+                                                                  "label": "Astana (4:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Dhaka (2:00 PM)",
+                                                                  "label": "Dhaka (4:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Almaty (2:00 PM)",
+                                                                  "label": "Almaty (4:00 PM)",
                                                                   "value": "Asia/Almaty",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Urumqi (2:00 PM)",
+                                                                  "label": "Urumqi (4:00 PM)",
                                                                   "value": "Asia/Urumqi",
                                                                 },
                                                                 Object {
                                                                   "index": 490,
-                                                                  "label": "Rangoon (2:30 PM)",
+                                                                  "label": "Rangoon (4:30 PM)",
                                                                   "value": "Asia/Rangoon",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Tijuana (1:00 AM)",
+                                                                  "label": "Tijuana (3:00 AM)",
                                                                   "value": "America/Tijuana",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Novosibirsk (3:00 PM)",
+                                                                  "label": "Novosibirsk (5:00 PM)",
                                                                   "value": "Asia/Novosibirsk",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Bangkok (3:00 PM)",
+                                                                  "label": "Bangkok (5:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Hanoi (3:00 PM)",
+                                                                  "label": "Hanoi (5:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Jakarta (3:00 PM)",
+                                                                  "label": "Jakarta (5:00 PM)",
                                                                   "value": "Asia/Jakarta",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Krasnoyarsk (3:00 PM)",
+                                                                  "label": "Krasnoyarsk (5:00 PM)",
                                                                   "value": "Asia/Krasnoyarsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Beijing (4:00 PM)",
+                                                                  "label": "Beijing (6:00 PM)",
                                                                   "value": "Asia/Shanghai",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Chongqing (4:00 PM)",
+                                                                  "label": "Chongqing (6:00 PM)",
                                                                   "value": "Asia/Chongqing",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Hong Kong (4:00 PM)",
+                                                                  "label": "Hong Kong (6:00 PM)",
                                                                   "value": "Asia/Hong_Kong",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Kuala Lumpur (4:00 PM)",
+                                                                  "label": "Kuala Lumpur (6:00 PM)",
                                                                   "value": "Asia/Kuala_Lumpur",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Singapore (4:00 PM)",
+                                                                  "label": "Singapore (6:00 PM)",
                                                                   "value": "Asia/Singapore",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Taipei (4:00 PM)",
+                                                                  "label": "Taipei (6:00 PM)",
                                                                   "value": "Asia/Taipei",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Perth (4:00 PM)",
+                                                                  "label": "Perth (6:00 PM)",
                                                                   "value": "Australia/Perth",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Irkutsk (4:00 PM)",
+                                                                  "label": "Irkutsk (6:00 PM)",
                                                                   "value": "Asia/Irkutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Ulaanbaatar (4:00 PM)",
+                                                                  "label": "Ulaanbaatar (6:00 PM)",
                                                                   "value": "Asia/Ulaanbaatar",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Seoul (5:00 PM)",
+                                                                  "label": "Seoul (7:00 PM)",
                                                                   "value": "Asia/Seoul",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Osaka (5:00 PM)",
+                                                                  "label": "Osaka (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Sapporo (5:00 PM)",
+                                                                  "label": "Sapporo (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Tokyo (5:00 PM)",
+                                                                  "label": "Tokyo (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Yakutsk (5:00 PM)",
+                                                                  "label": "Yakutsk (7:00 PM)",
                                                                   "value": "Asia/Yakutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Darwin (5:30 PM)",
+                                                                  "label": "Darwin (7:30 PM)",
                                                                   "value": "Australia/Darwin",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Adelaide (5:30 PM)",
+                                                                  "label": "Adelaide (7:30 PM)",
                                                                   "value": "Australia/Adelaide",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Canberra (6:00 PM)",
+                                                                  "label": "Canberra (8:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Melbourne (6:00 PM)",
+                                                                  "label": "Melbourne (8:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Sydney (6:00 PM)",
+                                                                  "label": "Sydney (8:00 PM)",
                                                                   "value": "Australia/Sydney",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Brisbane (6:00 PM)",
+                                                                  "label": "Brisbane (8:00 PM)",
                                                                   "value": "Australia/Brisbane",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Hobart (6:00 PM)",
+                                                                  "label": "Hobart (8:00 PM)",
                                                                   "value": "Australia/Hobart",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Vladivostok (6:00 PM)",
+                                                                  "label": "Vladivostok (8:00 PM)",
                                                                   "value": "Asia/Vladivostok",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Guam (6:00 PM)",
+                                                                  "label": "Guam (8:00 PM)",
                                                                   "value": "Pacific/Guam",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Port Moresby (6:00 PM)",
+                                                                  "label": "Port Moresby (8:00 PM)",
                                                                   "value": "Pacific/Port_Moresby",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Midway Island (9:00 PM)",
+                                                                  "label": "Midway Island (11:00 PM)",
                                                                   "value": "Pacific/Midway",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "American Samoa (9:00 PM)",
+                                                                  "label": "American Samoa (11:00 PM)",
                                                                   "value": "Pacific/Pago_Pago",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Magadan (7:00 PM)",
+                                                                  "label": "Magadan (9:00 PM)",
                                                                   "value": "Asia/Magadan",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Srednekolymsk (7:00 PM)",
+                                                                  "label": "Srednekolymsk (9:00 PM)",
                                                                   "value": "Asia/Srednekolymsk",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Solomon Is. (7:00 PM)",
+                                                                  "label": "Solomon Is. (9:00 PM)",
                                                                   "value": "Pacific/Guadalcanal",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "New Caledonia (7:00 PM)",
+                                                                  "label": "New Caledonia (9:00 PM)",
                                                                   "value": "Pacific/Noumea",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "International Date Line West (8:00 PM)",
+                                                                  "label": "International Date Line West (10:00 PM)",
                                                                   "value": "Etc/GMT+12",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Fiji (8:00 PM)",
+                                                                  "label": "Fiji (10:00 PM)",
                                                                   "value": "Pacific/Fiji",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Kamchatka (8:00 PM)",
+                                                                  "label": "Kamchatka (10:00 PM)",
                                                                   "value": "Asia/Kamchatka",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Marshall Is. (8:00 PM)",
+                                                                  "label": "Marshall Is. (10:00 PM)",
                                                                   "value": "Pacific/Majuro",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Auckland (8:00 PM)",
+                                                                  "label": "Auckland (10:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Wellington (8:00 PM)",
+                                                                  "label": "Wellington (10:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 865,
-                                                                  "label": "Chatham Is. (8:45 PM)",
+                                                                  "label": "Chatham Is. (10:45 PM)",
                                                                   "value": "Pacific/Chatham",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Nuku'alofa (9:00 PM)",
+                                                                  "label": "Nuku'alofa (11:00 PM)",
                                                                   "value": "Pacific/Tongatapu",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Tokelau Is. (9:00 PM)",
+                                                                  "label": "Tokelau Is. (11:00 PM)",
                                                                   "value": "Pacific/Fakaofo",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Samoa (9:00 PM)",
+                                                                  "label": "Samoa (11:00 PM)",
                                                                   "value": "Pacific/Apia",
                                                                 },
                                                               ],
@@ -267236,7 +268248,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                               },
                                                               "tabIndex": "0",
                                                               "tabSelectsValue": true,
-                                                              "value": null,
+                                                              "value": Object {
+                                                                "index": -0,
+                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                                "value": "America/Los_Angeles",
+                                                              },
                                                             }
                                                           }
                                                           setValue={[Function]}
@@ -267296,7 +268312,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                           cx={[Function]}
                                                           getStyles={[Function]}
                                                           getValue={[Function]}
-                                                          hasValue={false}
+                                                          hasValue={true}
                                                           innerProps={
                                                             Object {
                                                               "aria-hidden": "true",
@@ -267316,762 +268332,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                               },
                                                               Object {
                                                                 "index": -3,
-                                                                "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                                 "value": "America/New_York",
                                                               },
                                                               Object {
                                                                 "index": -2,
-                                                                "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                "label": "Central Time (US & Canada) (5:00 AM)",
                                                                 "value": "America/Chicago",
                                                               },
                                                               Object {
                                                                 "index": -1,
-                                                                "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                                 "value": "America/Denver",
                                                               },
                                                               Object {
                                                                 "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                                 "value": "America/Los_Angeles",
                                                               },
                                                               Object {
                                                                 "index": 2.4,
-                                                                "label": "Indiana (East) (4:00 AM)",
+                                                                "label": "Indiana (East) (6:00 AM)",
                                                                 "value": "America/Indiana/Indianapolis",
                                                               },
                                                               Object {
                                                                 "index": 2.4,
-                                                                "label": "Puerto Rico (4:00 AM)",
+                                                                "label": "Puerto Rico (6:00 AM)",
                                                                 "value": "America/Puerto_Rico",
                                                               },
                                                               Object {
                                                                 "index": 4.2,
-                                                                "label": "Arizona (1:00 AM)",
+                                                                "label": "Arizona (3:00 AM)",
                                                                 "value": "America/Phoenix",
                                                               },
                                                               Object {
                                                                 "index": 4.8,
-                                                                "label": "Alaska (12:00 AM)",
+                                                                "label": "Alaska (2:00 AM)",
                                                                 "value": "America/Juneau",
                                                               },
                                                               Object {
                                                                 "index": 4.8,
-                                                                "label": "Philippine Standard Time (4:00 PM)",
+                                                                "label": "Philippine Standard Time (6:00 PM)",
                                                                 "value": "Asia/Manila",
                                                               },
                                                               Object {
                                                                 "index": 6,
-                                                                "label": "Hawaii (10:00 PM)",
+                                                                "label": "Hawaii (12:00 AM)",
                                                                 "value": "Pacific/Honolulu",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "Azores (8:00 AM)",
+                                                                "label": "Azores (10:00 AM)",
                                                                 "value": "Atlantic/Azores",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "Monrovia (8:00 AM)",
+                                                                "label": "Monrovia (10:00 AM)",
                                                                 "value": "Africa/Monrovia",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "UTC (8:00 AM)",
+                                                                "label": "UTC (10:00 AM)",
                                                                 "value": "Etc/UTC",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Cape Verde Is. (7:00 AM)",
+                                                                "label": "Cape Verde Is. (9:00 AM)",
                                                                 "value": "Atlantic/Cape_Verde",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Dublin (9:00 AM)",
+                                                                "label": "Dublin (11:00 AM)",
                                                                 "value": "Europe/Dublin",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Edinburgh (9:00 AM)",
+                                                                "label": "Edinburgh (11:00 AM)",
                                                                 "value": "Europe/London",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Lisbon (9:00 AM)",
+                                                                "label": "Lisbon (11:00 AM)",
                                                                 "value": "Europe/Lisbon",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "London (9:00 AM)",
+                                                                "label": "London (11:00 AM)",
                                                                 "value": "Europe/London",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Casablanca (9:00 AM)",
+                                                                "label": "Casablanca (11:00 AM)",
                                                                 "value": "Africa/Casablanca",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "West Central Africa (9:00 AM)",
+                                                                "label": "West Central Africa (11:00 AM)",
                                                                 "value": "Africa/Algiers",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Greenland (6:00 AM)",
+                                                                "label": "Greenland (8:00 AM)",
                                                                 "value": "America/Godthab",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Mid-Atlantic (6:00 AM)",
+                                                                "label": "Mid-Atlantic (8:00 AM)",
                                                                 "value": "Atlantic/South_Georgia",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Belgrade (10:00 AM)",
+                                                                "label": "Belgrade (12:00 PM)",
                                                                 "value": "Europe/Belgrade",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Bratislava (10:00 AM)",
+                                                                "label": "Bratislava (12:00 PM)",
                                                                 "value": "Europe/Bratislava",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Budapest (10:00 AM)",
+                                                                "label": "Budapest (12:00 PM)",
                                                                 "value": "Europe/Budapest",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Ljubljana (10:00 AM)",
+                                                                "label": "Ljubljana (12:00 PM)",
                                                                 "value": "Europe/Ljubljana",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Prague (10:00 AM)",
+                                                                "label": "Prague (12:00 PM)",
                                                                 "value": "Europe/Prague",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Sarajevo (10:00 AM)",
+                                                                "label": "Sarajevo (12:00 PM)",
                                                                 "value": "Europe/Sarajevo",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Skopje (10:00 AM)",
+                                                                "label": "Skopje (12:00 PM)",
                                                                 "value": "Europe/Skopje",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Warsaw (10:00 AM)",
+                                                                "label": "Warsaw (12:00 PM)",
                                                                 "value": "Europe/Warsaw",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Zagreb (10:00 AM)",
+                                                                "label": "Zagreb (12:00 PM)",
                                                                 "value": "Europe/Zagreb",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Brussels (10:00 AM)",
+                                                                "label": "Brussels (12:00 PM)",
                                                                 "value": "Europe/Brussels",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Copenhagen (10:00 AM)",
+                                                                "label": "Copenhagen (12:00 PM)",
                                                                 "value": "Europe/Copenhagen",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Madrid (10:00 AM)",
+                                                                "label": "Madrid (12:00 PM)",
                                                                 "value": "Europe/Madrid",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Paris (10:00 AM)",
+                                                                "label": "Paris (12:00 PM)",
                                                                 "value": "Europe/Paris",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Amsterdam (10:00 AM)",
+                                                                "label": "Amsterdam (12:00 PM)",
                                                                 "value": "Europe/Amsterdam",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Berlin (10:00 AM)",
+                                                                "label": "Berlin (12:00 PM)",
                                                                 "value": "Europe/Berlin",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Bern (10:00 AM)",
+                                                                "label": "Bern (12:00 PM)",
                                                                 "value": "Europe/Zurich",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Zurich (10:00 AM)",
+                                                                "label": "Zurich (12:00 PM)",
                                                                 "value": "Europe/Zurich",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Rome (10:00 AM)",
+                                                                "label": "Rome (12:00 PM)",
                                                                 "value": "Europe/Rome",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Stockholm (10:00 AM)",
+                                                                "label": "Stockholm (12:00 PM)",
                                                                 "value": "Europe/Stockholm",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Vienna (10:00 AM)",
+                                                                "label": "Vienna (12:00 PM)",
                                                                 "value": "Europe/Vienna",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Cairo (10:00 AM)",
+                                                                "label": "Cairo (12:00 PM)",
                                                                 "value": "Africa/Cairo",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Harare (10:00 AM)",
+                                                                "label": "Harare (12:00 PM)",
                                                                 "value": "Africa/Harare",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Pretoria (10:00 AM)",
+                                                                "label": "Pretoria (12:00 PM)",
                                                                 "value": "Africa/Johannesburg",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Kaliningrad (10:00 AM)",
+                                                                "label": "Kaliningrad (12:00 PM)",
                                                                 "value": "Europe/Kaliningrad",
                                                               },
                                                               Object {
                                                                 "index": 250,
-                                                                "label": "Newfoundland (5:30 AM)",
+                                                                "label": "Newfoundland (7:30 AM)",
                                                                 "value": "America/St_Johns",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                "label": "Atlantic Time (Canada) (7:00 AM)",
                                                                 "value": "America/Halifax",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Brasilia (5:00 AM)",
+                                                                "label": "Brasilia (7:00 AM)",
                                                                 "value": "America/Sao_Paulo",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Buenos Aires (5:00 AM)",
+                                                                "label": "Buenos Aires (7:00 AM)",
                                                                 "value": "America/Argentina/Buenos_Aires",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Montevideo (5:00 AM)",
+                                                                "label": "Montevideo (7:00 AM)",
                                                                 "value": "America/Montevideo",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Bucharest (11:00 AM)",
+                                                                "label": "Bucharest (1:00 PM)",
                                                                 "value": "Europe/Bucharest",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Helsinki (11:00 AM)",
+                                                                "label": "Helsinki (1:00 PM)",
                                                                 "value": "Europe/Helsinki",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Kyiv (11:00 AM)",
+                                                                "label": "Kyiv (1:00 PM)",
                                                                 "value": "Europe/Kiev",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Riga (11:00 AM)",
+                                                                "label": "Riga (1:00 PM)",
                                                                 "value": "Europe/Riga",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Sofia (11:00 AM)",
+                                                                "label": "Sofia (1:00 PM)",
                                                                 "value": "Europe/Sofia",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Tallinn (11:00 AM)",
+                                                                "label": "Tallinn (1:00 PM)",
                                                                 "value": "Europe/Tallinn",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Vilnius (11:00 AM)",
+                                                                "label": "Vilnius (1:00 PM)",
                                                                 "value": "Europe/Vilnius",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Athens (11:00 AM)",
+                                                                "label": "Athens (1:00 PM)",
                                                                 "value": "Europe/Athens",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Istanbul (11:00 AM)",
+                                                                "label": "Istanbul (1:00 PM)",
                                                                 "value": "Europe/Istanbul",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Minsk (11:00 AM)",
+                                                                "label": "Minsk (1:00 PM)",
                                                                 "value": "Europe/Minsk",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Jerusalem (11:00 AM)",
+                                                                "label": "Jerusalem (1:00 PM)",
                                                                 "value": "Asia/Jerusalem",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Moscow (11:00 AM)",
+                                                                "label": "Moscow (1:00 PM)",
                                                                 "value": "Europe/Moscow",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "St. Petersburg (11:00 AM)",
+                                                                "label": "St. Petersburg (1:00 PM)",
                                                                 "value": "Europe/Moscow",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Kuwait (11:00 AM)",
+                                                                "label": "Kuwait (1:00 PM)",
                                                                 "value": "Asia/Kuwait",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Riyadh (11:00 AM)",
+                                                                "label": "Riyadh (1:00 PM)",
                                                                 "value": "Asia/Riyadh",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Nairobi (11:00 AM)",
+                                                                "label": "Nairobi (1:00 PM)",
                                                                 "value": "Africa/Nairobi",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Baghdad (11:00 AM)",
+                                                                "label": "Baghdad (1:00 PM)",
                                                                 "value": "Asia/Baghdad",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Caracas (4:00 AM)",
+                                                                "label": "Caracas (6:00 AM)",
                                                                 "value": "America/Caracas",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "La Paz (4:00 AM)",
+                                                                "label": "La Paz (6:00 AM)",
                                                                 "value": "America/La_Paz",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Santiago (4:00 AM)",
+                                                                "label": "Santiago (6:00 AM)",
                                                                 "value": "America/Santiago",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Georgetown (4:00 AM)",
+                                                                "label": "Georgetown (6:00 AM)",
                                                                 "value": "America/Guyana",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Volgograd (12:00 PM)",
+                                                                "label": "Volgograd (2:00 PM)",
                                                                 "value": "Europe/Volgograd",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Samara (12:00 PM)",
+                                                                "label": "Samara (2:00 PM)",
                                                                 "value": "Europe/Samara",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Abu Dhabi (12:00 PM)",
+                                                                "label": "Abu Dhabi (2:00 PM)",
                                                                 "value": "Asia/Muscat",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Muscat (12:00 PM)",
+                                                                "label": "Muscat (2:00 PM)",
                                                                 "value": "Asia/Muscat",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Baku (12:00 PM)",
+                                                                "label": "Baku (2:00 PM)",
                                                                 "value": "Asia/Baku",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Tbilisi (12:00 PM)",
+                                                                "label": "Tbilisi (2:00 PM)",
                                                                 "value": "Asia/Tbilisi",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Yerevan (12:00 PM)",
+                                                                "label": "Yerevan (2:00 PM)",
                                                                 "value": "Asia/Yerevan",
                                                               },
                                                               Object {
                                                                 "index": 370,
-                                                                "label": "Tehran (12:30 PM)",
+                                                                "label": "Tehran (2:30 PM)",
                                                                 "value": "Asia/Tehran",
                                                               },
                                                               Object {
                                                                 "index": 370,
-                                                                "label": "Kabul (12:30 PM)",
+                                                                "label": "Kabul (2:30 PM)",
                                                                 "value": "Asia/Kabul",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Guadalajara (3:00 AM)",
+                                                                "label": "Guadalajara (5:00 AM)",
                                                                 "value": "America/Mexico_City",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Mexico City (3:00 AM)",
+                                                                "label": "Mexico City (5:00 AM)",
                                                                 "value": "America/Mexico_City",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Monterrey (3:00 AM)",
+                                                                "label": "Monterrey (5:00 AM)",
                                                                 "value": "America/Monterrey",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Bogota (3:00 AM)",
+                                                                "label": "Bogota (5:00 AM)",
                                                                 "value": "America/Bogota",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Lima (3:00 AM)",
+                                                                "label": "Lima (5:00 AM)",
                                                                 "value": "America/Lima",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Quito (3:00 AM)",
+                                                                "label": "Quito (5:00 AM)",
                                                                 "value": "America/Lima",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Ekaterinburg (1:00 PM)",
+                                                                "label": "Ekaterinburg (3:00 PM)",
                                                                 "value": "Asia/Yekaterinburg",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Islamabad (1:00 PM)",
+                                                                "label": "Islamabad (3:00 PM)",
                                                                 "value": "Asia/Karachi",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Karachi (1:00 PM)",
+                                                                "label": "Karachi (3:00 PM)",
                                                                 "value": "Asia/Karachi",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Tashkent (1:00 PM)",
+                                                                "label": "Tashkent (3:00 PM)",
                                                                 "value": "Asia/Tashkent",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Chennai (1:30 PM)",
+                                                                "label": "Chennai (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Kolkata (1:30 PM)",
+                                                                "label": "Kolkata (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Mumbai (1:30 PM)",
+                                                                "label": "Mumbai (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "New Delhi (1:30 PM)",
+                                                                "label": "New Delhi (3:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                "label": "Sri Jayawardenepura (3:30 PM)",
                                                                 "value": "Asia/Colombo",
                                                               },
                                                               Object {
                                                                 "index": 445,
-                                                                "label": "Kathmandu (1:45 PM)",
+                                                                "label": "Kathmandu (3:45 PM)",
                                                                 "value": "Asia/Kathmandu",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Chihuahua (2:00 AM)",
+                                                                "label": "Chihuahua (4:00 AM)",
                                                                 "value": "America/Chihuahua",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Mazatlan (2:00 AM)",
+                                                                "label": "Mazatlan (4:00 AM)",
                                                                 "value": "America/Mazatlan",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Saskatchewan (2:00 AM)",
+                                                                "label": "Saskatchewan (4:00 AM)",
                                                                 "value": "America/Regina",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Central America (2:00 AM)",
+                                                                "label": "Central America (4:00 AM)",
                                                                 "value": "America/Guatemala",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Astana (2:00 PM)",
+                                                                "label": "Astana (4:00 PM)",
                                                                 "value": "Asia/Dhaka",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Dhaka (2:00 PM)",
+                                                                "label": "Dhaka (4:00 PM)",
                                                                 "value": "Asia/Dhaka",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Almaty (2:00 PM)",
+                                                                "label": "Almaty (4:00 PM)",
                                                                 "value": "Asia/Almaty",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Urumqi (2:00 PM)",
+                                                                "label": "Urumqi (4:00 PM)",
                                                                 "value": "Asia/Urumqi",
                                                               },
                                                               Object {
                                                                 "index": 490,
-                                                                "label": "Rangoon (2:30 PM)",
+                                                                "label": "Rangoon (4:30 PM)",
                                                                 "value": "Asia/Rangoon",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Tijuana (1:00 AM)",
+                                                                "label": "Tijuana (3:00 AM)",
                                                                 "value": "America/Tijuana",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Novosibirsk (3:00 PM)",
+                                                                "label": "Novosibirsk (5:00 PM)",
                                                                 "value": "Asia/Novosibirsk",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Bangkok (3:00 PM)",
+                                                                "label": "Bangkok (5:00 PM)",
                                                                 "value": "Asia/Bangkok",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Hanoi (3:00 PM)",
+                                                                "label": "Hanoi (5:00 PM)",
                                                                 "value": "Asia/Bangkok",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Jakarta (3:00 PM)",
+                                                                "label": "Jakarta (5:00 PM)",
                                                                 "value": "Asia/Jakarta",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Krasnoyarsk (3:00 PM)",
+                                                                "label": "Krasnoyarsk (5:00 PM)",
                                                                 "value": "Asia/Krasnoyarsk",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Beijing (4:00 PM)",
+                                                                "label": "Beijing (6:00 PM)",
                                                                 "value": "Asia/Shanghai",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Chongqing (4:00 PM)",
+                                                                "label": "Chongqing (6:00 PM)",
                                                                 "value": "Asia/Chongqing",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Hong Kong (4:00 PM)",
+                                                                "label": "Hong Kong (6:00 PM)",
                                                                 "value": "Asia/Hong_Kong",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Kuala Lumpur (4:00 PM)",
+                                                                "label": "Kuala Lumpur (6:00 PM)",
                                                                 "value": "Asia/Kuala_Lumpur",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Singapore (4:00 PM)",
+                                                                "label": "Singapore (6:00 PM)",
                                                                 "value": "Asia/Singapore",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Taipei (4:00 PM)",
+                                                                "label": "Taipei (6:00 PM)",
                                                                 "value": "Asia/Taipei",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Perth (4:00 PM)",
+                                                                "label": "Perth (6:00 PM)",
                                                                 "value": "Australia/Perth",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Irkutsk (4:00 PM)",
+                                                                "label": "Irkutsk (6:00 PM)",
                                                                 "value": "Asia/Irkutsk",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Ulaanbaatar (4:00 PM)",
+                                                                "label": "Ulaanbaatar (6:00 PM)",
                                                                 "value": "Asia/Ulaanbaatar",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Seoul (5:00 PM)",
+                                                                "label": "Seoul (7:00 PM)",
                                                                 "value": "Asia/Seoul",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Osaka (5:00 PM)",
+                                                                "label": "Osaka (7:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Sapporo (5:00 PM)",
+                                                                "label": "Sapporo (7:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Tokyo (5:00 PM)",
+                                                                "label": "Tokyo (7:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Yakutsk (5:00 PM)",
+                                                                "label": "Yakutsk (7:00 PM)",
                                                                 "value": "Asia/Yakutsk",
                                                               },
                                                               Object {
                                                                 "index": 670,
-                                                                "label": "Darwin (5:30 PM)",
+                                                                "label": "Darwin (7:30 PM)",
                                                                 "value": "Australia/Darwin",
                                                               },
                                                               Object {
                                                                 "index": 670,
-                                                                "label": "Adelaide (5:30 PM)",
+                                                                "label": "Adelaide (7:30 PM)",
                                                                 "value": "Australia/Adelaide",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Canberra (6:00 PM)",
+                                                                "label": "Canberra (8:00 PM)",
                                                                 "value": "Australia/Melbourne",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Melbourne (6:00 PM)",
+                                                                "label": "Melbourne (8:00 PM)",
                                                                 "value": "Australia/Melbourne",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Sydney (6:00 PM)",
+                                                                "label": "Sydney (8:00 PM)",
                                                                 "value": "Australia/Sydney",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Brisbane (6:00 PM)",
+                                                                "label": "Brisbane (8:00 PM)",
                                                                 "value": "Australia/Brisbane",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Hobart (6:00 PM)",
+                                                                "label": "Hobart (8:00 PM)",
                                                                 "value": "Australia/Hobart",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Vladivostok (6:00 PM)",
+                                                                "label": "Vladivostok (8:00 PM)",
                                                                 "value": "Asia/Vladivostok",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Guam (6:00 PM)",
+                                                                "label": "Guam (8:00 PM)",
                                                                 "value": "Pacific/Guam",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Port Moresby (6:00 PM)",
+                                                                "label": "Port Moresby (8:00 PM)",
                                                                 "value": "Pacific/Port_Moresby",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Midway Island (9:00 PM)",
+                                                                "label": "Midway Island (11:00 PM)",
                                                                 "value": "Pacific/Midway",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "American Samoa (9:00 PM)",
+                                                                "label": "American Samoa (11:00 PM)",
                                                                 "value": "Pacific/Pago_Pago",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Magadan (7:00 PM)",
+                                                                "label": "Magadan (9:00 PM)",
                                                                 "value": "Asia/Magadan",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Srednekolymsk (7:00 PM)",
+                                                                "label": "Srednekolymsk (9:00 PM)",
                                                                 "value": "Asia/Srednekolymsk",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Solomon Is. (7:00 PM)",
+                                                                "label": "Solomon Is. (9:00 PM)",
                                                                 "value": "Pacific/Guadalcanal",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "New Caledonia (7:00 PM)",
+                                                                "label": "New Caledonia (9:00 PM)",
                                                                 "value": "Pacific/Noumea",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "International Date Line West (8:00 PM)",
+                                                                "label": "International Date Line West (10:00 PM)",
                                                                 "value": "Etc/GMT+12",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Fiji (8:00 PM)",
+                                                                "label": "Fiji (10:00 PM)",
                                                                 "value": "Pacific/Fiji",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Kamchatka (8:00 PM)",
+                                                                "label": "Kamchatka (10:00 PM)",
                                                                 "value": "Asia/Kamchatka",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Marshall Is. (8:00 PM)",
+                                                                "label": "Marshall Is. (10:00 PM)",
                                                                 "value": "Pacific/Majuro",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Auckland (8:00 PM)",
+                                                                "label": "Auckland (10:00 PM)",
                                                                 "value": "Pacific/Auckland",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Wellington (8:00 PM)",
+                                                                "label": "Wellington (10:00 PM)",
                                                                 "value": "Pacific/Auckland",
                                                               },
                                                               Object {
                                                                 "index": 865,
-                                                                "label": "Chatham Is. (8:45 PM)",
+                                                                "label": "Chatham Is. (10:45 PM)",
                                                                 "value": "Pacific/Chatham",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Nuku'alofa (9:00 PM)",
+                                                                "label": "Nuku'alofa (11:00 PM)",
                                                                 "value": "Pacific/Tongatapu",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Tokelau Is. (9:00 PM)",
+                                                                "label": "Tokelau Is. (11:00 PM)",
                                                                 "value": "Pacific/Fakaofo",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Samoa (9:00 PM)",
+                                                                "label": "Samoa (11:00 PM)",
                                                                 "value": "Pacific/Apia",
                                                               },
                                                             ]
@@ -268132,762 +269148,762 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                                 },
                                                                 Object {
                                                                   "index": -3,
-                                                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
                                                                   "value": "America/New_York",
                                                                 },
                                                                 Object {
                                                                   "index": -2,
-                                                                  "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                  "label": "Central Time (US & Canada) (5:00 AM)",
                                                                   "value": "America/Chicago",
                                                                 },
                                                                 Object {
                                                                   "index": -1,
-                                                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
                                                                   "value": "America/Denver",
                                                                 },
                                                                 Object {
                                                                   "index": -0,
-                                                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
                                                                   "value": "America/Los_Angeles",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Indiana (East) (4:00 AM)",
+                                                                  "label": "Indiana (East) (6:00 AM)",
                                                                   "value": "America/Indiana/Indianapolis",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Puerto Rico (4:00 AM)",
+                                                                  "label": "Puerto Rico (6:00 AM)",
                                                                   "value": "America/Puerto_Rico",
                                                                 },
                                                                 Object {
                                                                   "index": 4.2,
-                                                                  "label": "Arizona (1:00 AM)",
+                                                                  "label": "Arizona (3:00 AM)",
                                                                   "value": "America/Phoenix",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Alaska (12:00 AM)",
+                                                                  "label": "Alaska (2:00 AM)",
                                                                   "value": "America/Juneau",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Philippine Standard Time (4:00 PM)",
+                                                                  "label": "Philippine Standard Time (6:00 PM)",
                                                                   "value": "Asia/Manila",
                                                                 },
                                                                 Object {
                                                                   "index": 6,
-                                                                  "label": "Hawaii (10:00 PM)",
+                                                                  "label": "Hawaii (12:00 AM)",
                                                                   "value": "Pacific/Honolulu",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Azores (8:00 AM)",
+                                                                  "label": "Azores (10:00 AM)",
                                                                   "value": "Atlantic/Azores",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Monrovia (8:00 AM)",
+                                                                  "label": "Monrovia (10:00 AM)",
                                                                   "value": "Africa/Monrovia",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "UTC (8:00 AM)",
+                                                                  "label": "UTC (10:00 AM)",
                                                                   "value": "Etc/UTC",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Cape Verde Is. (7:00 AM)",
+                                                                  "label": "Cape Verde Is. (9:00 AM)",
                                                                   "value": "Atlantic/Cape_Verde",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Dublin (9:00 AM)",
+                                                                  "label": "Dublin (11:00 AM)",
                                                                   "value": "Europe/Dublin",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Edinburgh (9:00 AM)",
+                                                                  "label": "Edinburgh (11:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Lisbon (9:00 AM)",
+                                                                  "label": "Lisbon (11:00 AM)",
                                                                   "value": "Europe/Lisbon",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "London (9:00 AM)",
+                                                                  "label": "London (11:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Casablanca (9:00 AM)",
+                                                                  "label": "Casablanca (11:00 AM)",
                                                                   "value": "Africa/Casablanca",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "West Central Africa (9:00 AM)",
+                                                                  "label": "West Central Africa (11:00 AM)",
                                                                   "value": "Africa/Algiers",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Greenland (6:00 AM)",
+                                                                  "label": "Greenland (8:00 AM)",
                                                                   "value": "America/Godthab",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Mid-Atlantic (6:00 AM)",
+                                                                  "label": "Mid-Atlantic (8:00 AM)",
                                                                   "value": "Atlantic/South_Georgia",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Belgrade (10:00 AM)",
+                                                                  "label": "Belgrade (12:00 PM)",
                                                                   "value": "Europe/Belgrade",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bratislava (10:00 AM)",
+                                                                  "label": "Bratislava (12:00 PM)",
                                                                   "value": "Europe/Bratislava",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Budapest (10:00 AM)",
+                                                                  "label": "Budapest (12:00 PM)",
                                                                   "value": "Europe/Budapest",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Ljubljana (10:00 AM)",
+                                                                  "label": "Ljubljana (12:00 PM)",
                                                                   "value": "Europe/Ljubljana",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Prague (10:00 AM)",
+                                                                  "label": "Prague (12:00 PM)",
                                                                   "value": "Europe/Prague",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Sarajevo (10:00 AM)",
+                                                                  "label": "Sarajevo (12:00 PM)",
                                                                   "value": "Europe/Sarajevo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Skopje (10:00 AM)",
+                                                                  "label": "Skopje (12:00 PM)",
                                                                   "value": "Europe/Skopje",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Warsaw (10:00 AM)",
+                                                                  "label": "Warsaw (12:00 PM)",
                                                                   "value": "Europe/Warsaw",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zagreb (10:00 AM)",
+                                                                  "label": "Zagreb (12:00 PM)",
                                                                   "value": "Europe/Zagreb",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Brussels (10:00 AM)",
+                                                                  "label": "Brussels (12:00 PM)",
                                                                   "value": "Europe/Brussels",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Copenhagen (10:00 AM)",
+                                                                  "label": "Copenhagen (12:00 PM)",
                                                                   "value": "Europe/Copenhagen",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Madrid (10:00 AM)",
+                                                                  "label": "Madrid (12:00 PM)",
                                                                   "value": "Europe/Madrid",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Paris (10:00 AM)",
+                                                                  "label": "Paris (12:00 PM)",
                                                                   "value": "Europe/Paris",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Amsterdam (10:00 AM)",
+                                                                  "label": "Amsterdam (12:00 PM)",
                                                                   "value": "Europe/Amsterdam",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Berlin (10:00 AM)",
+                                                                  "label": "Berlin (12:00 PM)",
                                                                   "value": "Europe/Berlin",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bern (10:00 AM)",
+                                                                  "label": "Bern (12:00 PM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zurich (10:00 AM)",
+                                                                  "label": "Zurich (12:00 PM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Rome (10:00 AM)",
+                                                                  "label": "Rome (12:00 PM)",
                                                                   "value": "Europe/Rome",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Stockholm (10:00 AM)",
+                                                                  "label": "Stockholm (12:00 PM)",
                                                                   "value": "Europe/Stockholm",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Vienna (10:00 AM)",
+                                                                  "label": "Vienna (12:00 PM)",
                                                                   "value": "Europe/Vienna",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Cairo (10:00 AM)",
+                                                                  "label": "Cairo (12:00 PM)",
                                                                   "value": "Africa/Cairo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Harare (10:00 AM)",
+                                                                  "label": "Harare (12:00 PM)",
                                                                   "value": "Africa/Harare",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Pretoria (10:00 AM)",
+                                                                  "label": "Pretoria (12:00 PM)",
                                                                   "value": "Africa/Johannesburg",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Kaliningrad (10:00 AM)",
+                                                                  "label": "Kaliningrad (12:00 PM)",
                                                                   "value": "Europe/Kaliningrad",
                                                                 },
                                                                 Object {
                                                                   "index": 250,
-                                                                  "label": "Newfoundland (5:30 AM)",
+                                                                  "label": "Newfoundland (7:30 AM)",
                                                                   "value": "America/St_Johns",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                  "label": "Atlantic Time (Canada) (7:00 AM)",
                                                                   "value": "America/Halifax",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Brasilia (5:00 AM)",
+                                                                  "label": "Brasilia (7:00 AM)",
                                                                   "value": "America/Sao_Paulo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Buenos Aires (5:00 AM)",
+                                                                  "label": "Buenos Aires (7:00 AM)",
                                                                   "value": "America/Argentina/Buenos_Aires",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Montevideo (5:00 AM)",
+                                                                  "label": "Montevideo (7:00 AM)",
                                                                   "value": "America/Montevideo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Bucharest (11:00 AM)",
+                                                                  "label": "Bucharest (1:00 PM)",
                                                                   "value": "Europe/Bucharest",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Helsinki (11:00 AM)",
+                                                                  "label": "Helsinki (1:00 PM)",
                                                                   "value": "Europe/Helsinki",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kyiv (11:00 AM)",
+                                                                  "label": "Kyiv (1:00 PM)",
                                                                   "value": "Europe/Kiev",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riga (11:00 AM)",
+                                                                  "label": "Riga (1:00 PM)",
                                                                   "value": "Europe/Riga",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Sofia (11:00 AM)",
+                                                                  "label": "Sofia (1:00 PM)",
                                                                   "value": "Europe/Sofia",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Tallinn (11:00 AM)",
+                                                                  "label": "Tallinn (1:00 PM)",
                                                                   "value": "Europe/Tallinn",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Vilnius (11:00 AM)",
+                                                                  "label": "Vilnius (1:00 PM)",
                                                                   "value": "Europe/Vilnius",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Athens (11:00 AM)",
+                                                                  "label": "Athens (1:00 PM)",
                                                                   "value": "Europe/Athens",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Istanbul (11:00 AM)",
+                                                                  "label": "Istanbul (1:00 PM)",
                                                                   "value": "Europe/Istanbul",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Minsk (11:00 AM)",
+                                                                  "label": "Minsk (1:00 PM)",
                                                                   "value": "Europe/Minsk",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Jerusalem (11:00 AM)",
+                                                                  "label": "Jerusalem (1:00 PM)",
                                                                   "value": "Asia/Jerusalem",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Moscow (11:00 AM)",
+                                                                  "label": "Moscow (1:00 PM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "St. Petersburg (11:00 AM)",
+                                                                  "label": "St. Petersburg (1:00 PM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kuwait (11:00 AM)",
+                                                                  "label": "Kuwait (1:00 PM)",
                                                                   "value": "Asia/Kuwait",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riyadh (11:00 AM)",
+                                                                  "label": "Riyadh (1:00 PM)",
                                                                   "value": "Asia/Riyadh",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Nairobi (11:00 AM)",
+                                                                  "label": "Nairobi (1:00 PM)",
                                                                   "value": "Africa/Nairobi",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Baghdad (11:00 AM)",
+                                                                  "label": "Baghdad (1:00 PM)",
                                                                   "value": "Asia/Baghdad",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Caracas (4:00 AM)",
+                                                                  "label": "Caracas (6:00 AM)",
                                                                   "value": "America/Caracas",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "La Paz (4:00 AM)",
+                                                                  "label": "La Paz (6:00 AM)",
                                                                   "value": "America/La_Paz",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Santiago (4:00 AM)",
+                                                                  "label": "Santiago (6:00 AM)",
                                                                   "value": "America/Santiago",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Georgetown (4:00 AM)",
+                                                                  "label": "Georgetown (6:00 AM)",
                                                                   "value": "America/Guyana",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Volgograd (12:00 PM)",
+                                                                  "label": "Volgograd (2:00 PM)",
                                                                   "value": "Europe/Volgograd",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Samara (12:00 PM)",
+                                                                  "label": "Samara (2:00 PM)",
                                                                   "value": "Europe/Samara",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Abu Dhabi (12:00 PM)",
+                                                                  "label": "Abu Dhabi (2:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Muscat (12:00 PM)",
+                                                                  "label": "Muscat (2:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Baku (12:00 PM)",
+                                                                  "label": "Baku (2:00 PM)",
                                                                   "value": "Asia/Baku",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Tbilisi (12:00 PM)",
+                                                                  "label": "Tbilisi (2:00 PM)",
                                                                   "value": "Asia/Tbilisi",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Yerevan (12:00 PM)",
+                                                                  "label": "Yerevan (2:00 PM)",
                                                                   "value": "Asia/Yerevan",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Tehran (12:30 PM)",
+                                                                  "label": "Tehran (2:30 PM)",
                                                                   "value": "Asia/Tehran",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Kabul (12:30 PM)",
+                                                                  "label": "Kabul (2:30 PM)",
                                                                   "value": "Asia/Kabul",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Guadalajara (3:00 AM)",
+                                                                  "label": "Guadalajara (5:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Mexico City (3:00 AM)",
+                                                                  "label": "Mexico City (5:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Monterrey (3:00 AM)",
+                                                                  "label": "Monterrey (5:00 AM)",
                                                                   "value": "America/Monterrey",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Bogota (3:00 AM)",
+                                                                  "label": "Bogota (5:00 AM)",
                                                                   "value": "America/Bogota",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Lima (3:00 AM)",
+                                                                  "label": "Lima (5:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Quito (3:00 AM)",
+                                                                  "label": "Quito (5:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Ekaterinburg (1:00 PM)",
+                                                                  "label": "Ekaterinburg (3:00 PM)",
                                                                   "value": "Asia/Yekaterinburg",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Islamabad (1:00 PM)",
+                                                                  "label": "Islamabad (3:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Karachi (1:00 PM)",
+                                                                  "label": "Karachi (3:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Tashkent (1:00 PM)",
+                                                                  "label": "Tashkent (3:00 PM)",
                                                                   "value": "Asia/Tashkent",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Chennai (1:30 PM)",
+                                                                  "label": "Chennai (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Kolkata (1:30 PM)",
+                                                                  "label": "Kolkata (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Mumbai (1:30 PM)",
+                                                                  "label": "Mumbai (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "New Delhi (1:30 PM)",
+                                                                  "label": "New Delhi (3:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                  "label": "Sri Jayawardenepura (3:30 PM)",
                                                                   "value": "Asia/Colombo",
                                                                 },
                                                                 Object {
                                                                   "index": 445,
-                                                                  "label": "Kathmandu (1:45 PM)",
+                                                                  "label": "Kathmandu (3:45 PM)",
                                                                   "value": "Asia/Kathmandu",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Chihuahua (2:00 AM)",
+                                                                  "label": "Chihuahua (4:00 AM)",
                                                                   "value": "America/Chihuahua",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Mazatlan (2:00 AM)",
+                                                                  "label": "Mazatlan (4:00 AM)",
                                                                   "value": "America/Mazatlan",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Saskatchewan (2:00 AM)",
+                                                                  "label": "Saskatchewan (4:00 AM)",
                                                                   "value": "America/Regina",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Central America (2:00 AM)",
+                                                                  "label": "Central America (4:00 AM)",
                                                                   "value": "America/Guatemala",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Astana (2:00 PM)",
+                                                                  "label": "Astana (4:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Dhaka (2:00 PM)",
+                                                                  "label": "Dhaka (4:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Almaty (2:00 PM)",
+                                                                  "label": "Almaty (4:00 PM)",
                                                                   "value": "Asia/Almaty",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Urumqi (2:00 PM)",
+                                                                  "label": "Urumqi (4:00 PM)",
                                                                   "value": "Asia/Urumqi",
                                                                 },
                                                                 Object {
                                                                   "index": 490,
-                                                                  "label": "Rangoon (2:30 PM)",
+                                                                  "label": "Rangoon (4:30 PM)",
                                                                   "value": "Asia/Rangoon",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Tijuana (1:00 AM)",
+                                                                  "label": "Tijuana (3:00 AM)",
                                                                   "value": "America/Tijuana",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Novosibirsk (3:00 PM)",
+                                                                  "label": "Novosibirsk (5:00 PM)",
                                                                   "value": "Asia/Novosibirsk",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Bangkok (3:00 PM)",
+                                                                  "label": "Bangkok (5:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Hanoi (3:00 PM)",
+                                                                  "label": "Hanoi (5:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Jakarta (3:00 PM)",
+                                                                  "label": "Jakarta (5:00 PM)",
                                                                   "value": "Asia/Jakarta",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Krasnoyarsk (3:00 PM)",
+                                                                  "label": "Krasnoyarsk (5:00 PM)",
                                                                   "value": "Asia/Krasnoyarsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Beijing (4:00 PM)",
+                                                                  "label": "Beijing (6:00 PM)",
                                                                   "value": "Asia/Shanghai",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Chongqing (4:00 PM)",
+                                                                  "label": "Chongqing (6:00 PM)",
                                                                   "value": "Asia/Chongqing",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Hong Kong (4:00 PM)",
+                                                                  "label": "Hong Kong (6:00 PM)",
                                                                   "value": "Asia/Hong_Kong",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Kuala Lumpur (4:00 PM)",
+                                                                  "label": "Kuala Lumpur (6:00 PM)",
                                                                   "value": "Asia/Kuala_Lumpur",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Singapore (4:00 PM)",
+                                                                  "label": "Singapore (6:00 PM)",
                                                                   "value": "Asia/Singapore",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Taipei (4:00 PM)",
+                                                                  "label": "Taipei (6:00 PM)",
                                                                   "value": "Asia/Taipei",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Perth (4:00 PM)",
+                                                                  "label": "Perth (6:00 PM)",
                                                                   "value": "Australia/Perth",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Irkutsk (4:00 PM)",
+                                                                  "label": "Irkutsk (6:00 PM)",
                                                                   "value": "Asia/Irkutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Ulaanbaatar (4:00 PM)",
+                                                                  "label": "Ulaanbaatar (6:00 PM)",
                                                                   "value": "Asia/Ulaanbaatar",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Seoul (5:00 PM)",
+                                                                  "label": "Seoul (7:00 PM)",
                                                                   "value": "Asia/Seoul",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Osaka (5:00 PM)",
+                                                                  "label": "Osaka (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Sapporo (5:00 PM)",
+                                                                  "label": "Sapporo (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Tokyo (5:00 PM)",
+                                                                  "label": "Tokyo (7:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Yakutsk (5:00 PM)",
+                                                                  "label": "Yakutsk (7:00 PM)",
                                                                   "value": "Asia/Yakutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Darwin (5:30 PM)",
+                                                                  "label": "Darwin (7:30 PM)",
                                                                   "value": "Australia/Darwin",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Adelaide (5:30 PM)",
+                                                                  "label": "Adelaide (7:30 PM)",
                                                                   "value": "Australia/Adelaide",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Canberra (6:00 PM)",
+                                                                  "label": "Canberra (8:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Melbourne (6:00 PM)",
+                                                                  "label": "Melbourne (8:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Sydney (6:00 PM)",
+                                                                  "label": "Sydney (8:00 PM)",
                                                                   "value": "Australia/Sydney",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Brisbane (6:00 PM)",
+                                                                  "label": "Brisbane (8:00 PM)",
                                                                   "value": "Australia/Brisbane",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Hobart (6:00 PM)",
+                                                                  "label": "Hobart (8:00 PM)",
                                                                   "value": "Australia/Hobart",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Vladivostok (6:00 PM)",
+                                                                  "label": "Vladivostok (8:00 PM)",
                                                                   "value": "Asia/Vladivostok",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Guam (6:00 PM)",
+                                                                  "label": "Guam (8:00 PM)",
                                                                   "value": "Pacific/Guam",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Port Moresby (6:00 PM)",
+                                                                  "label": "Port Moresby (8:00 PM)",
                                                                   "value": "Pacific/Port_Moresby",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Midway Island (9:00 PM)",
+                                                                  "label": "Midway Island (11:00 PM)",
                                                                   "value": "Pacific/Midway",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "American Samoa (9:00 PM)",
+                                                                  "label": "American Samoa (11:00 PM)",
                                                                   "value": "Pacific/Pago_Pago",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Magadan (7:00 PM)",
+                                                                  "label": "Magadan (9:00 PM)",
                                                                   "value": "Asia/Magadan",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Srednekolymsk (7:00 PM)",
+                                                                  "label": "Srednekolymsk (9:00 PM)",
                                                                   "value": "Asia/Srednekolymsk",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Solomon Is. (7:00 PM)",
+                                                                  "label": "Solomon Is. (9:00 PM)",
                                                                   "value": "Pacific/Guadalcanal",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "New Caledonia (7:00 PM)",
+                                                                  "label": "New Caledonia (9:00 PM)",
                                                                   "value": "Pacific/Noumea",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "International Date Line West (8:00 PM)",
+                                                                  "label": "International Date Line West (10:00 PM)",
                                                                   "value": "Etc/GMT+12",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Fiji (8:00 PM)",
+                                                                  "label": "Fiji (10:00 PM)",
                                                                   "value": "Pacific/Fiji",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Kamchatka (8:00 PM)",
+                                                                  "label": "Kamchatka (10:00 PM)",
                                                                   "value": "Asia/Kamchatka",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Marshall Is. (8:00 PM)",
+                                                                  "label": "Marshall Is. (10:00 PM)",
                                                                   "value": "Pacific/Majuro",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Auckland (8:00 PM)",
+                                                                  "label": "Auckland (10:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Wellington (8:00 PM)",
+                                                                  "label": "Wellington (10:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 865,
-                                                                  "label": "Chatham Is. (8:45 PM)",
+                                                                  "label": "Chatham Is. (10:45 PM)",
                                                                   "value": "Pacific/Chatham",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Nuku'alofa (9:00 PM)",
+                                                                  "label": "Nuku'alofa (11:00 PM)",
                                                                   "value": "Pacific/Tongatapu",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Tokelau Is. (9:00 PM)",
+                                                                  "label": "Tokelau Is. (11:00 PM)",
                                                                   "value": "Pacific/Fakaofo",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Samoa (9:00 PM)",
+                                                                  "label": "Samoa (11:00 PM)",
                                                                   "value": "Pacific/Apia",
                                                                 },
                                                               ],
@@ -268901,7 +269917,11 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                                               },
                                                               "tabIndex": "0",
                                                               "tabSelectsValue": true,
-                                                              "value": null,
+                                                              "value": Object {
+                                                                "index": -0,
+                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                                "value": "America/Los_Angeles",
+                                                              },
                                                             }
                                                           }
                                                           setValue={[Function]}
@@ -269010,7 +270030,7 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                                             <input
                                               name="representativeTz"
                                               type="hidden"
-                                              value=""
+                                              value="America/Los_Angeles"
                                             />
                                           </div>
                                         </EmotionCssPropInternal>
@@ -269121,1384 +270141,244 @@ exports[`Details Does not display transcription section for legacy hearings 1`]
                 </div>
               </ContentSection>
             </EmailNotificationFields>
-          </DetailsForm>
-        </div>
-      </section>
-    </AppSegment>
-    <div
-      data-css-rdsogp=""
-    >
-      <Button
-        classNames={
-          Array [
-            "cf-submit",
-          ]
-        }
-        id="Cancel"
-        linkStyling={true}
-        loading={false}
-        name="Cancel"
-        onClick={[Function]}
-        styling={
-          Object {
-            "data-css-14x0t8z": "",
-          }
-        }
-        type="button"
-        willNeverBeLoading={false}
-      >
-        <span>
-          <button
-            className="cf-submit cf-btn-link usa-button"
-            data-css-14x0t8z=""
-            id="Cancel"
-            onClick={[Function]}
-            type="button"
-          >
-            Cancel
-          </button>
-        </span>
-      </Button>
-      <span
-        data-css-jf1dde=""
-      >
-        <Button
-          className="usa-button"
-          classNames={
-            Array [
-              "cf-submit",
-            ]
-          }
-          disabled={true}
-          id="Save"
-          linkStyling={false}
-          loading={false}
-          name="Save"
-          onClick={[Function]}
-          type="button"
-          willNeverBeLoading={false}
-        >
-          <span>
-            <button
-              className="cf-submit usa-button-disabled usa-button"
-              disabled={true}
-              id="Save"
-              onClick={[Function]}
-              type="button"
-            >
-              Save
-            </button>
-          </span>
-        </Button>
-      </span>
-    </div>
-  </HearingDetails>
-</Connect(HearingDetails)>
-`;
-
-exports[`Details Matches snapshot with default props 1`] = `
-<Connect(HearingDetails)
-  goBack={[MockFunction]}
-  hearing={
-    Object {
-      "advanceOnDocketMotion": null,
-      "aod": false,
-      "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
-      "appealId": 613,
-      "appellantAddressLine1": "9999 MISSION ST",
-      "appellantCity": "SAN FRANCISCO",
-      "appellantEmailAddress": "tom.brady@caseflow.gov",
-      "appellantFirstName": "Tom",
-      "appellantIsNotVeteran": false,
-      "appellantLastName": "Brady",
-      "appellantRelationship": "Spouse",
-      "appellantState": "CA",
-      "appellantTz": "America/Los_Angeles",
-      "appellantZip": "94103",
-      "availableHearingLocations": Object {},
-      "bvaPoc": null,
-      "caseType": "Original",
-      "centralOfficeTimeString": "04:00",
-      "claimantId": 604,
-      "closestRegionalOffice": null,
-      "currentIssueCount": 0,
-      "disposition": null,
-      "dispositionEditable": true,
-      "docketName": "hearing",
-      "docketNumber": "200624-614",
-      "emailEvents": Array [],
-      "evidenceWindowWaived": false,
-      "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-      "hearingDayId": 11,
-      "id": 10,
-      "isVirtual": false,
-      "judge": Object {
-        "createdAt": "2020-06-25T11:00:43.257-04:00",
-        "cssId": "BVAAABSHIRE",
-        "displayName": "BVAAABSHIRE (VACO)",
-        "efolderDocumentsFetchedAt": null,
-        "email": null,
-        "fullName": "Aaron Judge_HearingsAndCases Abshire",
-        "id": 3,
-        "lastLoginAt": null,
-        "roles": Object {},
-        "selectedRegionalOffice": null,
-        "stationId": "101",
-        "status": "active",
-        "statusUpdatedAt": null,
-        "updatedAt": "2020-06-25T11:00:43.257-04:00",
-      },
-      "judgeId": "3",
-      "location": null,
-      "militaryService": "",
-      "notes": null,
-      "paperCase": false,
-      "poaName": "AMERICAN LEGION",
-      "prepped": null,
-      "readableLocation": null,
-      "readableRequestType": "Video",
-      "regionalOfficeKey": "RO17",
-      "regionalOfficeName": "St. Petersburg regional office",
-      "regionalOfficeTimezone": "America/New_York",
-      "representative": "PARALYZED VETERANS OF AMERICA, INC.",
-      "representativeAddress": Object {
-        "addressLine1": "9999 MISSION ST",
-        "city": "SAN FRANCISCO",
-        "state": "CA",
-        "zip": "94103",
-      },
-      "representativeEmailAddress": "tom.brady@caseflow.gov",
-      "representativeName": null,
-      "representativeTz": "America/Los_Angeles",
-      "room": "1",
-      "scheduledFor": "2020-07-06T06:00:00.000-04:00",
-      "scheduledForIsPast": false,
-      "scheduledTime": "2000-01-01T06:00:00.000-05:00",
-      "scheduledTimeString": "06:00",
-      "summary": null,
-      "transcriptRequested": null,
-      "transcription": Object {},
-      "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-      "veteranAge": 85,
-      "veteranEmailAddress": "John.Smith@test.com",
-      "veteranFileNumber": "100000005",
-      "veteranFirstName": "John",
-      "veteranGender": "M",
-      "veteranLastName": "Smith",
-      "virtualHearing": null,
-      "wasVirtual": false,
-      "witness": null,
-      "worksheetIssues": Object {},
-    }
-  }
-  onReceiveAlerts={[MockFunction]}
-  onReceiveTransitioningAlert={[MockFunction]}
-  saveHearing={[MockFunction]}
-  setHearing={[MockFunction]}
-  transitionAlert={[MockFunction]}
->
-  <HearingDetails
-    clearAlerts={[Function]}
-    goBack={[MockFunction]}
-    hearing={
-      Object {
-        "advanceOnDocketMotion": null,
-        "aod": false,
-        "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
-        "appealId": 613,
-        "appellantAddressLine1": "9999 MISSION ST",
-        "appellantCity": "SAN FRANCISCO",
-        "appellantEmailAddress": "tom.brady@caseflow.gov",
-        "appellantFirstName": "Tom",
-        "appellantIsNotVeteran": false,
-        "appellantLastName": "Brady",
-        "appellantRelationship": "Spouse",
-        "appellantState": "CA",
-        "appellantTz": "America/Los_Angeles",
-        "appellantZip": "94103",
-        "availableHearingLocations": Object {},
-        "bvaPoc": null,
-        "caseType": "Original",
-        "centralOfficeTimeString": "04:00",
-        "claimantId": 604,
-        "closestRegionalOffice": null,
-        "currentIssueCount": 0,
-        "disposition": null,
-        "dispositionEditable": true,
-        "docketName": "hearing",
-        "docketNumber": "200624-614",
-        "emailEvents": Array [],
-        "evidenceWindowWaived": false,
-        "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-        "hearingDayId": 11,
-        "id": 10,
-        "isVirtual": false,
-        "judge": Object {
-          "createdAt": "2020-06-25T11:00:43.257-04:00",
-          "cssId": "BVAAABSHIRE",
-          "displayName": "BVAAABSHIRE (VACO)",
-          "efolderDocumentsFetchedAt": null,
-          "email": null,
-          "fullName": "Aaron Judge_HearingsAndCases Abshire",
-          "id": 3,
-          "lastLoginAt": null,
-          "roles": Object {},
-          "selectedRegionalOffice": null,
-          "stationId": "101",
-          "status": "active",
-          "statusUpdatedAt": null,
-          "updatedAt": "2020-06-25T11:00:43.257-04:00",
-        },
-        "judgeId": "3",
-        "location": null,
-        "militaryService": "",
-        "notes": null,
-        "paperCase": false,
-        "poaName": "AMERICAN LEGION",
-        "prepped": null,
-        "readableLocation": null,
-        "readableRequestType": "Video",
-        "regionalOfficeKey": "RO17",
-        "regionalOfficeName": "St. Petersburg regional office",
-        "regionalOfficeTimezone": "America/New_York",
-        "representative": "PARALYZED VETERANS OF AMERICA, INC.",
-        "representativeAddress": Object {
-          "addressLine1": "9999 MISSION ST",
-          "city": "SAN FRANCISCO",
-          "state": "CA",
-          "zip": "94103",
-        },
-        "representativeEmailAddress": "tom.brady@caseflow.gov",
-        "representativeName": null,
-        "representativeTz": "America/Los_Angeles",
-        "room": "1",
-        "scheduledFor": "2020-07-06T06:00:00.000-04:00",
-        "scheduledForIsPast": false,
-        "scheduledTime": "2000-01-01T06:00:00.000-05:00",
-        "scheduledTimeString": "06:00",
-        "summary": null,
-        "transcriptRequested": null,
-        "transcription": Object {},
-        "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-        "veteranAge": 85,
-        "veteranEmailAddress": "John.Smith@test.com",
-        "veteranFileNumber": "100000005",
-        "veteranFirstName": "John",
-        "veteranGender": "M",
-        "veteranLastName": "Smith",
-        "virtualHearing": null,
-        "wasVirtual": false,
-        "witness": null,
-        "worksheetIssues": Object {},
-      }
-    }
-    onReceiveAlerts={[Function]}
-    onReceiveTransitioningAlert={[Function]}
-    saveHearing={[MockFunction]}
-    setHearing={[MockFunction]}
-    transitionAlert={[Function]}
-  >
-    <Connect(UserAlerts)>
-      <UserAlerts
-        alerts={Array []}
-        removeAlertsWithTimestamps={[Function]}
-      />
-    </Connect(UserAlerts)>
-    <AppSegment
-      filledBackground={true}
-    >
-      <section
-        className="cf-app-segment cf-app-segment--alt"
-      >
-        <div
-          data-css-1p20eig=""
-        >
-          <DetailsHeader
-            aod={false}
-            disposition={null}
-            docketName="hearing"
-            docketNumber="200624-614"
-            hearing={
-              Object {
-                "advanceOnDocketMotion": null,
-                "aod": false,
-                "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
-                "appealId": 613,
-                "appellantAddressLine1": "9999 MISSION ST",
-                "appellantCity": "SAN FRANCISCO",
-                "appellantEmailAddress": "tom.brady@caseflow.gov",
-                "appellantFirstName": "Tom",
-                "appellantIsNotVeteran": false,
-                "appellantLastName": "Brady",
-                "appellantRelationship": "Spouse",
-                "appellantState": "CA",
-                "appellantTz": "America/Los_Angeles",
-                "appellantZip": "94103",
-                "availableHearingLocations": Object {},
-                "bvaPoc": null,
-                "caseType": "Original",
-                "centralOfficeTimeString": "04:00",
-                "claimantId": 604,
-                "closestRegionalOffice": null,
-                "currentIssueCount": 0,
-                "disposition": null,
-                "dispositionEditable": true,
-                "docketName": "hearing",
-                "docketNumber": "200624-614",
-                "emailEvents": Array [],
-                "evidenceWindowWaived": false,
-                "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                "hearingDayId": 11,
-                "id": 10,
-                "isVirtual": false,
-                "judge": Object {
-                  "createdAt": "2020-06-25T11:00:43.257-04:00",
-                  "cssId": "BVAAABSHIRE",
-                  "displayName": "BVAAABSHIRE (VACO)",
-                  "efolderDocumentsFetchedAt": null,
-                  "email": null,
-                  "fullName": "Aaron Judge_HearingsAndCases Abshire",
-                  "id": 3,
-                  "lastLoginAt": null,
-                  "roles": Object {},
-                  "selectedRegionalOffice": null,
-                  "stationId": "101",
-                  "status": "active",
-                  "statusUpdatedAt": null,
-                  "updatedAt": "2020-06-25T11:00:43.257-04:00",
-                },
-                "judgeId": "3",
-                "location": null,
-                "militaryService": "",
-                "notes": null,
-                "paperCase": false,
-                "poaName": "AMERICAN LEGION",
-                "prepped": null,
-                "readableLocation": null,
-                "readableRequestType": "Video",
-                "regionalOfficeKey": "RO17",
-                "regionalOfficeName": "St. Petersburg regional office",
-                "regionalOfficeTimezone": "America/New_York",
-                "representative": "PARALYZED VETERANS OF AMERICA, INC.",
-                "representativeAddress": Object {
-                  "addressLine1": "9999 MISSION ST",
-                  "city": "SAN FRANCISCO",
-                  "state": "CA",
-                  "zip": "94103",
-                },
-                "representativeEmailAddress": "tom.brady@caseflow.gov",
-                "representativeName": null,
-                "representativeTz": "America/Los_Angeles",
-                "room": "1",
-                "scheduledFor": "2020-07-06T06:00:00.000-04:00",
-                "scheduledForIsPast": false,
-                "scheduledTime": "2000-01-01T06:00:00.000-05:00",
-                "scheduledTimeString": "06:00",
-                "summary": null,
-                "transcriptRequested": null,
-                "transcriptSentDate": undefined,
-                "transcription": Object {
+            <TranscriptionFormSection
+              hearing={
+                Object {
+                  "advanceOnDocketMotion": null,
+                  "aod": false,
+                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
+                  "appealId": 613,
+                  "appellantAddressLine1": "9999 MISSION ST",
+                  "appellantCity": "SAN FRANCISCO",
+                  "appellantEmailAddress": "tom.brady@caseflow.gov",
+                  "appellantFirstName": "Tom",
+                  "appellantIsNotVeteran": false,
+                  "appellantLastName": "Brady",
+                  "appellantRelationship": "Spouse",
+                  "appellantState": "CA",
+                  "appellantTz": "America/Los_Angeles",
+                  "appellantZip": "94103",
+                  "availableHearingLocations": Object {},
+                  "bvaPoc": null,
+                  "caseType": "Original",
+                  "centralOfficeTimeString": "04:00",
+                  "claimantId": 604,
+                  "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
+                  "currentIssueCount": 0,
+                  "disposition": null,
+                  "dispositionEditable": true,
+                  "docketName": "hearing",
+                  "docketNumber": "200624-614",
+                  "emailEvents": Array [],
+                  "evidenceWindowWaived": false,
+                  "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                  "hearingDayId": 11,
+                  "id": 10,
+                  "isVirtual": false,
+                  "judge": Object {
+                    "createdAt": "2020-06-25T11:00:43.257-04:00",
+                    "cssId": "BVAAABSHIRE",
+                    "displayName": "BVAAABSHIRE (VACO)",
+                    "efolderDocumentsFetchedAt": null,
+                    "email": null,
+                    "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                    "id": 3,
+                    "lastLoginAt": null,
+                    "roles": Object {},
+                    "selectedRegionalOffice": null,
+                    "stationId": "101",
+                    "status": "active",
+                    "statusUpdatedAt": null,
+                    "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                  },
+                  "judgeId": "3",
+                  "location": null,
+                  "militaryService": "",
+                  "notes": null,
+                  "paperCase": false,
+                  "poaName": "AMERICAN LEGION",
+                  "prepped": null,
+                  "readableLocation": null,
+                  "readableRequestType": "Video",
+                  "regionalOfficeKey": "RO17",
+                  "regionalOfficeName": "St. Petersburg regional office",
+                  "regionalOfficeTimezone": "America/New_York",
+                  "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                  "representativeAddress": Object {
+                    "addressLine1": "9999 MISSION ST",
+                    "city": "SAN FRANCISCO",
+                    "state": "CA",
+                    "zip": "94103",
+                  },
+                  "representativeEmailAddress": "tom.brady@caseflow.gov",
+                  "representativeName": null,
+                  "representativeTz": "America/Los_Angeles",
+                  "room": "1",
+                  "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                  "scheduledForIsPast": false,
+                  "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                  "scheduledTimeString": "06:00",
+                  "summary": null,
+                  "transcriptRequested": null,
+                  "transcriptSentDate": undefined,
+                  "transcription": Object {
+                    "expectedReturnDate": undefined,
+                    "problemNoticeSentDate": undefined,
+                    "sentToTranscriberDate": undefined,
+                    "uploadedToVbmsDate": undefined,
+                  },
+                  "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                  "veteranAge": 85,
+                  "veteranEmailAddress": "John.Smith@test.com",
+                  "veteranFileNumber": "100000005",
+                  "veteranFirstName": "John",
+                  "veteranGender": "M",
+                  "veteranLastName": "Smith",
+                  "virtualHearing": null,
+                  "wasVirtual": false,
+                  "witness": null,
+                  "worksheetIssues": Object {},
+                }
+              }
+              isLegacy={false}
+              transcription={
+                Object {
                   "expectedReturnDate": undefined,
                   "problemNoticeSentDate": undefined,
                   "sentToTranscriberDate": undefined,
                   "uploadedToVbmsDate": undefined,
-                },
-                "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                "veteranAge": 85,
-                "veteranEmailAddress": "John.Smith@test.com",
-                "veteranFileNumber": "100000005",
-                "veteranFirstName": "John",
-                "veteranGender": "M",
-                "veteranLastName": "Smith",
-                "virtualHearing": null,
-                "wasVirtual": false,
-                "witness": null,
-                "worksheetIssues": Object {},
-              }
-            }
-            hearingDayId={11}
-            isVirtual={false}
-            readableLocation={null}
-            readableRequestType="Video"
-            regionalOfficeName="St. Petersburg regional office"
-            scheduledFor="2020-07-06T06:00:00.000-04:00"
-            veteranFileNumber="100000005"
-            veteranFirstName="John"
-            veteranLastName="Smith"
-          >
-            <div
-              data-css-valz31=""
-            >
-              <h1
-                className="cf-margin-bottom-0"
-                data-css-1l2qzxe=""
-              >
-                John Smith's Hearing Details
-              </h1>
-              <div>
-                Veteran ID: 
-                <CopyTextButton
-                  label="Veteran ID"
-                  styling={Object {}}
-                  text="100000005"
-                  textToCopy={null}
-                >
-                  <Tooltip
-                    id="tooltip-100000005"
-                    position="bottom"
-                    text="Click to copy"
-                  >
-                    <CopyToClipboard
-                      aria-describedby="tooltip-100000005"
-                      aria-label=""
-                      data-event="focus mouseenter"
-                      data-event-off="mouseleave keydown"
-                      data-for="tooltip-100000005"
-                      data-tip={true}
-                      tabIndex={0}
-                      text="100000005"
-                    >
-                      <button
-                        aria-describedby="tooltip-100000005"
-                        aria-label=""
-                        className="cf-apppeal-id"
-                        data-css-cjlnsd=""
-                        data-event="focus mouseenter"
-                        data-event-off="mouseleave keydown"
-                        data-for="tooltip-100000005"
-                        data-tip={true}
-                        onClick={[Function]}
-                        tabIndex={0}
-                        type="submit"
-                      >
-                        100000005
-                         
-                        <ClipboardIcon
-                          className=""
-                          color="#5b616b"
-                          size={17}
-                        >
-                          <svg
-                            className=""
-                            height={17}
-                            viewBox="0 0 21 21"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
-                              fill="#5b616b"
-                              fillRule="evenodd"
-                            />
-                          </svg>
-                        </ClipboardIcon>
-                      </button>
-                    </CopyToClipboard>
-                    <span
-                      data-css-n52zsg=""
-                    >
-                      <ReactTooltip
-                        className="cf-tooltip"
-                        clickable={false}
-                        effect="solid"
-                        id="tooltip-100000005"
-                        insecure={true}
-                        multiline={true}
-                        offset={Object {}}
-                        place="bottom"
-                        resizeHide={true}
-                        role="tooltip"
-                        wrapper="div"
-                      >
-                        <div
-                          className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
-                          data-id="tooltip"
-                          id="tooltip-100000005"
-                          role="tooltip"
-                        >
-                          <style
-                            dangerouslySetInnerHTML={
-                              Object {
-                                "__html": "
-  	.t00000000-0000-0000-0000-000000000000 {
-	    color: #fff;
-	    background: #222;
-	    border: 1px solid transparent;
-  	}
-
-  	.t00000000-0000-0000-0000-000000000000.place-top {
-        margin-top: -10px;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-top::before {
-        border-top: 8px solid transparent;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-top::after {
-        border-left: 8px solid transparent;
-        border-right: 8px solid transparent;
-        bottom: -6px;
-        left: 50%;
-        margin-left: -8px;
-        border-top-color: #222;
-        border-top-style: solid;
-        border-top-width: 6px;
-    }
-
-    .t00000000-0000-0000-0000-000000000000.place-bottom {
-        margin-top: 10px;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
-        border-bottom: 8px solid transparent;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
-        border-left: 8px solid transparent;
-        border-right: 8px solid transparent;
-        top: -6px;
-        left: 50%;
-        margin-left: -8px;
-        border-bottom-color: #222;
-        border-bottom-style: solid;
-        border-bottom-width: 6px;
-    }
-
-    .t00000000-0000-0000-0000-000000000000.place-left {
-        margin-left: -10px;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-left::before {
-        border-left: 8px solid transparent;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-left::after {
-        border-top: 5px solid transparent;
-        border-bottom: 5px solid transparent;
-        right: -6px;
-        top: 50%;
-        margin-top: -4px;
-        border-left-color: #222;
-        border-left-style: solid;
-        border-left-width: 6px;
-    }
-
-    .t00000000-0000-0000-0000-000000000000.place-right {
-        margin-left: 10px;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-right::before {
-        border-right: 8px solid transparent;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-right::after {
-        border-top: 5px solid transparent;
-        border-bottom: 5px solid transparent;
-        left: -6px;
-        top: 50%;
-        margin-top: -4px;
-        border-right-color: #222;
-        border-right-style: solid;
-        border-right-width: 6px;
-    }
-  ",
-                              }
-                            }
-                          />
-                          Click to copy
-                        </div>
-                      </ReactTooltip>
-                    </span>
-                  </Tooltip>
-                </CopyTextButton>
-              </div>
-              <div
-                style={
-                  Object {
-                    "display": "inline-flex",
-                  }
                 }
-              >
-                <MstBadge
-                  appeal={
-                    Object {
-                      "advanceOnDocketMotion": null,
-                      "aod": false,
-                      "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
-                      "appealId": 613,
-                      "appellantAddressLine1": "9999 MISSION ST",
-                      "appellantCity": "SAN FRANCISCO",
-                      "appellantEmailAddress": "tom.brady@caseflow.gov",
-                      "appellantFirstName": "Tom",
-                      "appellantIsNotVeteran": false,
-                      "appellantLastName": "Brady",
-                      "appellantRelationship": "Spouse",
-                      "appellantState": "CA",
-                      "appellantTz": "America/Los_Angeles",
-                      "appellantZip": "94103",
-                      "availableHearingLocations": Object {},
-                      "bvaPoc": null,
-                      "caseType": "Original",
-                      "centralOfficeTimeString": "04:00",
-                      "claimantId": 604,
-                      "closestRegionalOffice": null,
-                      "currentIssueCount": 0,
-                      "disposition": null,
-                      "dispositionEditable": true,
-                      "docketName": "hearing",
-                      "docketNumber": "200624-614",
-                      "emailEvents": Array [],
-                      "evidenceWindowWaived": false,
-                      "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                      "hearingDayId": 11,
-                      "id": 10,
-                      "isVirtual": false,
-                      "judge": Object {
-                        "createdAt": "2020-06-25T11:00:43.257-04:00",
-                        "cssId": "BVAAABSHIRE",
-                        "displayName": "BVAAABSHIRE (VACO)",
-                        "efolderDocumentsFetchedAt": null,
-                        "email": null,
-                        "fullName": "Aaron Judge_HearingsAndCases Abshire",
-                        "id": 3,
-                        "lastLoginAt": null,
-                        "roles": Object {},
-                        "selectedRegionalOffice": null,
-                        "stationId": "101",
-                        "status": "active",
-                        "statusUpdatedAt": null,
-                        "updatedAt": "2020-06-25T11:00:43.257-04:00",
-                      },
-                      "judgeId": "3",
-                      "location": null,
-                      "militaryService": "",
-                      "notes": null,
-                      "paperCase": false,
-                      "poaName": "AMERICAN LEGION",
-                      "prepped": null,
-                      "readableLocation": null,
-                      "readableRequestType": "Video",
-                      "regionalOfficeKey": "RO17",
-                      "regionalOfficeName": "St. Petersburg regional office",
-                      "regionalOfficeTimezone": "America/New_York",
-                      "representative": "PARALYZED VETERANS OF AMERICA, INC.",
-                      "representativeAddress": Object {
-                        "addressLine1": "9999 MISSION ST",
-                        "city": "SAN FRANCISCO",
-                        "state": "CA",
-                        "zip": "94103",
-                      },
-                      "representativeEmailAddress": "tom.brady@caseflow.gov",
-                      "representativeName": null,
-                      "representativeTz": "America/Los_Angeles",
-                      "room": "1",
-                      "scheduledFor": "2020-07-06T06:00:00.000-04:00",
-                      "scheduledForIsPast": false,
-                      "scheduledTime": "2000-01-01T06:00:00.000-05:00",
-                      "scheduledTimeString": "06:00",
-                      "summary": null,
-                      "transcriptRequested": null,
-                      "transcriptSentDate": undefined,
-                      "transcription": Object {
-                        "expectedReturnDate": undefined,
-                        "problemNoticeSentDate": undefined,
-                        "sentToTranscriberDate": undefined,
-                        "uploadedToVbmsDate": undefined,
-                      },
-                      "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                      "veteranAge": 85,
-                      "veteranEmailAddress": "John.Smith@test.com",
-                      "veteranFileNumber": "100000005",
-                      "veteranFirstName": "John",
-                      "veteranGender": "M",
-                      "veteranLastName": "Smith",
-                      "virtualHearing": null,
-                      "wasVirtual": false,
-                      "witness": null,
-                      "worksheetIssues": Object {},
-                    }
-                  }
-                />
-                <PactBadge
-                  appeal={
-                    Object {
-                      "advanceOnDocketMotion": null,
-                      "aod": false,
-                      "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
-                      "appealId": 613,
-                      "appellantAddressLine1": "9999 MISSION ST",
-                      "appellantCity": "SAN FRANCISCO",
-                      "appellantEmailAddress": "tom.brady@caseflow.gov",
-                      "appellantFirstName": "Tom",
-                      "appellantIsNotVeteran": false,
-                      "appellantLastName": "Brady",
-                      "appellantRelationship": "Spouse",
-                      "appellantState": "CA",
-                      "appellantTz": "America/Los_Angeles",
-                      "appellantZip": "94103",
-                      "availableHearingLocations": Object {},
-                      "bvaPoc": null,
-                      "caseType": "Original",
-                      "centralOfficeTimeString": "04:00",
-                      "claimantId": 604,
-                      "closestRegionalOffice": null,
-                      "currentIssueCount": 0,
-                      "disposition": null,
-                      "dispositionEditable": true,
-                      "docketName": "hearing",
-                      "docketNumber": "200624-614",
-                      "emailEvents": Array [],
-                      "evidenceWindowWaived": false,
-                      "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                      "hearingDayId": 11,
-                      "id": 10,
-                      "isVirtual": false,
-                      "judge": Object {
-                        "createdAt": "2020-06-25T11:00:43.257-04:00",
-                        "cssId": "BVAAABSHIRE",
-                        "displayName": "BVAAABSHIRE (VACO)",
-                        "efolderDocumentsFetchedAt": null,
-                        "email": null,
-                        "fullName": "Aaron Judge_HearingsAndCases Abshire",
-                        "id": 3,
-                        "lastLoginAt": null,
-                        "roles": Object {},
-                        "selectedRegionalOffice": null,
-                        "stationId": "101",
-                        "status": "active",
-                        "statusUpdatedAt": null,
-                        "updatedAt": "2020-06-25T11:00:43.257-04:00",
-                      },
-                      "judgeId": "3",
-                      "location": null,
-                      "militaryService": "",
-                      "notes": null,
-                      "paperCase": false,
-                      "poaName": "AMERICAN LEGION",
-                      "prepped": null,
-                      "readableLocation": null,
-                      "readableRequestType": "Video",
-                      "regionalOfficeKey": "RO17",
-                      "regionalOfficeName": "St. Petersburg regional office",
-                      "regionalOfficeTimezone": "America/New_York",
-                      "representative": "PARALYZED VETERANS OF AMERICA, INC.",
-                      "representativeAddress": Object {
-                        "addressLine1": "9999 MISSION ST",
-                        "city": "SAN FRANCISCO",
-                        "state": "CA",
-                        "zip": "94103",
-                      },
-                      "representativeEmailAddress": "tom.brady@caseflow.gov",
-                      "representativeName": null,
-                      "representativeTz": "America/Los_Angeles",
-                      "room": "1",
-                      "scheduledFor": "2020-07-06T06:00:00.000-04:00",
-                      "scheduledForIsPast": false,
-                      "scheduledTime": "2000-01-01T06:00:00.000-05:00",
-                      "scheduledTimeString": "06:00",
-                      "summary": null,
-                      "transcriptRequested": null,
-                      "transcriptSentDate": undefined,
-                      "transcription": Object {
-                        "expectedReturnDate": undefined,
-                        "problemNoticeSentDate": undefined,
-                        "sentToTranscriberDate": undefined,
-                        "uploadedToVbmsDate": undefined,
-                      },
-                      "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                      "veteranAge": 85,
-                      "veteranEmailAddress": "John.Smith@test.com",
-                      "veteranFileNumber": "100000005",
-                      "veteranFirstName": "John",
-                      "veteranGender": "M",
-                      "veteranLastName": "Smith",
-                      "virtualHearing": null,
-                      "wasVirtual": false,
-                      "witness": null,
-                      "worksheetIssues": Object {},
-                    }
-                  }
-                />
-              </div>
-            </div>
-            <TitleDetailsSubheader
-              columns={
-                Array [
-                  Object {
-                    "label": "Hearing Date",
-                    "value": <Link
-                      to="/schedule/docket/11"
-                    >
-                      <strong>
-                        07/06/2020
-                      </strong>
-                    </Link>,
-                  },
-                  Object {
-                    "label": "Docket Number",
-                    "value": <span>
-                      <DocketTypeBadge
-                        name="hearing"
-                        number="200624-614"
-                      />
-                      200624-614
-                    </span>,
-                  },
-                  Object {
-                    "label": "Regional office",
-                    "value": "St. Petersburg regional office",
-                  },
-                  Object {
-                    "label": "Hearing Location",
-                    "value": null,
-                  },
-                  Object {
-                    "label": "Disposition",
-                    "value": "None",
-                  },
-                  Object {
-                    "label": "Type",
-                    "value": "Video",
-                  },
-                  Object {
-                    "label": "AOD Status",
-                    "value": "None",
-                  },
-                ]
               }
+              update={[Function]}
             >
-              <div
-                data-css-7v4y9j=""
-                id=""
+              <ContentSection
+                header="Transcription Details"
               >
                 <div
-                  data-css-1atuorp=""
+                  className="cf-app-segment"
                 >
-                  <TitleDetailsSubheaderSection
-                    key="0"
-                    title="Hearing Date"
+                  <h2
+                    data-css-3rhuy2=""
                   >
-                    <div
-                      data-css-1yy2eo1=""
+                    Transcription Details
+                  </h2>
+                  <div
+                    data-css-1571z6o=""
+                  >
+                    <TranscriptionDetailsInputs
+                      title="Transcription Details"
+                      transcription={
+                        Object {
+                          "expectedReturnDate": undefined,
+                          "problemNoticeSentDate": undefined,
+                          "sentToTranscriberDate": undefined,
+                          "uploadedToVbmsDate": undefined,
+                        }
+                      }
+                      update={[Function]}
                     >
-                      <p>
-                        Hearing Date
-                      </p>
-                      <div>
-                        <Link
-                          to="/schedule/docket/11"
+                      <div
+                        data-css-1fmltfu=""
+                      >
+                        <TextField
+                          className={
+                            Array [
+                              "cf-form-textinput",
+                            ]
+                          }
+                          label="Task #"
+                          name="taskNumber"
+                          onChange={[Function]}
+                          optional={false}
+                          required={false}
+                          strongLabel={true}
+                          type="text"
+                          useAriaLabel={false}
                         >
-                          <LinkAnchor
-                            href="/schedule/docket/11"
-                            navigate={[Function]}
+                          <div
+                            className="cf-form-textinput   "
                           >
-                            <a
-                              href="/schedule/docket/11"
-                              onClick={[Function]}
+                            <label
+                              htmlFor="taskNumber"
                             >
                               <strong>
-                                07/06/2020
+                                <FormLabel
+                                  label="Task #"
+                                  name="taskNumber"
+                                  optional={false}
+                                  required={false}
+                                >
+                                  <span>
+                                    Task #
+                                  </span>
+                                </FormLabel>
                               </strong>
-                            </a>
-                          </LinkAnchor>
-                        </Link>
-                      </div>
-                    </div>
-                  </TitleDetailsSubheaderSection>
-                  <TitleDetailsSubheaderSection
-                    key="1"
-                    title="Docket Number"
-                  >
-                    <div
-                      data-css-1yy2eo1=""
-                    >
-                      <p>
-                        Docket Number
-                      </p>
-                      <div>
-                        <span>
-                          <DocketTypeBadge
-                            name="hearing"
-                            number="200624-614"
-                          >
-                            <Tooltip
-                              id="badge-200624-614"
-                              position="bottom"
-                              text="Hearing Request"
+                            </label>
+                            <div
+                              className="input-container"
                             >
-                              <span
-                                aria-describedby="badge-200624-614"
-                                aria-label=""
-                                data-css-2moai0=""
-                                data-event="focus mouseenter"
-                                data-event-off="mouseleave keydown"
-                                data-for="badge-200624-614"
-                                data-tip={true}
-                                tabIndex={0}
-                              >
-                                H
-                              </span>
-                              <span
-                                data-css-127pskq=""
-                              >
-                                <ReactTooltip
-                                  className="cf-tooltip"
-                                  clickable={false}
-                                  effect="solid"
-                                  id="badge-200624-614"
-                                  insecure={true}
-                                  multiline={true}
-                                  offset={Object {}}
-                                  place="bottom"
-                                  resizeHide={true}
-                                  role="tooltip"
-                                  wrapper="div"
-                                >
-                                  <div
-                                    className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
-                                    data-id="tooltip"
-                                    id="badge-200624-614"
-                                    role="tooltip"
-                                  >
-                                    <style
-                                      dangerouslySetInnerHTML={
-                                        Object {
-                                          "__html": "
-  	.t00000000-0000-0000-0000-000000000000 {
-	    color: #fff;
-	    background: #222;
-	    border: 1px solid transparent;
-  	}
-
-  	.t00000000-0000-0000-0000-000000000000.place-top {
-        margin-top: -10px;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-top::before {
-        border-top: 8px solid transparent;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-top::after {
-        border-left: 8px solid transparent;
-        border-right: 8px solid transparent;
-        bottom: -6px;
-        left: 50%;
-        margin-left: -8px;
-        border-top-color: #222;
-        border-top-style: solid;
-        border-top-width: 6px;
-    }
-
-    .t00000000-0000-0000-0000-000000000000.place-bottom {
-        margin-top: 10px;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
-        border-bottom: 8px solid transparent;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
-        border-left: 8px solid transparent;
-        border-right: 8px solid transparent;
-        top: -6px;
-        left: 50%;
-        margin-left: -8px;
-        border-bottom-color: #222;
-        border-bottom-style: solid;
-        border-bottom-width: 6px;
-    }
-
-    .t00000000-0000-0000-0000-000000000000.place-left {
-        margin-left: -10px;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-left::before {
-        border-left: 8px solid transparent;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-left::after {
-        border-top: 5px solid transparent;
-        border-bottom: 5px solid transparent;
-        right: -6px;
-        top: 50%;
-        margin-top: -4px;
-        border-left-color: #222;
-        border-left-style: solid;
-        border-left-width: 6px;
-    }
-
-    .t00000000-0000-0000-0000-000000000000.place-right {
-        margin-left: 10px;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-right::before {
-        border-right: 8px solid transparent;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-right::after {
-        border-top: 5px solid transparent;
-        border-bottom: 5px solid transparent;
-        left: -6px;
-        top: 50%;
-        margin-top: -4px;
-        border-right-color: #222;
-        border-right-style: solid;
-        border-right-width: 6px;
-    }
-  ",
-                                        }
-                                      }
-                                    />
-                                    Hearing Request
-                                  </div>
-                                </ReactTooltip>
-                              </span>
-                            </Tooltip>
-                          </DocketTypeBadge>
-                          200624-614
-                        </span>
-                      </div>
-                    </div>
-                  </TitleDetailsSubheaderSection>
-                  <TitleDetailsSubheaderSection
-                    key="2"
-                    title="Regional office"
-                  >
-                    <div
-                      data-css-1yy2eo1=""
-                    >
-                      <p>
-                        Regional office
-                      </p>
-                      <div>
-                        St. Petersburg regional office
-                      </div>
-                    </div>
-                  </TitleDetailsSubheaderSection>
-                  <TitleDetailsSubheaderSection
-                    key="3"
-                    title="Hearing Location"
-                  >
-                    <div
-                      data-css-1yy2eo1=""
-                    >
-                      <p>
-                        Hearing Location
-                      </p>
-                      <div />
-                    </div>
-                  </TitleDetailsSubheaderSection>
-                  <TitleDetailsSubheaderSection
-                    key="4"
-                    title="Disposition"
-                  >
-                    <div
-                      data-css-1yy2eo1=""
-                    >
-                      <p>
-                        Disposition
-                      </p>
-                      <div>
-                        None
-                      </div>
-                    </div>
-                  </TitleDetailsSubheaderSection>
-                  <TitleDetailsSubheaderSection
-                    key="5"
-                    title="Type"
-                  >
-                    <div
-                      data-css-1yy2eo1=""
-                    >
-                      <p>
-                        Type
-                      </p>
-                      <div>
-                        Video
-                      </div>
-                    </div>
-                  </TitleDetailsSubheaderSection>
-                  <TitleDetailsSubheaderSection
-                    key="6"
-                    title="AOD Status"
-                  >
-                    <div
-                      data-css-1yy2eo1=""
-                    >
-                      <p>
-                        AOD Status
-                      </p>
-                      <div>
-                        None
-                      </div>
-                    </div>
-                  </TitleDetailsSubheaderSection>
-                </div>
-              </div>
-            </TitleDetailsSubheader>
-          </DetailsHeader>
-          <DetailsForm
-            errors={Object {}}
-            hearing={
-              Object {
-                "advanceOnDocketMotion": null,
-                "aod": false,
-                "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
-                "appealId": 613,
-                "appellantAddressLine1": "9999 MISSION ST",
-                "appellantCity": "SAN FRANCISCO",
-                "appellantEmailAddress": "tom.brady@caseflow.gov",
-                "appellantFirstName": "Tom",
-                "appellantIsNotVeteran": false,
-                "appellantLastName": "Brady",
-                "appellantRelationship": "Spouse",
-                "appellantState": "CA",
-                "appellantTz": "America/Los_Angeles",
-                "appellantZip": "94103",
-                "availableHearingLocations": Object {},
-                "bvaPoc": null,
-                "caseType": "Original",
-                "centralOfficeTimeString": "04:00",
-                "claimantId": 604,
-                "closestRegionalOffice": null,
-                "currentIssueCount": 0,
-                "disposition": null,
-                "dispositionEditable": true,
-                "docketName": "hearing",
-                "docketNumber": "200624-614",
-                "emailEvents": Array [],
-                "evidenceWindowWaived": false,
-                "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                "hearingDayId": 11,
-                "id": 10,
-                "isVirtual": false,
-                "judge": Object {
-                  "createdAt": "2020-06-25T11:00:43.257-04:00",
-                  "cssId": "BVAAABSHIRE",
-                  "displayName": "BVAAABSHIRE (VACO)",
-                  "efolderDocumentsFetchedAt": null,
-                  "email": null,
-                  "fullName": "Aaron Judge_HearingsAndCases Abshire",
-                  "id": 3,
-                  "lastLoginAt": null,
-                  "roles": Object {},
-                  "selectedRegionalOffice": null,
-                  "stationId": "101",
-                  "status": "active",
-                  "statusUpdatedAt": null,
-                  "updatedAt": "2020-06-25T11:00:43.257-04:00",
-                },
-                "judgeId": "3",
-                "location": null,
-                "militaryService": "",
-                "notes": null,
-                "paperCase": false,
-                "poaName": "AMERICAN LEGION",
-                "prepped": null,
-                "readableLocation": null,
-                "readableRequestType": "Video",
-                "regionalOfficeKey": "RO17",
-                "regionalOfficeName": "St. Petersburg regional office",
-                "regionalOfficeTimezone": "America/New_York",
-                "representative": "PARALYZED VETERANS OF AMERICA, INC.",
-                "representativeAddress": Object {
-                  "addressLine1": "9999 MISSION ST",
-                  "city": "SAN FRANCISCO",
-                  "state": "CA",
-                  "zip": "94103",
-                },
-                "representativeEmailAddress": "tom.brady@caseflow.gov",
-                "representativeName": null,
-                "representativeTz": "America/Los_Angeles",
-                "room": "1",
-                "scheduledFor": "2020-07-06T06:00:00.000-04:00",
-                "scheduledForIsPast": false,
-                "scheduledTime": "2000-01-01T06:00:00.000-05:00",
-                "scheduledTimeString": "06:00",
-                "summary": null,
-                "transcriptRequested": null,
-                "transcriptSentDate": undefined,
-                "transcription": Object {
-                  "expectedReturnDate": undefined,
-                  "problemNoticeSentDate": undefined,
-                  "sentToTranscriberDate": undefined,
-                  "uploadedToVbmsDate": undefined,
-                },
-                "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                "veteranAge": 85,
-                "veteranEmailAddress": "John.Smith@test.com",
-                "veteranFileNumber": "100000005",
-                "veteranFirstName": "John",
-                "veteranGender": "M",
-                "veteranLastName": "Smith",
-                "virtualHearing": null,
-                "wasVirtual": false,
-                "witness": null,
-                "worksheetIssues": Object {},
-              }
-            }
-            hearingRequestTypeDropdownCurrentOption={
-              Object {
-                "label": "Video",
-                "value": false,
-              }
-            }
-            hearingRequestTypeDropdownOnchange={[Function]}
-            hearingRequestTypeDropdownOptions={
-              Array [
-                Object {
-                  "label": "Virtual",
-                  "value": true,
-                },
-              ]
-            }
-            initialHearing={
-              Object {
-                "advanceOnDocketMotion": null,
-                "aod": false,
-                "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
-                "appealId": 613,
-                "appellantAddressLine1": "9999 MISSION ST",
-                "appellantCity": "SAN FRANCISCO",
-                "appellantEmailAddress": "tom.brady@caseflow.gov",
-                "appellantFirstName": "Tom",
-                "appellantIsNotVeteran": false,
-                "appellantLastName": "Brady",
-                "appellantRelationship": "Spouse",
-                "appellantState": "CA",
-                "appellantTz": "America/Los_Angeles",
-                "appellantZip": "94103",
-                "availableHearingLocations": Object {},
-                "bvaPoc": null,
-                "caseType": "Original",
-                "centralOfficeTimeString": "04:00",
-                "claimantId": 604,
-                "closestRegionalOffice": null,
-                "currentIssueCount": 0,
-                "disposition": null,
-                "dispositionEditable": true,
-                "docketName": "hearing",
-                "docketNumber": "200624-614",
-                "emailEvents": Array [],
-                "evidenceWindowWaived": false,
-                "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                "hearingDayId": 11,
-                "id": 10,
-                "isVirtual": false,
-                "judge": Object {
-                  "createdAt": "2020-06-25T11:00:43.257-04:00",
-                  "cssId": "BVAAABSHIRE",
-                  "displayName": "BVAAABSHIRE (VACO)",
-                  "efolderDocumentsFetchedAt": null,
-                  "email": null,
-                  "fullName": "Aaron Judge_HearingsAndCases Abshire",
-                  "id": 3,
-                  "lastLoginAt": null,
-                  "roles": Object {},
-                  "selectedRegionalOffice": null,
-                  "stationId": "101",
-                  "status": "active",
-                  "statusUpdatedAt": null,
-                  "updatedAt": "2020-06-25T11:00:43.257-04:00",
-                },
-                "judgeId": "3",
-                "location": null,
-                "militaryService": "",
-                "notes": null,
-                "paperCase": false,
-                "poaName": "AMERICAN LEGION",
-                "prepped": null,
-                "readableLocation": null,
-                "readableRequestType": "Video",
-                "regionalOfficeKey": "RO17",
-                "regionalOfficeName": "St. Petersburg regional office",
-                "regionalOfficeTimezone": "America/New_York",
-                "representative": "PARALYZED VETERANS OF AMERICA, INC.",
-                "representativeAddress": Object {
-                  "addressLine1": "9999 MISSION ST",
-                  "city": "SAN FRANCISCO",
-                  "state": "CA",
-                  "zip": "94103",
-                },
-                "representativeEmailAddress": "tom.brady@caseflow.gov",
-                "representativeName": null,
-                "representativeTz": "America/Los_Angeles",
-                "room": "1",
-                "scheduledFor": "2020-07-06T06:00:00.000-04:00",
-                "scheduledForIsPast": false,
-                "scheduledTime": "2000-01-01T06:00:00.000-05:00",
-                "scheduledTimeString": "06:00",
-                "summary": null,
-                "transcriptRequested": null,
-                "transcriptSentDate": undefined,
-                "transcription": Object {
-                  "expectedReturnDate": undefined,
-                  "problemNoticeSentDate": undefined,
-                  "sentToTranscriberDate": undefined,
-                  "uploadedToVbmsDate": undefined,
-                },
-                "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                "veteranAge": 85,
-                "veteranEmailAddress": "John.Smith@test.com",
-                "veteranFileNumber": "100000005",
-                "veteranFirstName": "John",
-                "veteranGender": "M",
-                "veteranLastName": "Smith",
-                "virtualHearing": null,
-                "wasVirtual": false,
-                "witness": null,
-                "worksheetIssues": Object {},
-              }
-            }
-            isLegacy={false}
-            update={[Function]}
-          >
-            <ContentSection
-              header="Hearing Details"
-            >
-              <div
-                className="cf-app-segment"
-              >
-                <h2
-                  data-css-3rhuy2=""
-                >
-                  Hearing Details
-                </h2>
-                <div
-                  data-css-1571z6o=""
-                >
-                  <div
-                    data-css-1fmltfu=""
-                  >
-                    <Connect(JudgeDropdown)
-                      name="judgeDropdown"
-                      onChange={[Function]}
-                      value="3"
-                    >
-                      <JudgeDropdown
-                        judges={Object {}}
-                        label="VLJ"
-                        name="judgeDropdown"
-                        onChange={[Function]}
-                        onFetchDropdownData={[Function]}
-                        onReceiveDropdownData={[Function]}
-                        value="3"
-                      >
+                              <input
+                                className={
+                                  Array [
+                                    "cf-form-textinput",
+                                  ]
+                                }
+                                id="taskNumber"
+                                name="taskNumber"
+                                onBlur={[Function]}
+                                onChange={[Function]}
+                                type="text"
+                              />
+                            </div>
+                          </div>
+                        </TextField>
                         <SearchableDropdown
                           clearOnSelect={false}
-                          label="VLJ"
+                          label="Transcriber"
                           loading={false}
-                          name="judgeDropdown"
+                          name="transcriber"
                           onChange={[Function]}
-                          strongLabel={true}
-                          value={
-                            Object {
-                              "label": null,
-                              "value": null,
-                            }
+                          options={
+                            Array [
+                              Object {
+                                "label": "",
+                                "value": null,
+                              },
+                              Object {
+                                "label": "Genesis Government Solutions, Inc.",
+                                "value": "Genesis Government Solutions, Inc.",
+                              },
+                              Object {
+                                "label": "Jamison Professional Services",
+                                "value": "Jamison Professional Services",
+                              },
+                              Object {
+                                "label": "The Ravens Group, Inc.",
+                                "value": "The Ravens Group, Inc.",
+                              },
+                            ]
                           }
+                          strongLabel={true}
                         >
                           <div
                             className=""
                           >
                             <div
-                              className="cf-form-dropdown dropdown-judgeDropdown"
+                              className="cf-form-dropdown dropdown-transcriber"
                             >
                               <label
                                 className="question-label"
-                                htmlFor="judge-dropdown"
-                                id="judge-dropdown-label"
+                                htmlFor="transcriber"
+                                id="transcriber-label"
                               >
                                 <strong>
                                   <FormLabel
-                                    label="VLJ"
-                                    name="VLJ"
+                                    label="Transcriber"
+                                    name="Transcriber"
                                   >
                                     <span>
-                                      VLJ
+                                      Transcriber
                                     </span>
                                   </FormLabel>
                                 </strong>
@@ -270519,27 +270399,41 @@ exports[`Details Matches snapshot with default props 1`] = `
                                   defaultInputValue=""
                                   defaultMenuIsOpen={false}
                                   defaultValue={null}
-                                  inputId="judge-dropdown"
+                                  inputId="transcriber"
                                   isLoading={false}
                                   isSearchable={true}
-                                  name="judgeDropdown"
+                                  name="transcriber"
                                   noOptionsMessage={[Function]}
                                   onBlurResetsInput={false}
                                   onChange={[Function]}
                                   onMenuClose={[Function]}
                                   onMenuOpen={[Function]}
+                                  options={
+                                    Array [
+                                      Object {
+                                        "label": "",
+                                        "value": null,
+                                      },
+                                      Object {
+                                        "label": "Genesis Government Solutions, Inc.",
+                                        "value": "Genesis Government Solutions, Inc.",
+                                      },
+                                      Object {
+                                        "label": "Jamison Professional Services",
+                                        "value": "Jamison Professional Services",
+                                      },
+                                      Object {
+                                        "label": "The Ravens Group, Inc.",
+                                        "value": "The Ravens Group, Inc.",
+                                      },
+                                    ]
+                                  }
                                   shouldKeyDownEventCreateNewOption={[Function]}
                                   styles={
                                     Object {
                                       "input": [Function],
                                     }
                                   }
-                                  value={
-                                    Object {
-                                      "label": null,
-                                      "value": null,
-                                    }
-                                  }
                                 >
                                   <Select
                                     backspaceRemovesValue={true}
@@ -270562,7 +270456,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                     formatGroupLabel={[Function]}
                                     getOptionLabel={[Function]}
                                     getOptionValue={[Function]}
-                                    inputId="judge-dropdown"
+                                    inputId="transcriber"
                                     inputValue=""
                                     isDisabled={false}
                                     isLoading={false}
@@ -270578,7 +270472,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                     menuShouldBlockScroll={false}
                                     menuShouldScrollIntoView={true}
                                     minMenuHeight={140}
-                                    name="judgeDropdown"
+                                    name="transcriber"
                                     noOptionsMessage={[Function]}
                                     onBlurResetsInput={false}
                                     onChange={[Function]}
@@ -270587,7 +270481,26 @@ exports[`Details Matches snapshot with default props 1`] = `
                                     onMenuOpen={[Function]}
                                     openMenuOnClick={true}
                                     openMenuOnFocus={false}
-                                    options={Array []}
+                                    options={
+                                      Array [
+                                        Object {
+                                          "label": "",
+                                          "value": null,
+                                        },
+                                        Object {
+                                          "label": "Genesis Government Solutions, Inc.",
+                                          "value": "Genesis Government Solutions, Inc.",
+                                        },
+                                        Object {
+                                          "label": "Jamison Professional Services",
+                                          "value": "Jamison Professional Services",
+                                        },
+                                        Object {
+                                          "label": "The Ravens Group, Inc.",
+                                          "value": "The Ravens Group, Inc.",
+                                        },
+                                      ]
+                                    }
                                     pageSize={5}
                                     placeholder="Select..."
                                     screenReaderStatus={[Function]}
@@ -270599,19 +270512,14 @@ exports[`Details Matches snapshot with default props 1`] = `
                                     }
                                     tabIndex="0"
                                     tabSelectsValue={true}
-                                    value={
-                                      Object {
-                                        "label": null,
-                                        "value": null,
-                                      }
-                                    }
+                                    value={null}
                                   >
                                     <SelectContainer
                                       clearValue={[Function]}
                                       cx={[Function]}
                                       getStyles={[Function]}
                                       getValue={[Function]}
-                                      hasValue={true}
+                                      hasValue={false}
                                       innerProps={
                                         Object {
                                           "id": undefined,
@@ -270622,7 +270530,26 @@ exports[`Details Matches snapshot with default props 1`] = `
                                       isFocused={false}
                                       isMulti={false}
                                       isRtl={false}
-                                      options={Array []}
+                                      options={
+                                        Array [
+                                          Object {
+                                            "label": "",
+                                            "value": null,
+                                          },
+                                          Object {
+                                            "label": "Genesis Government Solutions, Inc.",
+                                            "value": "Genesis Government Solutions, Inc.",
+                                          },
+                                          Object {
+                                            "label": "Jamison Professional Services",
+                                            "value": "Jamison Professional Services",
+                                          },
+                                          Object {
+                                            "label": "The Ravens Group, Inc.",
+                                            "value": "The Ravens Group, Inc.",
+                                          },
+                                        ]
+                                      }
                                       selectOption={[Function]}
                                       selectProps={
                                         Object {
@@ -270645,7 +270572,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                           "formatGroupLabel": [Function],
                                           "getOptionLabel": [Function],
                                           "getOptionValue": [Function],
-                                          "inputId": "judge-dropdown",
+                                          "inputId": "transcriber",
                                           "inputValue": "",
                                           "isClearable": undefined,
                                           "isDisabled": false,
@@ -270663,7 +270590,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                           "menuShouldBlockScroll": false,
                                           "menuShouldScrollIntoView": true,
                                           "minMenuHeight": 140,
-                                          "name": "judgeDropdown",
+                                          "name": "transcriber",
                                           "noOptionsMessage": [Function],
                                           "onBlurResetsInput": false,
                                           "onChange": [Function],
@@ -270672,7 +270599,24 @@ exports[`Details Matches snapshot with default props 1`] = `
                                           "onMenuOpen": [Function],
                                           "openMenuOnClick": true,
                                           "openMenuOnFocus": false,
-                                          "options": Array [],
+                                          "options": Array [
+                                            Object {
+                                              "label": "",
+                                              "value": null,
+                                            },
+                                            Object {
+                                              "label": "Genesis Government Solutions, Inc.",
+                                              "value": "Genesis Government Solutions, Inc.",
+                                            },
+                                            Object {
+                                              "label": "Jamison Professional Services",
+                                              "value": "Jamison Professional Services",
+                                            },
+                                            Object {
+                                              "label": "The Ravens Group, Inc.",
+                                              "value": "The Ravens Group, Inc.",
+                                            },
+                                          ],
                                           "pageSize": 5,
                                           "placeholder": "Select...",
                                           "screenReaderStatus": [Function],
@@ -270683,10 +270627,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                           },
                                           "tabIndex": "0",
                                           "tabSelectsValue": true,
-                                          "value": Object {
-                                            "label": null,
-                                            "value": null,
-                                          },
+                                          "value": null,
                                         }
                                       }
                                       setValue={[Function]}
@@ -270744,7 +270685,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                             cx={[Function]}
                                             getStyles={[Function]}
                                             getValue={[Function]}
-                                            hasValue={true}
+                                            hasValue={false}
                                             innerProps={
                                               Object {
                                                 "onMouseDown": [Function],
@@ -270757,7 +270698,26 @@ exports[`Details Matches snapshot with default props 1`] = `
                                             isMulti={false}
                                             isRtl={false}
                                             menuIsOpen={false}
-                                            options={Array []}
+                                            options={
+                                              Array [
+                                                Object {
+                                                  "label": "",
+                                                  "value": null,
+                                                },
+                                                Object {
+                                                  "label": "Genesis Government Solutions, Inc.",
+                                                  "value": "Genesis Government Solutions, Inc.",
+                                                },
+                                                Object {
+                                                  "label": "Jamison Professional Services",
+                                                  "value": "Jamison Professional Services",
+                                                },
+                                                Object {
+                                                  "label": "The Ravens Group, Inc.",
+                                                  "value": "The Ravens Group, Inc.",
+                                                },
+                                              ]
+                                            }
                                             selectOption={[Function]}
                                             selectProps={
                                               Object {
@@ -270780,7 +270740,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                 "formatGroupLabel": [Function],
                                                 "getOptionLabel": [Function],
                                                 "getOptionValue": [Function],
-                                                "inputId": "judge-dropdown",
+                                                "inputId": "transcriber",
                                                 "inputValue": "",
                                                 "isClearable": undefined,
                                                 "isDisabled": false,
@@ -270798,7 +270758,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                 "menuShouldBlockScroll": false,
                                                 "menuShouldScrollIntoView": true,
                                                 "minMenuHeight": 140,
-                                                "name": "judgeDropdown",
+                                                "name": "transcriber",
                                                 "noOptionsMessage": [Function],
                                                 "onBlurResetsInput": false,
                                                 "onChange": [Function],
@@ -270807,7 +270767,24 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                 "onMenuOpen": [Function],
                                                 "openMenuOnClick": true,
                                                 "openMenuOnFocus": false,
-                                                "options": Array [],
+                                                "options": Array [
+                                                  Object {
+                                                    "label": "",
+                                                    "value": null,
+                                                  },
+                                                  Object {
+                                                    "label": "Genesis Government Solutions, Inc.",
+                                                    "value": "Genesis Government Solutions, Inc.",
+                                                  },
+                                                  Object {
+                                                    "label": "Jamison Professional Services",
+                                                    "value": "Jamison Professional Services",
+                                                  },
+                                                  Object {
+                                                    "label": "The Ravens Group, Inc.",
+                                                    "value": "The Ravens Group, Inc.",
+                                                  },
+                                                ],
                                                 "pageSize": 5,
                                                 "placeholder": "Select...",
                                                 "screenReaderStatus": [Function],
@@ -270818,10 +270795,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                 },
                                                 "tabIndex": "0",
                                                 "tabSelectsValue": true,
-                                                "value": Object {
-                                                  "label": null,
-                                                  "value": null,
-                                                },
+                                                "value": null,
                                               }
                                             }
                                             setValue={[Function]}
@@ -270896,11 +270870,30 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                   cx={[Function]}
                                                   getStyles={[Function]}
                                                   getValue={[Function]}
-                                                  hasValue={true}
+                                                  hasValue={false}
                                                   isDisabled={false}
                                                   isMulti={false}
                                                   isRtl={false}
-                                                  options={Array []}
+                                                  options={
+                                                    Array [
+                                                      Object {
+                                                        "label": "",
+                                                        "value": null,
+                                                      },
+                                                      Object {
+                                                        "label": "Genesis Government Solutions, Inc.",
+                                                        "value": "Genesis Government Solutions, Inc.",
+                                                      },
+                                                      Object {
+                                                        "label": "Jamison Professional Services",
+                                                        "value": "Jamison Professional Services",
+                                                      },
+                                                      Object {
+                                                        "label": "The Ravens Group, Inc.",
+                                                        "value": "The Ravens Group, Inc.",
+                                                      },
+                                                    ]
+                                                  }
                                                   selectOption={[Function]}
                                                   selectProps={
                                                     Object {
@@ -270923,7 +270916,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                       "formatGroupLabel": [Function],
                                                       "getOptionLabel": [Function],
                                                       "getOptionValue": [Function],
-                                                      "inputId": "judge-dropdown",
+                                                      "inputId": "transcriber",
                                                       "inputValue": "",
                                                       "isClearable": undefined,
                                                       "isDisabled": false,
@@ -270941,7 +270934,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                       "menuShouldBlockScroll": false,
                                                       "menuShouldScrollIntoView": true,
                                                       "minMenuHeight": 140,
-                                                      "name": "judgeDropdown",
+                                                      "name": "transcriber",
                                                       "noOptionsMessage": [Function],
                                                       "onBlurResetsInput": false,
                                                       "onChange": [Function],
@@ -270950,7 +270943,24 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                       "onMenuOpen": [Function],
                                                       "openMenuOnClick": true,
                                                       "openMenuOnFocus": false,
-                                                      "options": Array [],
+                                                      "options": Array [
+                                                        Object {
+                                                          "label": "",
+                                                          "value": null,
+                                                        },
+                                                        Object {
+                                                          "label": "Genesis Government Solutions, Inc.",
+                                                          "value": "Genesis Government Solutions, Inc.",
+                                                        },
+                                                        Object {
+                                                          "label": "Jamison Professional Services",
+                                                          "value": "Jamison Professional Services",
+                                                        },
+                                                        Object {
+                                                          "label": "The Ravens Group, Inc.",
+                                                          "value": "The Ravens Group, Inc.",
+                                                        },
+                                                      ],
                                                       "pageSize": 5,
                                                       "placeholder": "Select...",
                                                       "screenReaderStatus": [Function],
@@ -270961,10 +270971,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                       },
                                                       "tabIndex": "0",
                                                       "tabSelectsValue": true,
-                                                      "value": Object {
-                                                        "label": null,
-                                                        "value": null,
-                                                      },
+                                                      "value": null,
                                                     }
                                                   }
                                                   setValue={[Function]}
@@ -271001,7 +271008,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                   <EmotionCssPropInternal
                                                     __EMOTION_LABEL_PLEASE_DO_NOT_USE__="ValueContainer"
                                                     __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                    className="cf-select__value-container cf-select__value-container--has-value"
+                                                    className="cf-select__value-container"
                                                     css={
                                                       Object {
                                                         "WebkitOverflowScrolling": "touch",
@@ -271017,24 +271024,39 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                     }
                                                   >
                                                     <div
-                                                      className="cf-select__value-container cf-select__value-container--has-value css-g1d714-ValueContainer"
+                                                      className="cf-select__value-container css-g1d714-ValueContainer"
                                                     >
-                                                      <SingleValue
+                                                      <Placeholder
                                                         clearValue={[Function]}
                                                         cx={[Function]}
-                                                        data={
-                                                          Object {
-                                                            "label": null,
-                                                            "value": null,
-                                                          }
-                                                        }
                                                         getStyles={[Function]}
                                                         getValue={[Function]}
-                                                        hasValue={true}
+                                                        hasValue={false}
                                                         isDisabled={false}
+                                                        isFocused={false}
                                                         isMulti={false}
                                                         isRtl={false}
-                                                        options={Array []}
+                                                        key="placeholder"
+                                                        options={
+                                                          Array [
+                                                            Object {
+                                                              "label": "",
+                                                              "value": null,
+                                                            },
+                                                            Object {
+                                                              "label": "Genesis Government Solutions, Inc.",
+                                                              "value": "Genesis Government Solutions, Inc.",
+                                                            },
+                                                            Object {
+                                                              "label": "Jamison Professional Services",
+                                                              "value": "Jamison Professional Services",
+                                                            },
+                                                            Object {
+                                                              "label": "The Ravens Group, Inc.",
+                                                              "value": "The Ravens Group, Inc.",
+                                                            },
+                                                          ]
+                                                        }
                                                         selectOption={[Function]}
                                                         selectProps={
                                                           Object {
@@ -271057,7 +271079,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "formatGroupLabel": [Function],
                                                             "getOptionLabel": [Function],
                                                             "getOptionValue": [Function],
-                                                            "inputId": "judge-dropdown",
+                                                            "inputId": "transcriber",
                                                             "inputValue": "",
                                                             "isClearable": undefined,
                                                             "isDisabled": false,
@@ -271075,7 +271097,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "menuShouldBlockScroll": false,
                                                             "menuShouldScrollIntoView": true,
                                                             "minMenuHeight": 140,
-                                                            "name": "judgeDropdown",
+                                                            "name": "transcriber",
                                                             "noOptionsMessage": [Function],
                                                             "onBlurResetsInput": false,
                                                             "onChange": [Function],
@@ -271084,7 +271106,24 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "onMenuOpen": [Function],
                                                             "openMenuOnClick": true,
                                                             "openMenuOnFocus": false,
-                                                            "options": Array [],
+                                                            "options": Array [
+                                                              Object {
+                                                                "label": "",
+                                                                "value": null,
+                                                              },
+                                                              Object {
+                                                                "label": "Genesis Government Solutions, Inc.",
+                                                                "value": "Genesis Government Solutions, Inc.",
+                                                              },
+                                                              Object {
+                                                                "label": "Jamison Professional Services",
+                                                                "value": "Jamison Professional Services",
+                                                              },
+                                                              Object {
+                                                                "label": "The Ravens Group, Inc.",
+                                                                "value": "The Ravens Group, Inc.",
+                                                              },
+                                                            ],
                                                             "pageSize": 5,
                                                             "placeholder": "Select...",
                                                             "screenReaderStatus": [Function],
@@ -271095,10 +271134,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             },
                                                             "tabIndex": "0",
                                                             "tabSelectsValue": true,
-                                                            "value": Object {
-                                                              "label": null,
-                                                              "value": null,
-                                                            },
+                                                            "value": null,
                                                           }
                                                         }
                                                         setValue={[Function]}
@@ -271133,31 +271169,29 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                         }
                                                       >
                                                         <EmotionCssPropInternal
-                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SingleValue"
+                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Placeholder"
                                                           __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                          className="cf-select__single-value"
+                                                          className="cf-select__placeholder"
                                                           css={
                                                             Object {
                                                               "boxSizing": "border-box",
-                                                              "color": "hsl(0, 0%, 20%)",
-                                                              "label": "singleValue",
+                                                              "color": "hsl(0, 0%, 50%)",
+                                                              "label": "placeholder",
                                                               "marginLeft": 2,
                                                               "marginRight": 2,
-                                                              "maxWidth": "calc(100% - 8px)",
-                                                              "overflow": "hidden",
                                                               "position": "absolute",
-                                                              "textOverflow": "ellipsis",
                                                               "top": "50%",
                                                               "transform": "translateY(-50%)",
-                                                              "whiteSpace": "nowrap",
                                                             }
                                                           }
                                                         >
                                                           <div
-                                                            className="cf-select__single-value css-1uccc91-singleValue"
-                                                          />
+                                                            className="cf-select__placeholder css-1wa3eu0-placeholder"
+                                                          >
+                                                            Select...
+                                                          </div>
                                                         </EmotionCssPropInternal>
-                                                      </SingleValue>
+                                                      </Placeholder>
                                                       <CustomInput
                                                         aria-autocomplete="list"
                                                         autoCapitalize="none"
@@ -271165,7 +271199,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                         autoCorrect="off"
                                                         cx={[Function]}
                                                         getStyles={[Function]}
-                                                        id="judge-dropdown"
+                                                        id="transcriber"
                                                         innerRef={[Function]}
                                                         isDisabled={false}
                                                         isHidden={false}
@@ -271193,7 +271227,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "formatGroupLabel": [Function],
                                                             "getOptionLabel": [Function],
                                                             "getOptionValue": [Function],
-                                                            "inputId": "judge-dropdown",
+                                                            "inputId": "transcriber",
                                                             "inputValue": "",
                                                             "isClearable": undefined,
                                                             "isDisabled": false,
@@ -271211,7 +271245,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "menuShouldBlockScroll": false,
                                                             "menuShouldScrollIntoView": true,
                                                             "minMenuHeight": 140,
-                                                            "name": "judgeDropdown",
+                                                            "name": "transcriber",
                                                             "noOptionsMessage": [Function],
                                                             "onBlurResetsInput": false,
                                                             "onChange": [Function],
@@ -271220,7 +271254,24 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "onMenuOpen": [Function],
                                                             "openMenuOnClick": true,
                                                             "openMenuOnFocus": false,
-                                                            "options": Array [],
+                                                            "options": Array [
+                                                              Object {
+                                                                "label": "",
+                                                                "value": null,
+                                                              },
+                                                              Object {
+                                                                "label": "Genesis Government Solutions, Inc.",
+                                                                "value": "Genesis Government Solutions, Inc.",
+                                                              },
+                                                              Object {
+                                                                "label": "Jamison Professional Services",
+                                                                "value": "Jamison Professional Services",
+                                                              },
+                                                              Object {
+                                                                "label": "The Ravens Group, Inc.",
+                                                                "value": "The Ravens Group, Inc.",
+                                                              },
+                                                            ],
                                                             "pageSize": 5,
                                                             "placeholder": "Select...",
                                                             "screenReaderStatus": [Function],
@@ -271231,10 +271282,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             },
                                                             "tabIndex": "0",
                                                             "tabSelectsValue": true,
-                                                            "value": Object {
-                                                              "label": null,
-                                                              "value": null,
-                                                            },
+                                                            "value": null,
                                                           }
                                                         }
                                                         spellCheck="false"
@@ -271275,14 +271323,14 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                           aria-autocomplete="list"
                                                           aria-expanded={false}
                                                           aria-haspopup={true}
-                                                          aria-labelledby="judge-dropdown-label"
-                                                          aria-owns="judge-dropdown-listbox"
+                                                          aria-labelledby="transcriber-label"
+                                                          aria-owns="transcriber-listbox"
                                                           autoCapitalize="none"
                                                           autoComplete="off"
                                                           autoCorrect="off"
                                                           cx={[Function]}
                                                           getStyles={[Function]}
-                                                          id="judge-dropdown"
+                                                          id="transcriber"
                                                           innerRef={[Function]}
                                                           isDisabled={false}
                                                           isHidden={false}
@@ -271311,7 +271359,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "formatGroupLabel": [Function],
                                                               "getOptionLabel": [Function],
                                                               "getOptionValue": [Function],
-                                                              "inputId": "judge-dropdown",
+                                                              "inputId": "transcriber",
                                                               "inputValue": "",
                                                               "isClearable": undefined,
                                                               "isDisabled": false,
@@ -271329,7 +271377,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "menuShouldBlockScroll": false,
                                                               "menuShouldScrollIntoView": true,
                                                               "minMenuHeight": 140,
-                                                              "name": "judgeDropdown",
+                                                              "name": "transcriber",
                                                               "noOptionsMessage": [Function],
                                                               "onBlurResetsInput": false,
                                                               "onChange": [Function],
@@ -271338,7 +271386,24 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "onMenuOpen": [Function],
                                                               "openMenuOnClick": true,
                                                               "openMenuOnFocus": false,
-                                                              "options": Array [],
+                                                              "options": Array [
+                                                                Object {
+                                                                  "label": "",
+                                                                  "value": null,
+                                                                },
+                                                                Object {
+                                                                  "label": "Genesis Government Solutions, Inc.",
+                                                                  "value": "Genesis Government Solutions, Inc.",
+                                                                },
+                                                                Object {
+                                                                  "label": "Jamison Professional Services",
+                                                                  "value": "Jamison Professional Services",
+                                                                },
+                                                                Object {
+                                                                  "label": "The Ravens Group, Inc.",
+                                                                  "value": "The Ravens Group, Inc.",
+                                                                },
+                                                              ],
                                                               "pageSize": 5,
                                                               "placeholder": "Select...",
                                                               "screenReaderStatus": [Function],
@@ -271349,10 +271414,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               },
                                                               "tabIndex": "0",
                                                               "tabSelectsValue": true,
-                                                              "value": Object {
-                                                                "label": null,
-                                                                "value": null,
-                                                              },
+                                                              "value": null,
                                                             }
                                                           }
                                                           spellCheck="false"
@@ -271405,14 +271467,14 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                                 aria-autocomplete="list"
                                                                 aria-expanded={false}
                                                                 aria-haspopup={true}
-                                                                aria-labelledby="judge-dropdown-label"
-                                                                aria-owns="judge-dropdown-listbox"
+                                                                aria-labelledby="transcriber-label"
+                                                                aria-owns="transcriber-listbox"
                                                                 autoCapitalize="none"
                                                                 autoComplete="off"
                                                                 autoCorrect="off"
                                                                 className="cf-select__input"
                                                                 disabled={false}
-                                                                id="judge-dropdown"
+                                                                id="transcriber"
                                                                 injectStyles={true}
                                                                 inputRef={[Function]}
                                                                 inputStyle={
@@ -271449,13 +271511,13 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                                     aria-autocomplete="list"
                                                                     aria-expanded={false}
                                                                     aria-haspopup={true}
-                                                                    aria-labelledby="judge-dropdown-label"
-                                                                    aria-owns="judge-dropdown-listbox"
+                                                                    aria-labelledby="transcriber-label"
+                                                                    aria-owns="transcriber-listbox"
                                                                     autoCapitalize="none"
                                                                     autoComplete="off"
                                                                     autoCorrect="off"
                                                                     disabled={false}
-                                                                    id="judge-dropdown"
+                                                                    id="transcriber"
                                                                     onBlur={[Function]}
                                                                     onChange={[Function]}
                                                                     onFocus={[Function]}
@@ -271506,11 +271568,30 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                   cx={[Function]}
                                                   getStyles={[Function]}
                                                   getValue={[Function]}
-                                                  hasValue={true}
+                                                  hasValue={false}
                                                   isDisabled={false}
                                                   isMulti={false}
                                                   isRtl={false}
-                                                  options={Array []}
+                                                  options={
+                                                    Array [
+                                                      Object {
+                                                        "label": "",
+                                                        "value": null,
+                                                      },
+                                                      Object {
+                                                        "label": "Genesis Government Solutions, Inc.",
+                                                        "value": "Genesis Government Solutions, Inc.",
+                                                      },
+                                                      Object {
+                                                        "label": "Jamison Professional Services",
+                                                        "value": "Jamison Professional Services",
+                                                      },
+                                                      Object {
+                                                        "label": "The Ravens Group, Inc.",
+                                                        "value": "The Ravens Group, Inc.",
+                                                      },
+                                                    ]
+                                                  }
                                                   selectOption={[Function]}
                                                   selectProps={
                                                     Object {
@@ -271533,7 +271614,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                       "formatGroupLabel": [Function],
                                                       "getOptionLabel": [Function],
                                                       "getOptionValue": [Function],
-                                                      "inputId": "judge-dropdown",
+                                                      "inputId": "transcriber",
                                                       "inputValue": "",
                                                       "isClearable": undefined,
                                                       "isDisabled": false,
@@ -271551,7 +271632,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                       "menuShouldBlockScroll": false,
                                                       "menuShouldScrollIntoView": true,
                                                       "minMenuHeight": 140,
-                                                      "name": "judgeDropdown",
+                                                      "name": "transcriber",
                                                       "noOptionsMessage": [Function],
                                                       "onBlurResetsInput": false,
                                                       "onChange": [Function],
@@ -271560,7 +271641,24 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                       "onMenuOpen": [Function],
                                                       "openMenuOnClick": true,
                                                       "openMenuOnFocus": false,
-                                                      "options": Array [],
+                                                      "options": Array [
+                                                        Object {
+                                                          "label": "",
+                                                          "value": null,
+                                                        },
+                                                        Object {
+                                                          "label": "Genesis Government Solutions, Inc.",
+                                                          "value": "Genesis Government Solutions, Inc.",
+                                                        },
+                                                        Object {
+                                                          "label": "Jamison Professional Services",
+                                                          "value": "Jamison Professional Services",
+                                                        },
+                                                        Object {
+                                                          "label": "The Ravens Group, Inc.",
+                                                          "value": "The Ravens Group, Inc.",
+                                                        },
+                                                      ],
                                                       "pageSize": 5,
                                                       "placeholder": "Select...",
                                                       "screenReaderStatus": [Function],
@@ -271571,10 +271669,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                       },
                                                       "tabIndex": "0",
                                                       "tabSelectsValue": true,
-                                                      "value": Object {
-                                                        "label": null,
-                                                        "value": null,
-                                                      },
+                                                      "value": null,
                                                     }
                                                   }
                                                   setValue={[Function]}
@@ -271630,12 +271725,31 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                         cx={[Function]}
                                                         getStyles={[Function]}
                                                         getValue={[Function]}
-                                                        hasValue={true}
+                                                        hasValue={false}
                                                         isDisabled={false}
                                                         isFocused={false}
                                                         isMulti={false}
                                                         isRtl={false}
-                                                        options={Array []}
+                                                        options={
+                                                          Array [
+                                                            Object {
+                                                              "label": "",
+                                                              "value": null,
+                                                            },
+                                                            Object {
+                                                              "label": "Genesis Government Solutions, Inc.",
+                                                              "value": "Genesis Government Solutions, Inc.",
+                                                            },
+                                                            Object {
+                                                              "label": "Jamison Professional Services",
+                                                              "value": "Jamison Professional Services",
+                                                            },
+                                                            Object {
+                                                              "label": "The Ravens Group, Inc.",
+                                                              "value": "The Ravens Group, Inc.",
+                                                            },
+                                                          ]
+                                                        }
                                                         selectOption={[Function]}
                                                         selectProps={
                                                           Object {
@@ -271658,7 +271772,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "formatGroupLabel": [Function],
                                                             "getOptionLabel": [Function],
                                                             "getOptionValue": [Function],
-                                                            "inputId": "judge-dropdown",
+                                                            "inputId": "transcriber",
                                                             "inputValue": "",
                                                             "isClearable": undefined,
                                                             "isDisabled": false,
@@ -271676,7 +271790,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "menuShouldBlockScroll": false,
                                                             "menuShouldScrollIntoView": true,
                                                             "minMenuHeight": 140,
-                                                            "name": "judgeDropdown",
+                                                            "name": "transcriber",
                                                             "noOptionsMessage": [Function],
                                                             "onBlurResetsInput": false,
                                                             "onChange": [Function],
@@ -271685,7 +271799,24 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "onMenuOpen": [Function],
                                                             "openMenuOnClick": true,
                                                             "openMenuOnFocus": false,
-                                                            "options": Array [],
+                                                            "options": Array [
+                                                              Object {
+                                                                "label": "",
+                                                                "value": null,
+                                                              },
+                                                              Object {
+                                                                "label": "Genesis Government Solutions, Inc.",
+                                                                "value": "Genesis Government Solutions, Inc.",
+                                                              },
+                                                              Object {
+                                                                "label": "Jamison Professional Services",
+                                                                "value": "Jamison Professional Services",
+                                                              },
+                                                              Object {
+                                                                "label": "The Ravens Group, Inc.",
+                                                                "value": "The Ravens Group, Inc.",
+                                                              },
+                                                            ],
                                                             "pageSize": 5,
                                                             "placeholder": "Select...",
                                                             "screenReaderStatus": [Function],
@@ -271696,10 +271827,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             },
                                                             "tabIndex": "0",
                                                             "tabSelectsValue": true,
-                                                            "value": Object {
-                                                              "label": null,
-                                                              "value": null,
-                                                            },
+                                                            "value": null,
                                                           }
                                                         }
                                                         setValue={[Function]}
@@ -271759,7 +271887,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                         cx={[Function]}
                                                         getStyles={[Function]}
                                                         getValue={[Function]}
-                                                        hasValue={true}
+                                                        hasValue={false}
                                                         innerProps={
                                                           Object {
                                                             "aria-hidden": "true",
@@ -271771,7 +271899,26 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                         isFocused={false}
                                                         isMulti={false}
                                                         isRtl={false}
-                                                        options={Array []}
+                                                        options={
+                                                          Array [
+                                                            Object {
+                                                              "label": "",
+                                                              "value": null,
+                                                            },
+                                                            Object {
+                                                              "label": "Genesis Government Solutions, Inc.",
+                                                              "value": "Genesis Government Solutions, Inc.",
+                                                            },
+                                                            Object {
+                                                              "label": "Jamison Professional Services",
+                                                              "value": "Jamison Professional Services",
+                                                            },
+                                                            Object {
+                                                              "label": "The Ravens Group, Inc.",
+                                                              "value": "The Ravens Group, Inc.",
+                                                            },
+                                                          ]
+                                                        }
                                                         selectOption={[Function]}
                                                         selectProps={
                                                           Object {
@@ -271794,7 +271941,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "formatGroupLabel": [Function],
                                                             "getOptionLabel": [Function],
                                                             "getOptionValue": [Function],
-                                                            "inputId": "judge-dropdown",
+                                                            "inputId": "transcriber",
                                                             "inputValue": "",
                                                             "isClearable": undefined,
                                                             "isDisabled": false,
@@ -271812,7 +271959,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "menuShouldBlockScroll": false,
                                                             "menuShouldScrollIntoView": true,
                                                             "minMenuHeight": 140,
-                                                            "name": "judgeDropdown",
+                                                            "name": "transcriber",
                                                             "noOptionsMessage": [Function],
                                                             "onBlurResetsInput": false,
                                                             "onChange": [Function],
@@ -271821,7 +271968,24 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "onMenuOpen": [Function],
                                                             "openMenuOnClick": true,
                                                             "openMenuOnFocus": false,
-                                                            "options": Array [],
+                                                            "options": Array [
+                                                              Object {
+                                                                "label": "",
+                                                                "value": null,
+                                                              },
+                                                              Object {
+                                                                "label": "Genesis Government Solutions, Inc.",
+                                                                "value": "Genesis Government Solutions, Inc.",
+                                                              },
+                                                              Object {
+                                                                "label": "Jamison Professional Services",
+                                                                "value": "Jamison Professional Services",
+                                                              },
+                                                              Object {
+                                                                "label": "The Ravens Group, Inc.",
+                                                                "value": "The Ravens Group, Inc.",
+                                                              },
+                                                            ],
                                                             "pageSize": 5,
                                                             "placeholder": "Select...",
                                                             "screenReaderStatus": [Function],
@@ -271832,10 +271996,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             },
                                                             "tabIndex": "0",
                                                             "tabSelectsValue": true,
-                                                            "value": Object {
-                                                              "label": null,
-                                                              "value": null,
-                                                            },
+                                                            "value": null,
                                                           }
                                                         }
                                                         setValue={[Function]}
@@ -271942,9 +272103,9 @@ exports[`Details Matches snapshot with default props 1`] = `
                                             </EmotionCssPropInternal>
                                           </Control>
                                           <input
-                                            name="judgeDropdown"
+                                            name="transcriber"
                                             type="hidden"
-                                            value={null}
+                                            value=""
                                           />
                                         </div>
                                       </EmotionCssPropInternal>
@@ -271955,60 +272116,278 @@ exports[`Details Matches snapshot with default props 1`] = `
                             </div>
                           </div>
                         </SearchableDropdown>
-                      </JudgeDropdown>
-                    </Connect(JudgeDropdown)>
-                    <Connect(HearingCoordinatorDropdown)
-                      name="hearingCoordinatorDropdown"
-                      onChange={[Function]}
-                      value={null}
-                    >
-                      <HearingCoordinatorDropdown
-                        hearingCoordinators={
-                          Object {
-                            "isFetching": false,
-                            "options": Array [],
-                          }
+                        <div />
+                      </div>
+                      <div
+                        data-css-1fmltfu=""
+                      >
+                        <DateSelector
+                          label="Sent to Transcriber"
+                          name="sentToTranscriberDate"
+                          onChange={[Function]}
+                          strongLabel={true}
+                          type="date"
+                        >
+                          <TextField
+                            className={
+                              Array [
+                                "cf-form-textinput",
+                              ]
+                            }
+                            label="Sent to Transcriber"
+                            max="9999-12-31"
+                            name="sentToTranscriberDate"
+                            onChange={[Function]}
+                            optional={false}
+                            placeholder="mm/dd/yyyy"
+                            required={false}
+                            strongLabel={true}
+                            type="date"
+                            useAriaLabel={false}
+                            validationError={null}
+                          >
+                            <div
+                              className="cf-form-textinput   "
+                            >
+                              <label
+                                htmlFor="sentToTranscriberDate"
+                              >
+                                <strong>
+                                  <FormLabel
+                                    label="Sent to Transcriber"
+                                    name="sentToTranscriberDate"
+                                    optional={false}
+                                    required={false}
+                                  >
+                                    <span>
+                                      Sent to Transcriber
+                                    </span>
+                                  </FormLabel>
+                                </strong>
+                              </label>
+                              <div
+                                className="input-container"
+                              >
+                                <input
+                                  className={
+                                    Array [
+                                      "cf-form-textinput",
+                                    ]
+                                  }
+                                  id="sentToTranscriberDate"
+                                  max="9999-12-31"
+                                  name="sentToTranscriberDate"
+                                  onBlur={[Function]}
+                                  onChange={[Function]}
+                                  placeholder="mm/dd/yyyy"
+                                  type="date"
+                                />
+                              </div>
+                            </div>
+                          </TextField>
+                        </DateSelector>
+                        <DateSelector
+                          label="Expected Return Date"
+                          name="expectedReturnDate"
+                          onChange={[Function]}
+                          strongLabel={true}
+                          type="date"
+                        >
+                          <TextField
+                            className={
+                              Array [
+                                "cf-form-textinput",
+                              ]
+                            }
+                            label="Expected Return Date"
+                            max="9999-12-31"
+                            name="expectedReturnDate"
+                            onChange={[Function]}
+                            optional={false}
+                            placeholder="mm/dd/yyyy"
+                            required={false}
+                            strongLabel={true}
+                            type="date"
+                            useAriaLabel={false}
+                            validationError={null}
+                          >
+                            <div
+                              className="cf-form-textinput   "
+                            >
+                              <label
+                                htmlFor="expectedReturnDate"
+                              >
+                                <strong>
+                                  <FormLabel
+                                    label="Expected Return Date"
+                                    name="expectedReturnDate"
+                                    optional={false}
+                                    required={false}
+                                  >
+                                    <span>
+                                      Expected Return Date
+                                    </span>
+                                  </FormLabel>
+                                </strong>
+                              </label>
+                              <div
+                                className="input-container"
+                              >
+                                <input
+                                  className={
+                                    Array [
+                                      "cf-form-textinput",
+                                    ]
+                                  }
+                                  id="expectedReturnDate"
+                                  max="9999-12-31"
+                                  name="expectedReturnDate"
+                                  onBlur={[Function]}
+                                  onChange={[Function]}
+                                  placeholder="mm/dd/yyyy"
+                                  type="date"
+                                />
+                              </div>
+                            </div>
+                          </TextField>
+                        </DateSelector>
+                        <DateSelector
+                          label="Transcript Uploaded to VBMS"
+                          name="uploadedToVbmsDate"
+                          onChange={[Function]}
+                          strongLabel={true}
+                          type="date"
+                        >
+                          <TextField
+                            className={
+                              Array [
+                                "cf-form-textinput",
+                              ]
+                            }
+                            label="Transcript Uploaded to VBMS"
+                            max="9999-12-31"
+                            name="uploadedToVbmsDate"
+                            onChange={[Function]}
+                            optional={false}
+                            placeholder="mm/dd/yyyy"
+                            required={false}
+                            strongLabel={true}
+                            type="date"
+                            useAriaLabel={false}
+                            validationError={null}
+                          >
+                            <div
+                              className="cf-form-textinput   "
+                            >
+                              <label
+                                htmlFor="uploadedToVbmsDate"
+                              >
+                                <strong>
+                                  <FormLabel
+                                    label="Transcript Uploaded to VBMS"
+                                    name="uploadedToVbmsDate"
+                                    optional={false}
+                                    required={false}
+                                  >
+                                    <span>
+                                      Transcript Uploaded to VBMS
+                                    </span>
+                                  </FormLabel>
+                                </strong>
+                              </label>
+                              <div
+                                className="input-container"
+                              >
+                                <input
+                                  className={
+                                    Array [
+                                      "cf-form-textinput",
+                                    ]
+                                  }
+                                  id="uploadedToVbmsDate"
+                                  max="9999-12-31"
+                                  name="uploadedToVbmsDate"
+                                  onBlur={[Function]}
+                                  onChange={[Function]}
+                                  placeholder="mm/dd/yyyy"
+                                  type="date"
+                                />
+                              </div>
+                            </div>
+                          </TextField>
+                        </DateSelector>
+                      </div>
+                    </TranscriptionDetailsInputs>
+                    <div
+                      className="cf-help-divider"
+                    />
+                    <h3>
+                      Transcription Problem
+                    </h3>
+                    <TranscriptionProblemInputs
+                      transcription={
+                        Object {
+                          "expectedReturnDate": undefined,
+                          "problemNoticeSentDate": undefined,
+                          "sentToTranscriberDate": undefined,
+                          "uploadedToVbmsDate": undefined,
                         }
-                        label="Hearing Coordinator"
-                        name="hearingCoordinatorDropdown"
-                        onChange={[Function]}
-                        onFetchDropdownData={[Function]}
-                        onReceiveDropdownData={[Function]}
-                        value={null}
+                      }
+                      update={[Function]}
+                    >
+                      <div
+                        data-css-1fmltfu=""
                       >
                         <SearchableDropdown
                           clearOnSelect={false}
-                          label="Hearing Coordinator"
+                          label="Transcription Problem Type"
                           loading={false}
-                          name="hearingCoordinatorDropdown"
+                          name="problemType"
                           onChange={[Function]}
-                          options={Array []}
-                          strongLabel={true}
-                          value={
-                            Object {
-                              "label": null,
-                              "value": null,
-                            }
+                          options={
+                            Array [
+                              Object {
+                                "label": "No audio",
+                                "value": "No audio",
+                              },
+                              Object {
+                                "label": "Poor Audio Quality",
+                                "value": "Poor Audio Quality",
+                              },
+                              Object {
+                                "label": "Incomplete Hearing",
+                                "value": "Incomplete Hearing",
+                              },
+                              Object {
+                                "label": "Other (see notes)",
+                                "value": "Other (see notes)",
+                              },
+                              Object {
+                                "label": "None",
+                                "value": null,
+                              },
+                            ]
                           }
+                          strongLabel={true}
                         >
                           <div
                             className=""
                           >
                             <div
-                              className="cf-form-dropdown dropdown-hearingCoordinatorDropdown"
+                              className="cf-form-dropdown dropdown-problemType"
                             >
                               <label
                                 className="question-label"
-                                htmlFor="hearing-coordinator-dropdown"
-                                id="hearing-coordinator-dropdown-label"
+                                htmlFor="problem-type"
+                                id="problem-type-label"
                               >
                                 <strong>
                                   <FormLabel
-                                    label="Hearing Coordinator"
-                                    name="Hearing Coordinator"
+                                    label="Transcription Problem Type"
+                                    name="Transcription Problem Type"
                                   >
                                     <span>
-                                      Hearing Coordinator
+                                      Transcription Problem Type
                                     </span>
                                   </FormLabel>
                                 </strong>
@@ -272029,28 +272408,45 @@ exports[`Details Matches snapshot with default props 1`] = `
                                   defaultInputValue=""
                                   defaultMenuIsOpen={false}
                                   defaultValue={null}
-                                  inputId="hearing-coordinator-dropdown"
+                                  inputId="problem-type"
                                   isLoading={false}
                                   isSearchable={true}
-                                  name="hearingCoordinatorDropdown"
+                                  name="problemType"
                                   noOptionsMessage={[Function]}
                                   onBlurResetsInput={false}
                                   onChange={[Function]}
                                   onMenuClose={[Function]}
                                   onMenuOpen={[Function]}
-                                  options={Array []}
+                                  options={
+                                    Array [
+                                      Object {
+                                        "label": "No audio",
+                                        "value": "No audio",
+                                      },
+                                      Object {
+                                        "label": "Poor Audio Quality",
+                                        "value": "Poor Audio Quality",
+                                      },
+                                      Object {
+                                        "label": "Incomplete Hearing",
+                                        "value": "Incomplete Hearing",
+                                      },
+                                      Object {
+                                        "label": "Other (see notes)",
+                                        "value": "Other (see notes)",
+                                      },
+                                      Object {
+                                        "label": "None",
+                                        "value": null,
+                                      },
+                                    ]
+                                  }
                                   shouldKeyDownEventCreateNewOption={[Function]}
                                   styles={
                                     Object {
                                       "input": [Function],
                                     }
                                   }
-                                  value={
-                                    Object {
-                                      "label": null,
-                                      "value": null,
-                                    }
-                                  }
                                 >
                                   <Select
                                     backspaceRemovesValue={true}
@@ -272073,7 +272469,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                     formatGroupLabel={[Function]}
                                     getOptionLabel={[Function]}
                                     getOptionValue={[Function]}
-                                    inputId="hearing-coordinator-dropdown"
+                                    inputId="problem-type"
                                     inputValue=""
                                     isDisabled={false}
                                     isLoading={false}
@@ -272089,7 +272485,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                     menuShouldBlockScroll={false}
                                     menuShouldScrollIntoView={true}
                                     minMenuHeight={140}
-                                    name="hearingCoordinatorDropdown"
+                                    name="problemType"
                                     noOptionsMessage={[Function]}
                                     onBlurResetsInput={false}
                                     onChange={[Function]}
@@ -272098,7 +272494,30 @@ exports[`Details Matches snapshot with default props 1`] = `
                                     onMenuOpen={[Function]}
                                     openMenuOnClick={true}
                                     openMenuOnFocus={false}
-                                    options={Array []}
+                                    options={
+                                      Array [
+                                        Object {
+                                          "label": "No audio",
+                                          "value": "No audio",
+                                        },
+                                        Object {
+                                          "label": "Poor Audio Quality",
+                                          "value": "Poor Audio Quality",
+                                        },
+                                        Object {
+                                          "label": "Incomplete Hearing",
+                                          "value": "Incomplete Hearing",
+                                        },
+                                        Object {
+                                          "label": "Other (see notes)",
+                                          "value": "Other (see notes)",
+                                        },
+                                        Object {
+                                          "label": "None",
+                                          "value": null,
+                                        },
+                                      ]
+                                    }
                                     pageSize={5}
                                     placeholder="Select..."
                                     screenReaderStatus={[Function]}
@@ -272110,19 +272529,14 @@ exports[`Details Matches snapshot with default props 1`] = `
                                     }
                                     tabIndex="0"
                                     tabSelectsValue={true}
-                                    value={
-                                      Object {
-                                        "label": null,
-                                        "value": null,
-                                      }
-                                    }
+                                    value={null}
                                   >
                                     <SelectContainer
                                       clearValue={[Function]}
                                       cx={[Function]}
                                       getStyles={[Function]}
                                       getValue={[Function]}
-                                      hasValue={true}
+                                      hasValue={false}
                                       innerProps={
                                         Object {
                                           "id": undefined,
@@ -272133,7 +272547,30 @@ exports[`Details Matches snapshot with default props 1`] = `
                                       isFocused={false}
                                       isMulti={false}
                                       isRtl={false}
-                                      options={Array []}
+                                      options={
+                                        Array [
+                                          Object {
+                                            "label": "No audio",
+                                            "value": "No audio",
+                                          },
+                                          Object {
+                                            "label": "Poor Audio Quality",
+                                            "value": "Poor Audio Quality",
+                                          },
+                                          Object {
+                                            "label": "Incomplete Hearing",
+                                            "value": "Incomplete Hearing",
+                                          },
+                                          Object {
+                                            "label": "Other (see notes)",
+                                            "value": "Other (see notes)",
+                                          },
+                                          Object {
+                                            "label": "None",
+                                            "value": null,
+                                          },
+                                        ]
+                                      }
                                       selectOption={[Function]}
                                       selectProps={
                                         Object {
@@ -272156,7 +272593,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                           "formatGroupLabel": [Function],
                                           "getOptionLabel": [Function],
                                           "getOptionValue": [Function],
-                                          "inputId": "hearing-coordinator-dropdown",
+                                          "inputId": "problem-type",
                                           "inputValue": "",
                                           "isClearable": undefined,
                                           "isDisabled": false,
@@ -272174,7 +272611,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                           "menuShouldBlockScroll": false,
                                           "menuShouldScrollIntoView": true,
                                           "minMenuHeight": 140,
-                                          "name": "hearingCoordinatorDropdown",
+                                          "name": "problemType",
                                           "noOptionsMessage": [Function],
                                           "onBlurResetsInput": false,
                                           "onChange": [Function],
@@ -272183,7 +272620,28 @@ exports[`Details Matches snapshot with default props 1`] = `
                                           "onMenuOpen": [Function],
                                           "openMenuOnClick": true,
                                           "openMenuOnFocus": false,
-                                          "options": Array [],
+                                          "options": Array [
+                                            Object {
+                                              "label": "No audio",
+                                              "value": "No audio",
+                                            },
+                                            Object {
+                                              "label": "Poor Audio Quality",
+                                              "value": "Poor Audio Quality",
+                                            },
+                                            Object {
+                                              "label": "Incomplete Hearing",
+                                              "value": "Incomplete Hearing",
+                                            },
+                                            Object {
+                                              "label": "Other (see notes)",
+                                              "value": "Other (see notes)",
+                                            },
+                                            Object {
+                                              "label": "None",
+                                              "value": null,
+                                            },
+                                          ],
                                           "pageSize": 5,
                                           "placeholder": "Select...",
                                           "screenReaderStatus": [Function],
@@ -272194,10 +272652,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                           },
                                           "tabIndex": "0",
                                           "tabSelectsValue": true,
-                                          "value": Object {
-                                            "label": null,
-                                            "value": null,
-                                          },
+                                          "value": null,
                                         }
                                       }
                                       setValue={[Function]}
@@ -272255,7 +272710,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                             cx={[Function]}
                                             getStyles={[Function]}
                                             getValue={[Function]}
-                                            hasValue={true}
+                                            hasValue={false}
                                             innerProps={
                                               Object {
                                                 "onMouseDown": [Function],
@@ -272268,7 +272723,30 @@ exports[`Details Matches snapshot with default props 1`] = `
                                             isMulti={false}
                                             isRtl={false}
                                             menuIsOpen={false}
-                                            options={Array []}
+                                            options={
+                                              Array [
+                                                Object {
+                                                  "label": "No audio",
+                                                  "value": "No audio",
+                                                },
+                                                Object {
+                                                  "label": "Poor Audio Quality",
+                                                  "value": "Poor Audio Quality",
+                                                },
+                                                Object {
+                                                  "label": "Incomplete Hearing",
+                                                  "value": "Incomplete Hearing",
+                                                },
+                                                Object {
+                                                  "label": "Other (see notes)",
+                                                  "value": "Other (see notes)",
+                                                },
+                                                Object {
+                                                  "label": "None",
+                                                  "value": null,
+                                                },
+                                              ]
+                                            }
                                             selectOption={[Function]}
                                             selectProps={
                                               Object {
@@ -272291,7 +272769,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                 "formatGroupLabel": [Function],
                                                 "getOptionLabel": [Function],
                                                 "getOptionValue": [Function],
-                                                "inputId": "hearing-coordinator-dropdown",
+                                                "inputId": "problem-type",
                                                 "inputValue": "",
                                                 "isClearable": undefined,
                                                 "isDisabled": false,
@@ -272309,7 +272787,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                 "menuShouldBlockScroll": false,
                                                 "menuShouldScrollIntoView": true,
                                                 "minMenuHeight": 140,
-                                                "name": "hearingCoordinatorDropdown",
+                                                "name": "problemType",
                                                 "noOptionsMessage": [Function],
                                                 "onBlurResetsInput": false,
                                                 "onChange": [Function],
@@ -272318,7 +272796,28 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                 "onMenuOpen": [Function],
                                                 "openMenuOnClick": true,
                                                 "openMenuOnFocus": false,
-                                                "options": Array [],
+                                                "options": Array [
+                                                  Object {
+                                                    "label": "No audio",
+                                                    "value": "No audio",
+                                                  },
+                                                  Object {
+                                                    "label": "Poor Audio Quality",
+                                                    "value": "Poor Audio Quality",
+                                                  },
+                                                  Object {
+                                                    "label": "Incomplete Hearing",
+                                                    "value": "Incomplete Hearing",
+                                                  },
+                                                  Object {
+                                                    "label": "Other (see notes)",
+                                                    "value": "Other (see notes)",
+                                                  },
+                                                  Object {
+                                                    "label": "None",
+                                                    "value": null,
+                                                  },
+                                                ],
                                                 "pageSize": 5,
                                                 "placeholder": "Select...",
                                                 "screenReaderStatus": [Function],
@@ -272329,10 +272828,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                 },
                                                 "tabIndex": "0",
                                                 "tabSelectsValue": true,
-                                                "value": Object {
-                                                  "label": null,
-                                                  "value": null,
-                                                },
+                                                "value": null,
                                               }
                                             }
                                             setValue={[Function]}
@@ -272407,11 +272903,34 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                   cx={[Function]}
                                                   getStyles={[Function]}
                                                   getValue={[Function]}
-                                                  hasValue={true}
+                                                  hasValue={false}
                                                   isDisabled={false}
                                                   isMulti={false}
                                                   isRtl={false}
-                                                  options={Array []}
+                                                  options={
+                                                    Array [
+                                                      Object {
+                                                        "label": "No audio",
+                                                        "value": "No audio",
+                                                      },
+                                                      Object {
+                                                        "label": "Poor Audio Quality",
+                                                        "value": "Poor Audio Quality",
+                                                      },
+                                                      Object {
+                                                        "label": "Incomplete Hearing",
+                                                        "value": "Incomplete Hearing",
+                                                      },
+                                                      Object {
+                                                        "label": "Other (see notes)",
+                                                        "value": "Other (see notes)",
+                                                      },
+                                                      Object {
+                                                        "label": "None",
+                                                        "value": null,
+                                                      },
+                                                    ]
+                                                  }
                                                   selectOption={[Function]}
                                                   selectProps={
                                                     Object {
@@ -272434,7 +272953,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                       "formatGroupLabel": [Function],
                                                       "getOptionLabel": [Function],
                                                       "getOptionValue": [Function],
-                                                      "inputId": "hearing-coordinator-dropdown",
+                                                      "inputId": "problem-type",
                                                       "inputValue": "",
                                                       "isClearable": undefined,
                                                       "isDisabled": false,
@@ -272452,7 +272971,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                       "menuShouldBlockScroll": false,
                                                       "menuShouldScrollIntoView": true,
                                                       "minMenuHeight": 140,
-                                                      "name": "hearingCoordinatorDropdown",
+                                                      "name": "problemType",
                                                       "noOptionsMessage": [Function],
                                                       "onBlurResetsInput": false,
                                                       "onChange": [Function],
@@ -272461,7 +272980,28 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                       "onMenuOpen": [Function],
                                                       "openMenuOnClick": true,
                                                       "openMenuOnFocus": false,
-                                                      "options": Array [],
+                                                      "options": Array [
+                                                        Object {
+                                                          "label": "No audio",
+                                                          "value": "No audio",
+                                                        },
+                                                        Object {
+                                                          "label": "Poor Audio Quality",
+                                                          "value": "Poor Audio Quality",
+                                                        },
+                                                        Object {
+                                                          "label": "Incomplete Hearing",
+                                                          "value": "Incomplete Hearing",
+                                                        },
+                                                        Object {
+                                                          "label": "Other (see notes)",
+                                                          "value": "Other (see notes)",
+                                                        },
+                                                        Object {
+                                                          "label": "None",
+                                                          "value": null,
+                                                        },
+                                                      ],
                                                       "pageSize": 5,
                                                       "placeholder": "Select...",
                                                       "screenReaderStatus": [Function],
@@ -272472,10 +273012,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                       },
                                                       "tabIndex": "0",
                                                       "tabSelectsValue": true,
-                                                      "value": Object {
-                                                        "label": null,
-                                                        "value": null,
-                                                      },
+                                                      "value": null,
                                                     }
                                                   }
                                                   setValue={[Function]}
@@ -272512,7 +273049,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                   <EmotionCssPropInternal
                                                     __EMOTION_LABEL_PLEASE_DO_NOT_USE__="ValueContainer"
                                                     __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                    className="cf-select__value-container cf-select__value-container--has-value"
+                                                    className="cf-select__value-container"
                                                     css={
                                                       Object {
                                                         "WebkitOverflowScrolling": "touch",
@@ -272528,24 +273065,43 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                     }
                                                   >
                                                     <div
-                                                      className="cf-select__value-container cf-select__value-container--has-value css-g1d714-ValueContainer"
+                                                      className="cf-select__value-container css-g1d714-ValueContainer"
                                                     >
-                                                      <SingleValue
+                                                      <Placeholder
                                                         clearValue={[Function]}
                                                         cx={[Function]}
-                                                        data={
-                                                          Object {
-                                                            "label": null,
-                                                            "value": null,
-                                                          }
-                                                        }
                                                         getStyles={[Function]}
                                                         getValue={[Function]}
-                                                        hasValue={true}
+                                                        hasValue={false}
                                                         isDisabled={false}
+                                                        isFocused={false}
                                                         isMulti={false}
                                                         isRtl={false}
-                                                        options={Array []}
+                                                        key="placeholder"
+                                                        options={
+                                                          Array [
+                                                            Object {
+                                                              "label": "No audio",
+                                                              "value": "No audio",
+                                                            },
+                                                            Object {
+                                                              "label": "Poor Audio Quality",
+                                                              "value": "Poor Audio Quality",
+                                                            },
+                                                            Object {
+                                                              "label": "Incomplete Hearing",
+                                                              "value": "Incomplete Hearing",
+                                                            },
+                                                            Object {
+                                                              "label": "Other (see notes)",
+                                                              "value": "Other (see notes)",
+                                                            },
+                                                            Object {
+                                                              "label": "None",
+                                                              "value": null,
+                                                            },
+                                                          ]
+                                                        }
                                                         selectOption={[Function]}
                                                         selectProps={
                                                           Object {
@@ -272568,7 +273124,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "formatGroupLabel": [Function],
                                                             "getOptionLabel": [Function],
                                                             "getOptionValue": [Function],
-                                                            "inputId": "hearing-coordinator-dropdown",
+                                                            "inputId": "problem-type",
                                                             "inputValue": "",
                                                             "isClearable": undefined,
                                                             "isDisabled": false,
@@ -272586,7 +273142,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "menuShouldBlockScroll": false,
                                                             "menuShouldScrollIntoView": true,
                                                             "minMenuHeight": 140,
-                                                            "name": "hearingCoordinatorDropdown",
+                                                            "name": "problemType",
                                                             "noOptionsMessage": [Function],
                                                             "onBlurResetsInput": false,
                                                             "onChange": [Function],
@@ -272595,7 +273151,28 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "onMenuOpen": [Function],
                                                             "openMenuOnClick": true,
                                                             "openMenuOnFocus": false,
-                                                            "options": Array [],
+                                                            "options": Array [
+                                                              Object {
+                                                                "label": "No audio",
+                                                                "value": "No audio",
+                                                              },
+                                                              Object {
+                                                                "label": "Poor Audio Quality",
+                                                                "value": "Poor Audio Quality",
+                                                              },
+                                                              Object {
+                                                                "label": "Incomplete Hearing",
+                                                                "value": "Incomplete Hearing",
+                                                              },
+                                                              Object {
+                                                                "label": "Other (see notes)",
+                                                                "value": "Other (see notes)",
+                                                              },
+                                                              Object {
+                                                                "label": "None",
+                                                                "value": null,
+                                                              },
+                                                            ],
                                                             "pageSize": 5,
                                                             "placeholder": "Select...",
                                                             "screenReaderStatus": [Function],
@@ -272606,10 +273183,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             },
                                                             "tabIndex": "0",
                                                             "tabSelectsValue": true,
-                                                            "value": Object {
-                                                              "label": null,
-                                                              "value": null,
-                                                            },
+                                                            "value": null,
                                                           }
                                                         }
                                                         setValue={[Function]}
@@ -272644,31 +273218,29 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                         }
                                                       >
                                                         <EmotionCssPropInternal
-                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SingleValue"
+                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Placeholder"
                                                           __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                          className="cf-select__single-value"
+                                                          className="cf-select__placeholder"
                                                           css={
                                                             Object {
                                                               "boxSizing": "border-box",
-                                                              "color": "hsl(0, 0%, 20%)",
-                                                              "label": "singleValue",
+                                                              "color": "hsl(0, 0%, 50%)",
+                                                              "label": "placeholder",
                                                               "marginLeft": 2,
                                                               "marginRight": 2,
-                                                              "maxWidth": "calc(100% - 8px)",
-                                                              "overflow": "hidden",
                                                               "position": "absolute",
-                                                              "textOverflow": "ellipsis",
                                                               "top": "50%",
                                                               "transform": "translateY(-50%)",
-                                                              "whiteSpace": "nowrap",
                                                             }
                                                           }
                                                         >
                                                           <div
-                                                            className="cf-select__single-value css-1uccc91-singleValue"
-                                                          />
+                                                            className="cf-select__placeholder css-1wa3eu0-placeholder"
+                                                          >
+                                                            Select...
+                                                          </div>
                                                         </EmotionCssPropInternal>
-                                                      </SingleValue>
+                                                      </Placeholder>
                                                       <CustomInput
                                                         aria-autocomplete="list"
                                                         autoCapitalize="none"
@@ -272676,7 +273248,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                         autoCorrect="off"
                                                         cx={[Function]}
                                                         getStyles={[Function]}
-                                                        id="hearing-coordinator-dropdown"
+                                                        id="problem-type"
                                                         innerRef={[Function]}
                                                         isDisabled={false}
                                                         isHidden={false}
@@ -272704,7 +273276,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "formatGroupLabel": [Function],
                                                             "getOptionLabel": [Function],
                                                             "getOptionValue": [Function],
-                                                            "inputId": "hearing-coordinator-dropdown",
+                                                            "inputId": "problem-type",
                                                             "inputValue": "",
                                                             "isClearable": undefined,
                                                             "isDisabled": false,
@@ -272722,7 +273294,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "menuShouldBlockScroll": false,
                                                             "menuShouldScrollIntoView": true,
                                                             "minMenuHeight": 140,
-                                                            "name": "hearingCoordinatorDropdown",
+                                                            "name": "problemType",
                                                             "noOptionsMessage": [Function],
                                                             "onBlurResetsInput": false,
                                                             "onChange": [Function],
@@ -272731,7 +273303,28 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "onMenuOpen": [Function],
                                                             "openMenuOnClick": true,
                                                             "openMenuOnFocus": false,
-                                                            "options": Array [],
+                                                            "options": Array [
+                                                              Object {
+                                                                "label": "No audio",
+                                                                "value": "No audio",
+                                                              },
+                                                              Object {
+                                                                "label": "Poor Audio Quality",
+                                                                "value": "Poor Audio Quality",
+                                                              },
+                                                              Object {
+                                                                "label": "Incomplete Hearing",
+                                                                "value": "Incomplete Hearing",
+                                                              },
+                                                              Object {
+                                                                "label": "Other (see notes)",
+                                                                "value": "Other (see notes)",
+                                                              },
+                                                              Object {
+                                                                "label": "None",
+                                                                "value": null,
+                                                              },
+                                                            ],
                                                             "pageSize": 5,
                                                             "placeholder": "Select...",
                                                             "screenReaderStatus": [Function],
@@ -272742,10 +273335,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             },
                                                             "tabIndex": "0",
                                                             "tabSelectsValue": true,
-                                                            "value": Object {
-                                                              "label": null,
-                                                              "value": null,
-                                                            },
+                                                            "value": null,
                                                           }
                                                         }
                                                         spellCheck="false"
@@ -272786,14 +273376,14 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                           aria-autocomplete="list"
                                                           aria-expanded={false}
                                                           aria-haspopup={true}
-                                                          aria-labelledby="hearing-coordinator-dropdown-label"
-                                                          aria-owns="hearing-coordinator-dropdown-listbox"
+                                                          aria-labelledby="problem-type-label"
+                                                          aria-owns="problem-type-listbox"
                                                           autoCapitalize="none"
                                                           autoComplete="off"
                                                           autoCorrect="off"
                                                           cx={[Function]}
                                                           getStyles={[Function]}
-                                                          id="hearing-coordinator-dropdown"
+                                                          id="problem-type"
                                                           innerRef={[Function]}
                                                           isDisabled={false}
                                                           isHidden={false}
@@ -272822,7 +273412,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "formatGroupLabel": [Function],
                                                               "getOptionLabel": [Function],
                                                               "getOptionValue": [Function],
-                                                              "inputId": "hearing-coordinator-dropdown",
+                                                              "inputId": "problem-type",
                                                               "inputValue": "",
                                                               "isClearable": undefined,
                                                               "isDisabled": false,
@@ -272840,7 +273430,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "menuShouldBlockScroll": false,
                                                               "menuShouldScrollIntoView": true,
                                                               "minMenuHeight": 140,
-                                                              "name": "hearingCoordinatorDropdown",
+                                                              "name": "problemType",
                                                               "noOptionsMessage": [Function],
                                                               "onBlurResetsInput": false,
                                                               "onChange": [Function],
@@ -272849,7 +273439,28 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "onMenuOpen": [Function],
                                                               "openMenuOnClick": true,
                                                               "openMenuOnFocus": false,
-                                                              "options": Array [],
+                                                              "options": Array [
+                                                                Object {
+                                                                  "label": "No audio",
+                                                                  "value": "No audio",
+                                                                },
+                                                                Object {
+                                                                  "label": "Poor Audio Quality",
+                                                                  "value": "Poor Audio Quality",
+                                                                },
+                                                                Object {
+                                                                  "label": "Incomplete Hearing",
+                                                                  "value": "Incomplete Hearing",
+                                                                },
+                                                                Object {
+                                                                  "label": "Other (see notes)",
+                                                                  "value": "Other (see notes)",
+                                                                },
+                                                                Object {
+                                                                  "label": "None",
+                                                                  "value": null,
+                                                                },
+                                                              ],
                                                               "pageSize": 5,
                                                               "placeholder": "Select...",
                                                               "screenReaderStatus": [Function],
@@ -272860,10 +273471,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               },
                                                               "tabIndex": "0",
                                                               "tabSelectsValue": true,
-                                                              "value": Object {
-                                                                "label": null,
-                                                                "value": null,
-                                                              },
+                                                              "value": null,
                                                             }
                                                           }
                                                           spellCheck="false"
@@ -272916,14 +273524,14 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                                 aria-autocomplete="list"
                                                                 aria-expanded={false}
                                                                 aria-haspopup={true}
-                                                                aria-labelledby="hearing-coordinator-dropdown-label"
-                                                                aria-owns="hearing-coordinator-dropdown-listbox"
+                                                                aria-labelledby="problem-type-label"
+                                                                aria-owns="problem-type-listbox"
                                                                 autoCapitalize="none"
                                                                 autoComplete="off"
                                                                 autoCorrect="off"
                                                                 className="cf-select__input"
                                                                 disabled={false}
-                                                                id="hearing-coordinator-dropdown"
+                                                                id="problem-type"
                                                                 injectStyles={true}
                                                                 inputRef={[Function]}
                                                                 inputStyle={
@@ -272960,13 +273568,13 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                                     aria-autocomplete="list"
                                                                     aria-expanded={false}
                                                                     aria-haspopup={true}
-                                                                    aria-labelledby="hearing-coordinator-dropdown-label"
-                                                                    aria-owns="hearing-coordinator-dropdown-listbox"
+                                                                    aria-labelledby="problem-type-label"
+                                                                    aria-owns="problem-type-listbox"
                                                                     autoCapitalize="none"
                                                                     autoComplete="off"
                                                                     autoCorrect="off"
                                                                     disabled={false}
-                                                                    id="hearing-coordinator-dropdown"
+                                                                    id="problem-type"
                                                                     onBlur={[Function]}
                                                                     onChange={[Function]}
                                                                     onFocus={[Function]}
@@ -273017,11 +273625,34 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                   cx={[Function]}
                                                   getStyles={[Function]}
                                                   getValue={[Function]}
-                                                  hasValue={true}
+                                                  hasValue={false}
                                                   isDisabled={false}
                                                   isMulti={false}
                                                   isRtl={false}
-                                                  options={Array []}
+                                                  options={
+                                                    Array [
+                                                      Object {
+                                                        "label": "No audio",
+                                                        "value": "No audio",
+                                                      },
+                                                      Object {
+                                                        "label": "Poor Audio Quality",
+                                                        "value": "Poor Audio Quality",
+                                                      },
+                                                      Object {
+                                                        "label": "Incomplete Hearing",
+                                                        "value": "Incomplete Hearing",
+                                                      },
+                                                      Object {
+                                                        "label": "Other (see notes)",
+                                                        "value": "Other (see notes)",
+                                                      },
+                                                      Object {
+                                                        "label": "None",
+                                                        "value": null,
+                                                      },
+                                                    ]
+                                                  }
                                                   selectOption={[Function]}
                                                   selectProps={
                                                     Object {
@@ -273044,7 +273675,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                       "formatGroupLabel": [Function],
                                                       "getOptionLabel": [Function],
                                                       "getOptionValue": [Function],
-                                                      "inputId": "hearing-coordinator-dropdown",
+                                                      "inputId": "problem-type",
                                                       "inputValue": "",
                                                       "isClearable": undefined,
                                                       "isDisabled": false,
@@ -273062,7 +273693,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                       "menuShouldBlockScroll": false,
                                                       "menuShouldScrollIntoView": true,
                                                       "minMenuHeight": 140,
-                                                      "name": "hearingCoordinatorDropdown",
+                                                      "name": "problemType",
                                                       "noOptionsMessage": [Function],
                                                       "onBlurResetsInput": false,
                                                       "onChange": [Function],
@@ -273071,7 +273702,28 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                       "onMenuOpen": [Function],
                                                       "openMenuOnClick": true,
                                                       "openMenuOnFocus": false,
-                                                      "options": Array [],
+                                                      "options": Array [
+                                                        Object {
+                                                          "label": "No audio",
+                                                          "value": "No audio",
+                                                        },
+                                                        Object {
+                                                          "label": "Poor Audio Quality",
+                                                          "value": "Poor Audio Quality",
+                                                        },
+                                                        Object {
+                                                          "label": "Incomplete Hearing",
+                                                          "value": "Incomplete Hearing",
+                                                        },
+                                                        Object {
+                                                          "label": "Other (see notes)",
+                                                          "value": "Other (see notes)",
+                                                        },
+                                                        Object {
+                                                          "label": "None",
+                                                          "value": null,
+                                                        },
+                                                      ],
                                                       "pageSize": 5,
                                                       "placeholder": "Select...",
                                                       "screenReaderStatus": [Function],
@@ -273082,10 +273734,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                       },
                                                       "tabIndex": "0",
                                                       "tabSelectsValue": true,
-                                                      "value": Object {
-                                                        "label": null,
-                                                        "value": null,
-                                                      },
+                                                      "value": null,
                                                     }
                                                   }
                                                   setValue={[Function]}
@@ -273141,12 +273790,35 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                         cx={[Function]}
                                                         getStyles={[Function]}
                                                         getValue={[Function]}
-                                                        hasValue={true}
+                                                        hasValue={false}
                                                         isDisabled={false}
                                                         isFocused={false}
                                                         isMulti={false}
                                                         isRtl={false}
-                                                        options={Array []}
+                                                        options={
+                                                          Array [
+                                                            Object {
+                                                              "label": "No audio",
+                                                              "value": "No audio",
+                                                            },
+                                                            Object {
+                                                              "label": "Poor Audio Quality",
+                                                              "value": "Poor Audio Quality",
+                                                            },
+                                                            Object {
+                                                              "label": "Incomplete Hearing",
+                                                              "value": "Incomplete Hearing",
+                                                            },
+                                                            Object {
+                                                              "label": "Other (see notes)",
+                                                              "value": "Other (see notes)",
+                                                            },
+                                                            Object {
+                                                              "label": "None",
+                                                              "value": null,
+                                                            },
+                                                          ]
+                                                        }
                                                         selectOption={[Function]}
                                                         selectProps={
                                                           Object {
@@ -273169,7 +273841,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "formatGroupLabel": [Function],
                                                             "getOptionLabel": [Function],
                                                             "getOptionValue": [Function],
-                                                            "inputId": "hearing-coordinator-dropdown",
+                                                            "inputId": "problem-type",
                                                             "inputValue": "",
                                                             "isClearable": undefined,
                                                             "isDisabled": false,
@@ -273187,7 +273859,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "menuShouldBlockScroll": false,
                                                             "menuShouldScrollIntoView": true,
                                                             "minMenuHeight": 140,
-                                                            "name": "hearingCoordinatorDropdown",
+                                                            "name": "problemType",
                                                             "noOptionsMessage": [Function],
                                                             "onBlurResetsInput": false,
                                                             "onChange": [Function],
@@ -273196,7 +273868,28 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "onMenuOpen": [Function],
                                                             "openMenuOnClick": true,
                                                             "openMenuOnFocus": false,
-                                                            "options": Array [],
+                                                            "options": Array [
+                                                              Object {
+                                                                "label": "No audio",
+                                                                "value": "No audio",
+                                                              },
+                                                              Object {
+                                                                "label": "Poor Audio Quality",
+                                                                "value": "Poor Audio Quality",
+                                                              },
+                                                              Object {
+                                                                "label": "Incomplete Hearing",
+                                                                "value": "Incomplete Hearing",
+                                                              },
+                                                              Object {
+                                                                "label": "Other (see notes)",
+                                                                "value": "Other (see notes)",
+                                                              },
+                                                              Object {
+                                                                "label": "None",
+                                                                "value": null,
+                                                              },
+                                                            ],
                                                             "pageSize": 5,
                                                             "placeholder": "Select...",
                                                             "screenReaderStatus": [Function],
@@ -273207,10 +273900,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             },
                                                             "tabIndex": "0",
                                                             "tabSelectsValue": true,
-                                                            "value": Object {
-                                                              "label": null,
-                                                              "value": null,
-                                                            },
+                                                            "value": null,
                                                           }
                                                         }
                                                         setValue={[Function]}
@@ -273270,7 +273960,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                         cx={[Function]}
                                                         getStyles={[Function]}
                                                         getValue={[Function]}
-                                                        hasValue={true}
+                                                        hasValue={false}
                                                         innerProps={
                                                           Object {
                                                             "aria-hidden": "true",
@@ -273282,7 +273972,30 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                         isFocused={false}
                                                         isMulti={false}
                                                         isRtl={false}
-                                                        options={Array []}
+                                                        options={
+                                                          Array [
+                                                            Object {
+                                                              "label": "No audio",
+                                                              "value": "No audio",
+                                                            },
+                                                            Object {
+                                                              "label": "Poor Audio Quality",
+                                                              "value": "Poor Audio Quality",
+                                                            },
+                                                            Object {
+                                                              "label": "Incomplete Hearing",
+                                                              "value": "Incomplete Hearing",
+                                                            },
+                                                            Object {
+                                                              "label": "Other (see notes)",
+                                                              "value": "Other (see notes)",
+                                                            },
+                                                            Object {
+                                                              "label": "None",
+                                                              "value": null,
+                                                            },
+                                                          ]
+                                                        }
                                                         selectOption={[Function]}
                                                         selectProps={
                                                           Object {
@@ -273305,7 +274018,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "formatGroupLabel": [Function],
                                                             "getOptionLabel": [Function],
                                                             "getOptionValue": [Function],
-                                                            "inputId": "hearing-coordinator-dropdown",
+                                                            "inputId": "problem-type",
                                                             "inputValue": "",
                                                             "isClearable": undefined,
                                                             "isDisabled": false,
@@ -273323,7 +274036,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "menuShouldBlockScroll": false,
                                                             "menuShouldScrollIntoView": true,
                                                             "minMenuHeight": 140,
-                                                            "name": "hearingCoordinatorDropdown",
+                                                            "name": "problemType",
                                                             "noOptionsMessage": [Function],
                                                             "onBlurResetsInput": false,
                                                             "onChange": [Function],
@@ -273332,7 +274045,28 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             "onMenuOpen": [Function],
                                                             "openMenuOnClick": true,
                                                             "openMenuOnFocus": false,
-                                                            "options": Array [],
+                                                            "options": Array [
+                                                              Object {
+                                                                "label": "No audio",
+                                                                "value": "No audio",
+                                                              },
+                                                              Object {
+                                                                "label": "Poor Audio Quality",
+                                                                "value": "Poor Audio Quality",
+                                                              },
+                                                              Object {
+                                                                "label": "Incomplete Hearing",
+                                                                "value": "Incomplete Hearing",
+                                                              },
+                                                              Object {
+                                                                "label": "Other (see notes)",
+                                                                "value": "Other (see notes)",
+                                                              },
+                                                              Object {
+                                                                "label": "None",
+                                                                "value": null,
+                                                              },
+                                                            ],
                                                             "pageSize": 5,
                                                             "placeholder": "Select...",
                                                             "screenReaderStatus": [Function],
@@ -273343,10 +274077,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             },
                                                             "tabIndex": "0",
                                                             "tabSelectsValue": true,
-                                                            "value": Object {
-                                                              "label": null,
-                                                              "value": null,
-                                                            },
+                                                            "value": null,
                                                           }
                                                         }
                                                         setValue={[Function]}
@@ -273453,9 +274184,9 @@ exports[`Details Matches snapshot with default props 1`] = `
                                             </EmotionCssPropInternal>
                                           </Control>
                                           <input
-                                            name="hearingCoordinatorDropdown"
+                                            name="problemType"
                                             type="hidden"
-                                            value={null}
+                                            value=""
                                           />
                                         </div>
                                       </EmotionCssPropInternal>
@@ -273466,14187 +274197,2575 @@ exports[`Details Matches snapshot with default props 1`] = `
                             </div>
                           </div>
                         </SearchableDropdown>
-                      </HearingCoordinatorDropdown>
-                    </Connect(HearingCoordinatorDropdown)>
-                    <HearingRoomDropdown
-                      label="Hearing Room"
-                      name="hearingRoomDropdown"
-                      onChange={[Function]}
-                      value="1"
-                    >
-                      <SearchableDropdown
-                        clearOnSelect={false}
-                        label="Hearing Room"
-                        loading={false}
-                        name="hearingRoomDropdown"
-                        onChange={[Function]}
-                        options={
-                          Array [
-                            Object {
-                              "label": "None",
-                              "value": null,
-                            },
-                            Object {
-                              "label": "1 (1W200A)",
-                              "value": "1",
-                            },
-                            Object {
-                              "label": "2 (1W200B)",
-                              "value": "2",
-                            },
-                            Object {
-                              "label": "3 (1W200C)",
-                              "value": "3",
-                            },
-                            Object {
-                              "label": "4 (1W424)",
-                              "value": "4",
-                            },
-                            Object {
-                              "label": "5 (1W428)",
-                              "value": "5",
-                            },
-                            Object {
-                              "label": "6 (1W432)",
-                              "value": "6",
-                            },
-                            Object {
-                              "label": "7 (1W434)",
-                              "value": "7",
-                            },
-                            Object {
-                              "label": "8 (1W435)",
-                              "value": "8",
-                            },
-                            Object {
-                              "label": "9 (1W436)",
-                              "value": "9",
-                            },
-                            Object {
-                              "label": "10 (1W437)",
-                              "value": "10",
-                            },
-                            Object {
-                              "label": "11 (1W438)",
-                              "value": "11",
-                            },
-                            Object {
-                              "label": "12 (1W439)",
-                              "value": "12",
-                            },
-                            Object {
-                              "label": "13 (1W440)",
-                              "value": "13",
-                            },
-                            Object {
-                              "label": "14 (3W405)",
-                              "value": "14",
-                            },
-                            Object {
-                              "label": "15 (3W407)",
-                              "value": "15",
-                            },
-                            Object {
-                              "label": "16 (3W409)",
-                              "value": "16",
-                            },
-                            Object {
-                              "label": "17 (3W518)",
-                              "value": "17",
-                            },
-                            Object {
-                              "label": "18 (4W325)",
-                              "value": "18",
-                            },
-                            Object {
-                              "label": "Utah",
-                              "value": "19",
-                            },
-                            Object {
-                              "label": "Gold",
-                              "value": "20",
-                            },
-                            Object {
-                              "label": "Juno",
-                              "value": "21",
-                            },
-                            Object {
-                              "label": "Sword",
-                              "value": "22",
-                            },
-                            Object {
-                              "label": "Omaha",
-                              "value": "23",
-                            },
-                            Object {
-                              "label": "Anzio",
-                              "value": "24",
-                            },
-                            Object {
-                              "label": "Coral Sea",
-                              "value": "25",
-                            },
-                            Object {
-                              "label": "Hue City",
-                              "value": "26",
-                            },
-                            Object {
-                              "label": "Antietam",
-                              "value": "27",
-                            },
-                            Object {
-                              "label": "Mogadishu",
-                              "value": "28",
-                            },
-                          ]
-                        }
-                        strongLabel={true}
-                        value={
-                          Object {
-                            "label": "1 (1W200A)",
-                            "value": "1",
+                        <DateSelector
+                          label="Problem Notice Sent"
+                          name="problemNoticeSentDate"
+                          onChange={[Function]}
+                          readOnly={true}
+                          strongLabel={true}
+                          type="date"
+                        >
+                          <TextField
+                            className={
+                              Array [
+                                "cf-form-textinput",
+                              ]
+                            }
+                            label="Problem Notice Sent"
+                            max="9999-12-31"
+                            name="problemNoticeSentDate"
+                            onChange={[Function]}
+                            optional={false}
+                            placeholder="mm/dd/yyyy"
+                            readOnly={true}
+                            required={false}
+                            strongLabel={true}
+                            type="date"
+                            useAriaLabel={false}
+                            validationError={null}
+                          >
+                            <div
+                              className="cf-form-textinput   "
+                            >
+                              <label
+                                htmlFor="problemNoticeSentDate"
+                              >
+                                <strong>
+                                  <FormLabel
+                                    label="Problem Notice Sent"
+                                    name="problemNoticeSentDate"
+                                    optional={false}
+                                    required={false}
+                                  >
+                                    <span>
+                                      Problem Notice Sent
+                                    </span>
+                                  </FormLabel>
+                                </strong>
+                              </label>
+                              <div
+                                className="input-container"
+                              >
+                                <input
+                                  aria-readonly={true}
+                                  className={
+                                    Array [
+                                      "cf-form-textinput",
+                                    ]
+                                  }
+                                  id="problemNoticeSentDate"
+                                  max="9999-12-31"
+                                  name="problemNoticeSentDate"
+                                  onBlur={[Function]}
+                                  onChange={[Function]}
+                                  placeholder="mm/dd/yyyy"
+                                  readOnly={true}
+                                  type="date"
+                                />
+                              </div>
+                            </div>
+                          </TextField>
+                        </DateSelector>
+                        <RadioField
+                          className={
+                            Array [
+                              "usa-fieldset-inputs",
+                            ]
                           }
-                        }
-                      >
-                        <div
-                          className=""
+                          label="Requested Remedy"
+                          name="requestedRemedy"
+                          onChange={[Function]}
+                          options={
+                            Array [
+                              Object {
+                                "disabled": true,
+                                "displayText": "Proceed without transcript",
+                                "value": "Proceed without transcript",
+                              },
+                              Object {
+                                "disabled": true,
+                                "displayText": "Proceed with partial transcript",
+                                "value": "Proceed with partial transcript",
+                              },
+                              Object {
+                                "disabled": true,
+                                "displayText": "New hearing",
+                                "value": "New hearing",
+                              },
+                              Object {
+                                "disabled": true,
+                                "displayText": "None",
+                                "value": "",
+                              },
+                            ]
+                          }
+                          required={false}
+                          strongLabel={true}
+                          value=""
                         >
-                          <div
-                            className="cf-form-dropdown dropdown-hearingRoomDropdown"
+                          <fieldset
+                            className="usa-fieldset-inputs cf-form-radio "
                           >
-                            <label
-                              className="question-label"
-                              htmlFor="hearing-room-dropdown"
-                              id="hearing-room-dropdown-label"
+                            <legend
+                              className=""
                             >
                               <strong>
-                                <FormLabel
-                                  label="Hearing Room"
-                                  name="Hearing Room"
-                                >
-                                  <span>
-                                    Hearing Room
-                                  </span>
-                                </FormLabel>
+                                <span>
+                                  Requested Remedy
+                                   
+                                </span>
                               </strong>
-                            </label>
+                            </legend>
                             <div
-                              className="cf-select"
+                              className="cf-form-radio-options"
                             >
-                              <StateManager
-                                cache={false}
-                                classNamePrefix="cf-select"
-                                components={
-                                  Object {
-                                    "Input": [Function],
-                                    "MenuList": [Function],
-                                    "Option": [Function],
-                                  }
-                                }
-                                defaultInputValue=""
-                                defaultMenuIsOpen={false}
-                                defaultValue={null}
-                                inputId="hearing-room-dropdown"
-                                isLoading={false}
-                                isSearchable={true}
-                                name="hearingRoomDropdown"
-                                noOptionsMessage={[Function]}
-                                onBlurResetsInput={false}
-                                onChange={[Function]}
-                                onMenuClose={[Function]}
-                                onMenuOpen={[Function]}
-                                options={
-                                  Array [
-                                    Object {
-                                      "label": "None",
-                                      "value": null,
-                                    },
-                                    Object {
-                                      "label": "1 (1W200A)",
-                                      "value": "1",
-                                    },
-                                    Object {
-                                      "label": "2 (1W200B)",
-                                      "value": "2",
-                                    },
-                                    Object {
-                                      "label": "3 (1W200C)",
-                                      "value": "3",
-                                    },
-                                    Object {
-                                      "label": "4 (1W424)",
-                                      "value": "4",
-                                    },
-                                    Object {
-                                      "label": "5 (1W428)",
-                                      "value": "5",
-                                    },
-                                    Object {
-                                      "label": "6 (1W432)",
-                                      "value": "6",
-                                    },
-                                    Object {
-                                      "label": "7 (1W434)",
-                                      "value": "7",
-                                    },
-                                    Object {
-                                      "label": "8 (1W435)",
-                                      "value": "8",
-                                    },
-                                    Object {
-                                      "label": "9 (1W436)",
-                                      "value": "9",
-                                    },
-                                    Object {
-                                      "label": "10 (1W437)",
-                                      "value": "10",
-                                    },
-                                    Object {
-                                      "label": "11 (1W438)",
-                                      "value": "11",
-                                    },
-                                    Object {
-                                      "label": "12 (1W439)",
-                                      "value": "12",
-                                    },
-                                    Object {
-                                      "label": "13 (1W440)",
-                                      "value": "13",
-                                    },
-                                    Object {
-                                      "label": "14 (3W405)",
-                                      "value": "14",
-                                    },
-                                    Object {
-                                      "label": "15 (3W407)",
-                                      "value": "15",
-                                    },
-                                    Object {
-                                      "label": "16 (3W409)",
-                                      "value": "16",
-                                    },
-                                    Object {
-                                      "label": "17 (3W518)",
-                                      "value": "17",
-                                    },
-                                    Object {
-                                      "label": "18 (4W325)",
-                                      "value": "18",
-                                    },
-                                    Object {
-                                      "label": "Utah",
-                                      "value": "19",
-                                    },
-                                    Object {
-                                      "label": "Gold",
-                                      "value": "20",
-                                    },
-                                    Object {
-                                      "label": "Juno",
-                                      "value": "21",
-                                    },
-                                    Object {
-                                      "label": "Sword",
-                                      "value": "22",
-                                    },
-                                    Object {
-                                      "label": "Omaha",
-                                      "value": "23",
-                                    },
-                                    Object {
-                                      "label": "Anzio",
-                                      "value": "24",
-                                    },
-                                    Object {
-                                      "label": "Coral Sea",
-                                      "value": "25",
-                                    },
-                                    Object {
-                                      "label": "Hue City",
-                                      "value": "26",
-                                    },
-                                    Object {
-                                      "label": "Antietam",
-                                      "value": "27",
-                                    },
-                                    Object {
-                                      "label": "Mogadishu",
-                                      "value": "28",
-                                    },
-                                  ]
-                                }
-                                shouldKeyDownEventCreateNewOption={[Function]}
-                                styles={
-                                  Object {
-                                    "input": [Function],
-                                  }
-                                }
-                                value={
-                                  Object {
-                                    "label": "1 (1W200A)",
-                                    "value": "1",
-                                  }
-                                }
+                              <div
+                                className="cf-form-radio-option"
+                                key="requestedRemedy-Proceed without transcript-0"
                               >
-                                <Select
-                                  backspaceRemovesValue={true}
-                                  blurInputOnSelect={true}
-                                  cache={false}
-                                  captureMenuScroll={false}
-                                  classNamePrefix="cf-select"
-                                  closeMenuOnScroll={false}
-                                  closeMenuOnSelect={true}
-                                  components={
-                                    Object {
-                                      "Input": [Function],
-                                      "MenuList": [Function],
-                                      "Option": [Function],
-                                    }
-                                  }
-                                  controlShouldRenderValue={true}
-                                  escapeClearsValue={false}
-                                  filterOption={[Function]}
-                                  formatGroupLabel={[Function]}
-                                  getOptionLabel={[Function]}
-                                  getOptionValue={[Function]}
-                                  inputId="hearing-room-dropdown"
-                                  inputValue=""
-                                  isDisabled={false}
-                                  isLoading={false}
-                                  isMulti={false}
-                                  isOptionDisabled={[Function]}
-                                  isRtl={false}
-                                  isSearchable={true}
-                                  loadingMessage={[Function]}
-                                  maxMenuHeight={300}
-                                  menuIsOpen={false}
-                                  menuPlacement="bottom"
-                                  menuPosition="absolute"
-                                  menuShouldBlockScroll={false}
-                                  menuShouldScrollIntoView={true}
-                                  minMenuHeight={140}
-                                  name="hearingRoomDropdown"
-                                  noOptionsMessage={[Function]}
-                                  onBlurResetsInput={false}
+                                <input
+                                  checked={false}
+                                  disabled={true}
+                                  id="requestedRemedy_Proceed without transcript"
+                                  name="requestedRemedy"
                                   onChange={[Function]}
-                                  onInputChange={[Function]}
-                                  onMenuClose={[Function]}
-                                  onMenuOpen={[Function]}
-                                  openMenuOnClick={true}
-                                  openMenuOnFocus={false}
-                                  options={
+                                  type="radio"
+                                  value="Proceed without transcript"
+                                />
+                                <label
+                                  className="disabled"
+                                  htmlFor="requestedRemedy_Proceed without transcript"
+                                >
+                                  Proceed without transcript
+                                </label>
+                              </div>
+                              <div
+                                className="cf-form-radio-option"
+                                key="requestedRemedy-Proceed with partial transcript-1"
+                              >
+                                <input
+                                  checked={false}
+                                  disabled={true}
+                                  id="requestedRemedy_Proceed with partial transcript"
+                                  name="requestedRemedy"
+                                  onChange={[Function]}
+                                  type="radio"
+                                  value="Proceed with partial transcript"
+                                />
+                                <label
+                                  className="disabled"
+                                  htmlFor="requestedRemedy_Proceed with partial transcript"
+                                >
+                                  Proceed with partial transcript
+                                </label>
+                              </div>
+                              <div
+                                className="cf-form-radio-option"
+                                key="requestedRemedy-New hearing-2"
+                              >
+                                <input
+                                  checked={false}
+                                  disabled={true}
+                                  id="requestedRemedy_New hearing"
+                                  name="requestedRemedy"
+                                  onChange={[Function]}
+                                  type="radio"
+                                  value="New hearing"
+                                />
+                                <label
+                                  className="disabled"
+                                  htmlFor="requestedRemedy_New hearing"
+                                >
+                                  New hearing
+                                </label>
+                              </div>
+                              <div
+                                className="cf-form-radio-option"
+                                key="requestedRemedy--3"
+                              >
+                                <input
+                                  checked={true}
+                                  disabled={true}
+                                  id="requestedRemedy_"
+                                  name="requestedRemedy"
+                                  onChange={[Function]}
+                                  type="radio"
+                                  value=""
+                                />
+                                <label
+                                  className="disabled"
+                                  htmlFor="requestedRemedy_"
+                                >
+                                  None
+                                </label>
+                              </div>
+                            </div>
+                          </fieldset>
+                        </RadioField>
+                      </div>
+                    </TranscriptionProblemInputs>
+                    <div
+                      className="cf-help-divider"
+                    />
+                    <h3>
+                      Transcription Request
+                    </h3>
+                    <TranscriptionRequestInputs
+                      hearing={
+                        Object {
+                          "advanceOnDocketMotion": null,
+                          "aod": false,
+                          "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
+                          "appealId": 613,
+                          "appellantAddressLine1": "9999 MISSION ST",
+                          "appellantCity": "SAN FRANCISCO",
+                          "appellantEmailAddress": "tom.brady@caseflow.gov",
+                          "appellantFirstName": "Tom",
+                          "appellantIsNotVeteran": false,
+                          "appellantLastName": "Brady",
+                          "appellantRelationship": "Spouse",
+                          "appellantState": "CA",
+                          "appellantTz": "America/Los_Angeles",
+                          "appellantZip": "94103",
+                          "availableHearingLocations": Object {},
+                          "bvaPoc": null,
+                          "caseType": "Original",
+                          "centralOfficeTimeString": "04:00",
+                          "claimantId": 604,
+                          "closestRegionalOffice": null,
+                          "conferenceProvider": "pexip",
+                          "currentIssueCount": 0,
+                          "disposition": null,
+                          "dispositionEditable": true,
+                          "docketName": "hearing",
+                          "docketNumber": "200624-614",
+                          "emailEvents": Array [],
+                          "evidenceWindowWaived": false,
+                          "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                          "hearingDayId": 11,
+                          "id": 10,
+                          "isVirtual": false,
+                          "judge": Object {
+                            "createdAt": "2020-06-25T11:00:43.257-04:00",
+                            "cssId": "BVAAABSHIRE",
+                            "displayName": "BVAAABSHIRE (VACO)",
+                            "efolderDocumentsFetchedAt": null,
+                            "email": null,
+                            "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                            "id": 3,
+                            "lastLoginAt": null,
+                            "roles": Object {},
+                            "selectedRegionalOffice": null,
+                            "stationId": "101",
+                            "status": "active",
+                            "statusUpdatedAt": null,
+                            "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                          },
+                          "judgeId": "3",
+                          "location": null,
+                          "militaryService": "",
+                          "notes": null,
+                          "paperCase": false,
+                          "poaName": "AMERICAN LEGION",
+                          "prepped": null,
+                          "readableLocation": null,
+                          "readableRequestType": "Video",
+                          "regionalOfficeKey": "RO17",
+                          "regionalOfficeName": "St. Petersburg regional office",
+                          "regionalOfficeTimezone": "America/New_York",
+                          "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                          "representativeAddress": Object {
+                            "addressLine1": "9999 MISSION ST",
+                            "city": "SAN FRANCISCO",
+                            "state": "CA",
+                            "zip": "94103",
+                          },
+                          "representativeEmailAddress": "tom.brady@caseflow.gov",
+                          "representativeName": null,
+                          "representativeTz": "America/Los_Angeles",
+                          "room": "1",
+                          "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                          "scheduledForIsPast": false,
+                          "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                          "scheduledTimeString": "06:00",
+                          "summary": null,
+                          "transcriptRequested": null,
+                          "transcriptSentDate": undefined,
+                          "transcription": Object {
+                            "expectedReturnDate": undefined,
+                            "problemNoticeSentDate": undefined,
+                            "sentToTranscriberDate": undefined,
+                            "uploadedToVbmsDate": undefined,
+                          },
+                          "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                          "veteranAge": 85,
+                          "veteranEmailAddress": "John.Smith@test.com",
+                          "veteranFileNumber": "100000005",
+                          "veteranFirstName": "John",
+                          "veteranGender": "M",
+                          "veteranLastName": "Smith",
+                          "virtualHearing": null,
+                          "wasVirtual": false,
+                          "witness": null,
+                          "worksheetIssues": Object {},
+                        }
+                      }
+                      update={[Function]}
+                    >
+                      <div
+                        data-css-1fmltfu=""
+                      >
+                        <div>
+                          <strong>
+                            Copy Requested by Appellant/Rep
+                          </strong>
+                          <Checkbox
+                            label="Yes, Transcript Requested"
+                            name="copyRequested"
+                            onChange={[Function]}
+                            required={false}
+                            value={false}
+                          >
+                            <div
+                              className="checkbox-wrapper-copyRequested cf-form-checkboxes"
+                            >
+                              <div
+                                className="cf-form-checkbox"
+                              >
+                                <input
+                                  aria-label="copyRequested"
+                                  checked={false}
+                                  id="copyRequested"
+                                  name="copyRequested"
+                                  onChange={[Function]}
+                                  type="checkbox"
+                                />
+                                <label
+                                  htmlFor="copyRequested"
+                                >
+                                  <span
+                                    className=""
+                                  >
+                                    Yes, Transcript Requested
+                                  </span>
+                                   
+                                </label>
+                              </div>
+                            </div>
+                          </Checkbox>
+                        </div>
+                        <DateSelector
+                          label="Copy Sent to Appellant/Rep"
+                          name="copySentDate"
+                          onChange={[Function]}
+                          strongLabel={true}
+                          type="date"
+                        >
+                          <TextField
+                            className={
+                              Array [
+                                "cf-form-textinput",
+                              ]
+                            }
+                            label="Copy Sent to Appellant/Rep"
+                            max="9999-12-31"
+                            name="copySentDate"
+                            onChange={[Function]}
+                            optional={false}
+                            placeholder="mm/dd/yyyy"
+                            required={false}
+                            strongLabel={true}
+                            type="date"
+                            useAriaLabel={false}
+                            validationError={null}
+                          >
+                            <div
+                              className="cf-form-textinput   "
+                            >
+                              <label
+                                htmlFor="copySentDate"
+                              >
+                                <strong>
+                                  <FormLabel
+                                    label="Copy Sent to Appellant/Rep"
+                                    name="copySentDate"
+                                    optional={false}
+                                    required={false}
+                                  >
+                                    <span>
+                                      Copy Sent to Appellant/Rep
+                                    </span>
+                                  </FormLabel>
+                                </strong>
+                              </label>
+                              <div
+                                className="input-container"
+                              >
+                                <input
+                                  className={
                                     Array [
-                                      Object {
-                                        "label": "None",
-                                        "value": null,
-                                      },
-                                      Object {
-                                        "label": "1 (1W200A)",
-                                        "value": "1",
-                                      },
-                                      Object {
-                                        "label": "2 (1W200B)",
-                                        "value": "2",
-                                      },
-                                      Object {
-                                        "label": "3 (1W200C)",
-                                        "value": "3",
-                                      },
-                                      Object {
-                                        "label": "4 (1W424)",
-                                        "value": "4",
-                                      },
-                                      Object {
-                                        "label": "5 (1W428)",
-                                        "value": "5",
-                                      },
-                                      Object {
-                                        "label": "6 (1W432)",
-                                        "value": "6",
-                                      },
-                                      Object {
-                                        "label": "7 (1W434)",
-                                        "value": "7",
-                                      },
-                                      Object {
-                                        "label": "8 (1W435)",
-                                        "value": "8",
-                                      },
-                                      Object {
-                                        "label": "9 (1W436)",
-                                        "value": "9",
-                                      },
-                                      Object {
-                                        "label": "10 (1W437)",
-                                        "value": "10",
-                                      },
-                                      Object {
-                                        "label": "11 (1W438)",
-                                        "value": "11",
-                                      },
-                                      Object {
-                                        "label": "12 (1W439)",
-                                        "value": "12",
-                                      },
-                                      Object {
-                                        "label": "13 (1W440)",
-                                        "value": "13",
-                                      },
-                                      Object {
-                                        "label": "14 (3W405)",
-                                        "value": "14",
-                                      },
-                                      Object {
-                                        "label": "15 (3W407)",
-                                        "value": "15",
-                                      },
-                                      Object {
-                                        "label": "16 (3W409)",
-                                        "value": "16",
-                                      },
-                                      Object {
-                                        "label": "17 (3W518)",
-                                        "value": "17",
-                                      },
-                                      Object {
-                                        "label": "18 (4W325)",
-                                        "value": "18",
-                                      },
-                                      Object {
-                                        "label": "Utah",
-                                        "value": "19",
-                                      },
-                                      Object {
-                                        "label": "Gold",
-                                        "value": "20",
-                                      },
-                                      Object {
-                                        "label": "Juno",
-                                        "value": "21",
-                                      },
-                                      Object {
-                                        "label": "Sword",
-                                        "value": "22",
-                                      },
-                                      Object {
-                                        "label": "Omaha",
-                                        "value": "23",
-                                      },
-                                      Object {
-                                        "label": "Anzio",
-                                        "value": "24",
-                                      },
-                                      Object {
-                                        "label": "Coral Sea",
-                                        "value": "25",
-                                      },
-                                      Object {
-                                        "label": "Hue City",
-                                        "value": "26",
-                                      },
-                                      Object {
-                                        "label": "Antietam",
-                                        "value": "27",
-                                      },
-                                      Object {
-                                        "label": "Mogadishu",
-                                        "value": "28",
-                                      },
+                                      "cf-form-textinput",
                                     ]
                                   }
-                                  pageSize={5}
-                                  placeholder="Select..."
-                                  screenReaderStatus={[Function]}
-                                  shouldKeyDownEventCreateNewOption={[Function]}
-                                  styles={
-                                    Object {
-                                      "input": [Function],
-                                    }
-                                  }
-                                  tabIndex="0"
-                                  tabSelectsValue={true}
-                                  value={
-                                    Object {
-                                      "label": "1 (1W200A)",
-                                      "value": "1",
-                                    }
-                                  }
-                                >
-                                  <SelectContainer
-                                    clearValue={[Function]}
-                                    cx={[Function]}
-                                    getStyles={[Function]}
-                                    getValue={[Function]}
-                                    hasValue={true}
-                                    innerProps={
-                                      Object {
-                                        "id": undefined,
-                                        "onKeyDown": [Function],
-                                      }
-                                    }
-                                    isDisabled={false}
-                                    isFocused={false}
-                                    isMulti={false}
-                                    isRtl={false}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "None",
-                                          "value": null,
-                                        },
-                                        Object {
-                                          "label": "1 (1W200A)",
-                                          "value": "1",
-                                        },
-                                        Object {
-                                          "label": "2 (1W200B)",
-                                          "value": "2",
-                                        },
-                                        Object {
-                                          "label": "3 (1W200C)",
-                                          "value": "3",
-                                        },
-                                        Object {
-                                          "label": "4 (1W424)",
-                                          "value": "4",
-                                        },
-                                        Object {
-                                          "label": "5 (1W428)",
-                                          "value": "5",
-                                        },
-                                        Object {
-                                          "label": "6 (1W432)",
-                                          "value": "6",
-                                        },
-                                        Object {
-                                          "label": "7 (1W434)",
-                                          "value": "7",
-                                        },
-                                        Object {
-                                          "label": "8 (1W435)",
-                                          "value": "8",
-                                        },
-                                        Object {
-                                          "label": "9 (1W436)",
-                                          "value": "9",
-                                        },
-                                        Object {
-                                          "label": "10 (1W437)",
-                                          "value": "10",
-                                        },
-                                        Object {
-                                          "label": "11 (1W438)",
-                                          "value": "11",
-                                        },
-                                        Object {
-                                          "label": "12 (1W439)",
-                                          "value": "12",
-                                        },
-                                        Object {
-                                          "label": "13 (1W440)",
-                                          "value": "13",
-                                        },
-                                        Object {
-                                          "label": "14 (3W405)",
-                                          "value": "14",
-                                        },
-                                        Object {
-                                          "label": "15 (3W407)",
-                                          "value": "15",
-                                        },
-                                        Object {
-                                          "label": "16 (3W409)",
-                                          "value": "16",
-                                        },
-                                        Object {
-                                          "label": "17 (3W518)",
-                                          "value": "17",
-                                        },
-                                        Object {
-                                          "label": "18 (4W325)",
-                                          "value": "18",
-                                        },
-                                        Object {
-                                          "label": "Utah",
-                                          "value": "19",
-                                        },
-                                        Object {
-                                          "label": "Gold",
-                                          "value": "20",
-                                        },
-                                        Object {
-                                          "label": "Juno",
-                                          "value": "21",
-                                        },
-                                        Object {
-                                          "label": "Sword",
-                                          "value": "22",
-                                        },
-                                        Object {
-                                          "label": "Omaha",
-                                          "value": "23",
-                                        },
-                                        Object {
-                                          "label": "Anzio",
-                                          "value": "24",
-                                        },
-                                        Object {
-                                          "label": "Coral Sea",
-                                          "value": "25",
-                                        },
-                                        Object {
-                                          "label": "Hue City",
-                                          "value": "26",
-                                        },
-                                        Object {
-                                          "label": "Antietam",
-                                          "value": "27",
-                                        },
-                                        Object {
-                                          "label": "Mogadishu",
-                                          "value": "28",
-                                        },
-                                      ]
-                                    }
-                                    selectOption={[Function]}
-                                    selectProps={
-                                      Object {
-                                        "backspaceRemovesValue": true,
-                                        "blurInputOnSelect": true,
-                                        "cache": false,
-                                        "captureMenuScroll": false,
-                                        "classNamePrefix": "cf-select",
-                                        "closeMenuOnScroll": false,
-                                        "closeMenuOnSelect": true,
-                                        "components": Object {
-                                          "Input": [Function],
-                                          "MenuList": [Function],
-                                          "Option": [Function],
-                                        },
-                                        "controlShouldRenderValue": true,
-                                        "defaultOptions": undefined,
-                                        "escapeClearsValue": false,
-                                        "filterOption": [Function],
-                                        "formatGroupLabel": [Function],
-                                        "getOptionLabel": [Function],
-                                        "getOptionValue": [Function],
-                                        "inputId": "hearing-room-dropdown",
-                                        "inputValue": "",
-                                        "isClearable": undefined,
-                                        "isDisabled": false,
-                                        "isLoading": false,
-                                        "isMulti": false,
-                                        "isOptionDisabled": [Function],
-                                        "isRtl": false,
-                                        "isSearchable": true,
-                                        "loadOptions": undefined,
-                                        "loadingMessage": [Function],
-                                        "maxMenuHeight": 300,
-                                        "menuIsOpen": false,
-                                        "menuPlacement": "bottom",
-                                        "menuPosition": "absolute",
-                                        "menuShouldBlockScroll": false,
-                                        "menuShouldScrollIntoView": true,
-                                        "minMenuHeight": 140,
-                                        "name": "hearingRoomDropdown",
-                                        "noOptionsMessage": [Function],
-                                        "onBlurResetsInput": false,
-                                        "onChange": [Function],
-                                        "onInputChange": [Function],
-                                        "onMenuClose": [Function],
-                                        "onMenuOpen": [Function],
-                                        "openMenuOnClick": true,
-                                        "openMenuOnFocus": false,
-                                        "options": Array [
-                                          Object {
-                                            "label": "None",
-                                            "value": null,
-                                          },
-                                          Object {
-                                            "label": "1 (1W200A)",
-                                            "value": "1",
-                                          },
-                                          Object {
-                                            "label": "2 (1W200B)",
-                                            "value": "2",
-                                          },
-                                          Object {
-                                            "label": "3 (1W200C)",
-                                            "value": "3",
-                                          },
-                                          Object {
-                                            "label": "4 (1W424)",
-                                            "value": "4",
-                                          },
-                                          Object {
-                                            "label": "5 (1W428)",
-                                            "value": "5",
-                                          },
-                                          Object {
-                                            "label": "6 (1W432)",
-                                            "value": "6",
-                                          },
-                                          Object {
-                                            "label": "7 (1W434)",
-                                            "value": "7",
-                                          },
-                                          Object {
-                                            "label": "8 (1W435)",
-                                            "value": "8",
-                                          },
-                                          Object {
-                                            "label": "9 (1W436)",
-                                            "value": "9",
-                                          },
-                                          Object {
-                                            "label": "10 (1W437)",
-                                            "value": "10",
-                                          },
-                                          Object {
-                                            "label": "11 (1W438)",
-                                            "value": "11",
-                                          },
-                                          Object {
-                                            "label": "12 (1W439)",
-                                            "value": "12",
-                                          },
-                                          Object {
-                                            "label": "13 (1W440)",
-                                            "value": "13",
-                                          },
-                                          Object {
-                                            "label": "14 (3W405)",
-                                            "value": "14",
-                                          },
-                                          Object {
-                                            "label": "15 (3W407)",
-                                            "value": "15",
-                                          },
-                                          Object {
-                                            "label": "16 (3W409)",
-                                            "value": "16",
-                                          },
-                                          Object {
-                                            "label": "17 (3W518)",
-                                            "value": "17",
-                                          },
-                                          Object {
-                                            "label": "18 (4W325)",
-                                            "value": "18",
-                                          },
-                                          Object {
-                                            "label": "Utah",
-                                            "value": "19",
-                                          },
-                                          Object {
-                                            "label": "Gold",
-                                            "value": "20",
-                                          },
-                                          Object {
-                                            "label": "Juno",
-                                            "value": "21",
-                                          },
-                                          Object {
-                                            "label": "Sword",
-                                            "value": "22",
-                                          },
-                                          Object {
-                                            "label": "Omaha",
-                                            "value": "23",
-                                          },
-                                          Object {
-                                            "label": "Anzio",
-                                            "value": "24",
-                                          },
-                                          Object {
-                                            "label": "Coral Sea",
-                                            "value": "25",
-                                          },
-                                          Object {
-                                            "label": "Hue City",
-                                            "value": "26",
-                                          },
-                                          Object {
-                                            "label": "Antietam",
-                                            "value": "27",
-                                          },
-                                          Object {
-                                            "label": "Mogadishu",
-                                            "value": "28",
-                                          },
-                                        ],
-                                        "pageSize": 5,
-                                        "placeholder": "Select...",
-                                        "screenReaderStatus": [Function],
-                                        "searchable": undefined,
-                                        "shouldKeyDownEventCreateNewOption": [Function],
-                                        "styles": Object {
-                                          "input": [Function],
-                                        },
-                                        "tabIndex": "0",
-                                        "tabSelectsValue": true,
-                                        "value": Object {
-                                          "label": "1 (1W200A)",
-                                          "value": "1",
-                                        },
-                                      }
-                                    }
-                                    setValue={[Function]}
-                                    theme={
-                                      Object {
-                                        "borderRadius": 4,
-                                        "colors": Object {
-                                          "danger": "#DE350B",
-                                          "dangerLight": "#FFBDAD",
-                                          "neutral0": "hsl(0, 0%, 100%)",
-                                          "neutral10": "hsl(0, 0%, 90%)",
-                                          "neutral20": "hsl(0, 0%, 80%)",
-                                          "neutral30": "hsl(0, 0%, 70%)",
-                                          "neutral40": "hsl(0, 0%, 60%)",
-                                          "neutral5": "hsl(0, 0%, 95%)",
-                                          "neutral50": "hsl(0, 0%, 50%)",
-                                          "neutral60": "hsl(0, 0%, 40%)",
-                                          "neutral70": "hsl(0, 0%, 30%)",
-                                          "neutral80": "hsl(0, 0%, 20%)",
-                                          "neutral90": "hsl(0, 0%, 10%)",
-                                          "primary": "#2684FF",
-                                          "primary25": "#DEEBFF",
-                                          "primary50": "#B2D4FF",
-                                          "primary75": "#4C9AFF",
-                                        },
-                                        "spacing": Object {
-                                          "baseUnit": 4,
-                                          "controlHeight": 38,
-                                          "menuGutter": 8,
-                                        },
-                                      }
-                                    }
-                                  >
-                                    <EmotionCssPropInternal
-                                      __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SelectContainer"
-                                      __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                      className=""
-                                      css={
-                                        Object {
-                                          "boxSizing": "border-box",
-                                          "direction": null,
-                                          "label": "container",
-                                          "pointerEvents": null,
-                                          "position": "relative",
-                                        }
-                                      }
-                                      onKeyDown={[Function]}
-                                    >
-                                      <div
-                                        className=" css-2b097c-container"
-                                        onKeyDown={[Function]}
-                                      >
-                                        <Control
-                                          clearValue={[Function]}
-                                          cx={[Function]}
-                                          getStyles={[Function]}
-                                          getValue={[Function]}
-                                          hasValue={true}
-                                          innerProps={
-                                            Object {
-                                              "onMouseDown": [Function],
-                                              "onTouchEnd": [Function],
-                                            }
-                                          }
-                                          innerRef={[Function]}
-                                          isDisabled={false}
-                                          isFocused={false}
-                                          isMulti={false}
-                                          isRtl={false}
-                                          menuIsOpen={false}
-                                          options={
-                                            Array [
-                                              Object {
-                                                "label": "None",
-                                                "value": null,
-                                              },
-                                              Object {
-                                                "label": "1 (1W200A)",
-                                                "value": "1",
-                                              },
-                                              Object {
-                                                "label": "2 (1W200B)",
-                                                "value": "2",
-                                              },
-                                              Object {
-                                                "label": "3 (1W200C)",
-                                                "value": "3",
-                                              },
-                                              Object {
-                                                "label": "4 (1W424)",
-                                                "value": "4",
-                                              },
-                                              Object {
-                                                "label": "5 (1W428)",
-                                                "value": "5",
-                                              },
-                                              Object {
-                                                "label": "6 (1W432)",
-                                                "value": "6",
-                                              },
-                                              Object {
-                                                "label": "7 (1W434)",
-                                                "value": "7",
-                                              },
-                                              Object {
-                                                "label": "8 (1W435)",
-                                                "value": "8",
-                                              },
-                                              Object {
-                                                "label": "9 (1W436)",
-                                                "value": "9",
-                                              },
-                                              Object {
-                                                "label": "10 (1W437)",
-                                                "value": "10",
-                                              },
-                                              Object {
-                                                "label": "11 (1W438)",
-                                                "value": "11",
-                                              },
-                                              Object {
-                                                "label": "12 (1W439)",
-                                                "value": "12",
-                                              },
-                                              Object {
-                                                "label": "13 (1W440)",
-                                                "value": "13",
-                                              },
-                                              Object {
-                                                "label": "14 (3W405)",
-                                                "value": "14",
-                                              },
-                                              Object {
-                                                "label": "15 (3W407)",
-                                                "value": "15",
-                                              },
-                                              Object {
-                                                "label": "16 (3W409)",
-                                                "value": "16",
-                                              },
-                                              Object {
-                                                "label": "17 (3W518)",
-                                                "value": "17",
-                                              },
-                                              Object {
-                                                "label": "18 (4W325)",
-                                                "value": "18",
-                                              },
-                                              Object {
-                                                "label": "Utah",
-                                                "value": "19",
-                                              },
-                                              Object {
-                                                "label": "Gold",
-                                                "value": "20",
-                                              },
-                                              Object {
-                                                "label": "Juno",
-                                                "value": "21",
-                                              },
-                                              Object {
-                                                "label": "Sword",
-                                                "value": "22",
-                                              },
-                                              Object {
-                                                "label": "Omaha",
-                                                "value": "23",
-                                              },
-                                              Object {
-                                                "label": "Anzio",
-                                                "value": "24",
-                                              },
-                                              Object {
-                                                "label": "Coral Sea",
-                                                "value": "25",
-                                              },
-                                              Object {
-                                                "label": "Hue City",
-                                                "value": "26",
-                                              },
-                                              Object {
-                                                "label": "Antietam",
-                                                "value": "27",
-                                              },
-                                              Object {
-                                                "label": "Mogadishu",
-                                                "value": "28",
-                                              },
-                                            ]
-                                          }
-                                          selectOption={[Function]}
-                                          selectProps={
-                                            Object {
-                                              "backspaceRemovesValue": true,
-                                              "blurInputOnSelect": true,
-                                              "cache": false,
-                                              "captureMenuScroll": false,
-                                              "classNamePrefix": "cf-select",
-                                              "closeMenuOnScroll": false,
-                                              "closeMenuOnSelect": true,
-                                              "components": Object {
-                                                "Input": [Function],
-                                                "MenuList": [Function],
-                                                "Option": [Function],
-                                              },
-                                              "controlShouldRenderValue": true,
-                                              "defaultOptions": undefined,
-                                              "escapeClearsValue": false,
-                                              "filterOption": [Function],
-                                              "formatGroupLabel": [Function],
-                                              "getOptionLabel": [Function],
-                                              "getOptionValue": [Function],
-                                              "inputId": "hearing-room-dropdown",
-                                              "inputValue": "",
-                                              "isClearable": undefined,
-                                              "isDisabled": false,
-                                              "isLoading": false,
-                                              "isMulti": false,
-                                              "isOptionDisabled": [Function],
-                                              "isRtl": false,
-                                              "isSearchable": true,
-                                              "loadOptions": undefined,
-                                              "loadingMessage": [Function],
-                                              "maxMenuHeight": 300,
-                                              "menuIsOpen": false,
-                                              "menuPlacement": "bottom",
-                                              "menuPosition": "absolute",
-                                              "menuShouldBlockScroll": false,
-                                              "menuShouldScrollIntoView": true,
-                                              "minMenuHeight": 140,
-                                              "name": "hearingRoomDropdown",
-                                              "noOptionsMessage": [Function],
-                                              "onBlurResetsInput": false,
-                                              "onChange": [Function],
-                                              "onInputChange": [Function],
-                                              "onMenuClose": [Function],
-                                              "onMenuOpen": [Function],
-                                              "openMenuOnClick": true,
-                                              "openMenuOnFocus": false,
-                                              "options": Array [
-                                                Object {
-                                                  "label": "None",
-                                                  "value": null,
-                                                },
-                                                Object {
-                                                  "label": "1 (1W200A)",
-                                                  "value": "1",
-                                                },
-                                                Object {
-                                                  "label": "2 (1W200B)",
-                                                  "value": "2",
-                                                },
-                                                Object {
-                                                  "label": "3 (1W200C)",
-                                                  "value": "3",
-                                                },
-                                                Object {
-                                                  "label": "4 (1W424)",
-                                                  "value": "4",
-                                                },
-                                                Object {
-                                                  "label": "5 (1W428)",
-                                                  "value": "5",
-                                                },
-                                                Object {
-                                                  "label": "6 (1W432)",
-                                                  "value": "6",
-                                                },
-                                                Object {
-                                                  "label": "7 (1W434)",
-                                                  "value": "7",
-                                                },
-                                                Object {
-                                                  "label": "8 (1W435)",
-                                                  "value": "8",
-                                                },
-                                                Object {
-                                                  "label": "9 (1W436)",
-                                                  "value": "9",
-                                                },
-                                                Object {
-                                                  "label": "10 (1W437)",
-                                                  "value": "10",
-                                                },
-                                                Object {
-                                                  "label": "11 (1W438)",
-                                                  "value": "11",
-                                                },
-                                                Object {
-                                                  "label": "12 (1W439)",
-                                                  "value": "12",
-                                                },
-                                                Object {
-                                                  "label": "13 (1W440)",
-                                                  "value": "13",
-                                                },
-                                                Object {
-                                                  "label": "14 (3W405)",
-                                                  "value": "14",
-                                                },
-                                                Object {
-                                                  "label": "15 (3W407)",
-                                                  "value": "15",
-                                                },
-                                                Object {
-                                                  "label": "16 (3W409)",
-                                                  "value": "16",
-                                                },
-                                                Object {
-                                                  "label": "17 (3W518)",
-                                                  "value": "17",
-                                                },
-                                                Object {
-                                                  "label": "18 (4W325)",
-                                                  "value": "18",
-                                                },
-                                                Object {
-                                                  "label": "Utah",
-                                                  "value": "19",
-                                                },
-                                                Object {
-                                                  "label": "Gold",
-                                                  "value": "20",
-                                                },
-                                                Object {
-                                                  "label": "Juno",
-                                                  "value": "21",
-                                                },
-                                                Object {
-                                                  "label": "Sword",
-                                                  "value": "22",
-                                                },
-                                                Object {
-                                                  "label": "Omaha",
-                                                  "value": "23",
-                                                },
-                                                Object {
-                                                  "label": "Anzio",
-                                                  "value": "24",
-                                                },
-                                                Object {
-                                                  "label": "Coral Sea",
-                                                  "value": "25",
-                                                },
-                                                Object {
-                                                  "label": "Hue City",
-                                                  "value": "26",
-                                                },
-                                                Object {
-                                                  "label": "Antietam",
-                                                  "value": "27",
-                                                },
-                                                Object {
-                                                  "label": "Mogadishu",
-                                                  "value": "28",
-                                                },
-                                              ],
-                                              "pageSize": 5,
-                                              "placeholder": "Select...",
-                                              "screenReaderStatus": [Function],
-                                              "searchable": undefined,
-                                              "shouldKeyDownEventCreateNewOption": [Function],
-                                              "styles": Object {
-                                                "input": [Function],
-                                              },
-                                              "tabIndex": "0",
-                                              "tabSelectsValue": true,
-                                              "value": Object {
-                                                "label": "1 (1W200A)",
-                                                "value": "1",
-                                              },
-                                            }
-                                          }
-                                          setValue={[Function]}
-                                          theme={
-                                            Object {
-                                              "borderRadius": 4,
-                                              "colors": Object {
-                                                "danger": "#DE350B",
-                                                "dangerLight": "#FFBDAD",
-                                                "neutral0": "hsl(0, 0%, 100%)",
-                                                "neutral10": "hsl(0, 0%, 90%)",
-                                                "neutral20": "hsl(0, 0%, 80%)",
-                                                "neutral30": "hsl(0, 0%, 70%)",
-                                                "neutral40": "hsl(0, 0%, 60%)",
-                                                "neutral5": "hsl(0, 0%, 95%)",
-                                                "neutral50": "hsl(0, 0%, 50%)",
-                                                "neutral60": "hsl(0, 0%, 40%)",
-                                                "neutral70": "hsl(0, 0%, 30%)",
-                                                "neutral80": "hsl(0, 0%, 20%)",
-                                                "neutral90": "hsl(0, 0%, 10%)",
-                                                "primary": "#2684FF",
-                                                "primary25": "#DEEBFF",
-                                                "primary50": "#B2D4FF",
-                                                "primary75": "#4C9AFF",
-                                              },
-                                              "spacing": Object {
-                                                "baseUnit": 4,
-                                                "controlHeight": 38,
-                                                "menuGutter": 8,
-                                              },
-                                            }
-                                          }
-                                        >
-                                          <EmotionCssPropInternal
-                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Control"
-                                            __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                            className="cf-select__control"
-                                            css={
-                                              Object {
-                                                "&:hover": Object {
-                                                  "borderColor": "hsl(0, 0%, 70%)",
-                                                },
-                                                "alignItems": "center",
-                                                "backgroundColor": "hsl(0, 0%, 100%)",
-                                                "borderColor": "hsl(0, 0%, 80%)",
-                                                "borderRadius": 4,
-                                                "borderStyle": "solid",
-                                                "borderWidth": 1,
-                                                "boxShadow": null,
-                                                "boxSizing": "border-box",
-                                                "cursor": "default",
-                                                "display": "flex",
-                                                "flexWrap": "wrap",
-                                                "justifyContent": "space-between",
-                                                "label": "control",
-                                                "minHeight": 38,
-                                                "outline": "0 !important",
-                                                "position": "relative",
-                                                "transition": "all 100ms",
-                                              }
-                                            }
-                                            onMouseDown={[Function]}
-                                            onTouchEnd={[Function]}
-                                          >
-                                            <div
-                                              className="cf-select__control css-yk16xz-control"
-                                              onMouseDown={[Function]}
-                                              onTouchEnd={[Function]}
-                                            >
-                                              <ValueContainer
-                                                clearValue={[Function]}
-                                                cx={[Function]}
-                                                getStyles={[Function]}
-                                                getValue={[Function]}
-                                                hasValue={true}
-                                                isDisabled={false}
-                                                isMulti={false}
-                                                isRtl={false}
-                                                options={
-                                                  Array [
-                                                    Object {
-                                                      "label": "None",
-                                                      "value": null,
-                                                    },
-                                                    Object {
-                                                      "label": "1 (1W200A)",
-                                                      "value": "1",
-                                                    },
-                                                    Object {
-                                                      "label": "2 (1W200B)",
-                                                      "value": "2",
-                                                    },
-                                                    Object {
-                                                      "label": "3 (1W200C)",
-                                                      "value": "3",
-                                                    },
-                                                    Object {
-                                                      "label": "4 (1W424)",
-                                                      "value": "4",
-                                                    },
-                                                    Object {
-                                                      "label": "5 (1W428)",
-                                                      "value": "5",
-                                                    },
-                                                    Object {
-                                                      "label": "6 (1W432)",
-                                                      "value": "6",
-                                                    },
-                                                    Object {
-                                                      "label": "7 (1W434)",
-                                                      "value": "7",
-                                                    },
-                                                    Object {
-                                                      "label": "8 (1W435)",
-                                                      "value": "8",
-                                                    },
-                                                    Object {
-                                                      "label": "9 (1W436)",
-                                                      "value": "9",
-                                                    },
-                                                    Object {
-                                                      "label": "10 (1W437)",
-                                                      "value": "10",
-                                                    },
-                                                    Object {
-                                                      "label": "11 (1W438)",
-                                                      "value": "11",
-                                                    },
-                                                    Object {
-                                                      "label": "12 (1W439)",
-                                                      "value": "12",
-                                                    },
-                                                    Object {
-                                                      "label": "13 (1W440)",
-                                                      "value": "13",
-                                                    },
-                                                    Object {
-                                                      "label": "14 (3W405)",
-                                                      "value": "14",
-                                                    },
-                                                    Object {
-                                                      "label": "15 (3W407)",
-                                                      "value": "15",
-                                                    },
-                                                    Object {
-                                                      "label": "16 (3W409)",
-                                                      "value": "16",
-                                                    },
-                                                    Object {
-                                                      "label": "17 (3W518)",
-                                                      "value": "17",
-                                                    },
-                                                    Object {
-                                                      "label": "18 (4W325)",
-                                                      "value": "18",
-                                                    },
-                                                    Object {
-                                                      "label": "Utah",
-                                                      "value": "19",
-                                                    },
-                                                    Object {
-                                                      "label": "Gold",
-                                                      "value": "20",
-                                                    },
-                                                    Object {
-                                                      "label": "Juno",
-                                                      "value": "21",
-                                                    },
-                                                    Object {
-                                                      "label": "Sword",
-                                                      "value": "22",
-                                                    },
-                                                    Object {
-                                                      "label": "Omaha",
-                                                      "value": "23",
-                                                    },
-                                                    Object {
-                                                      "label": "Anzio",
-                                                      "value": "24",
-                                                    },
-                                                    Object {
-                                                      "label": "Coral Sea",
-                                                      "value": "25",
-                                                    },
-                                                    Object {
-                                                      "label": "Hue City",
-                                                      "value": "26",
-                                                    },
-                                                    Object {
-                                                      "label": "Antietam",
-                                                      "value": "27",
-                                                    },
-                                                    Object {
-                                                      "label": "Mogadishu",
-                                                      "value": "28",
-                                                    },
-                                                  ]
-                                                }
-                                                selectOption={[Function]}
-                                                selectProps={
-                                                  Object {
-                                                    "backspaceRemovesValue": true,
-                                                    "blurInputOnSelect": true,
-                                                    "cache": false,
-                                                    "captureMenuScroll": false,
-                                                    "classNamePrefix": "cf-select",
-                                                    "closeMenuOnScroll": false,
-                                                    "closeMenuOnSelect": true,
-                                                    "components": Object {
-                                                      "Input": [Function],
-                                                      "MenuList": [Function],
-                                                      "Option": [Function],
-                                                    },
-                                                    "controlShouldRenderValue": true,
-                                                    "defaultOptions": undefined,
-                                                    "escapeClearsValue": false,
-                                                    "filterOption": [Function],
-                                                    "formatGroupLabel": [Function],
-                                                    "getOptionLabel": [Function],
-                                                    "getOptionValue": [Function],
-                                                    "inputId": "hearing-room-dropdown",
-                                                    "inputValue": "",
-                                                    "isClearable": undefined,
-                                                    "isDisabled": false,
-                                                    "isLoading": false,
-                                                    "isMulti": false,
-                                                    "isOptionDisabled": [Function],
-                                                    "isRtl": false,
-                                                    "isSearchable": true,
-                                                    "loadOptions": undefined,
-                                                    "loadingMessage": [Function],
-                                                    "maxMenuHeight": 300,
-                                                    "menuIsOpen": false,
-                                                    "menuPlacement": "bottom",
-                                                    "menuPosition": "absolute",
-                                                    "menuShouldBlockScroll": false,
-                                                    "menuShouldScrollIntoView": true,
-                                                    "minMenuHeight": 140,
-                                                    "name": "hearingRoomDropdown",
-                                                    "noOptionsMessage": [Function],
-                                                    "onBlurResetsInput": false,
-                                                    "onChange": [Function],
-                                                    "onInputChange": [Function],
-                                                    "onMenuClose": [Function],
-                                                    "onMenuOpen": [Function],
-                                                    "openMenuOnClick": true,
-                                                    "openMenuOnFocus": false,
-                                                    "options": Array [
-                                                      Object {
-                                                        "label": "None",
-                                                        "value": null,
-                                                      },
-                                                      Object {
-                                                        "label": "1 (1W200A)",
-                                                        "value": "1",
-                                                      },
-                                                      Object {
-                                                        "label": "2 (1W200B)",
-                                                        "value": "2",
-                                                      },
-                                                      Object {
-                                                        "label": "3 (1W200C)",
-                                                        "value": "3",
-                                                      },
-                                                      Object {
-                                                        "label": "4 (1W424)",
-                                                        "value": "4",
-                                                      },
-                                                      Object {
-                                                        "label": "5 (1W428)",
-                                                        "value": "5",
-                                                      },
-                                                      Object {
-                                                        "label": "6 (1W432)",
-                                                        "value": "6",
-                                                      },
-                                                      Object {
-                                                        "label": "7 (1W434)",
-                                                        "value": "7",
-                                                      },
-                                                      Object {
-                                                        "label": "8 (1W435)",
-                                                        "value": "8",
-                                                      },
-                                                      Object {
-                                                        "label": "9 (1W436)",
-                                                        "value": "9",
-                                                      },
-                                                      Object {
-                                                        "label": "10 (1W437)",
-                                                        "value": "10",
-                                                      },
-                                                      Object {
-                                                        "label": "11 (1W438)",
-                                                        "value": "11",
-                                                      },
-                                                      Object {
-                                                        "label": "12 (1W439)",
-                                                        "value": "12",
-                                                      },
-                                                      Object {
-                                                        "label": "13 (1W440)",
-                                                        "value": "13",
-                                                      },
-                                                      Object {
-                                                        "label": "14 (3W405)",
-                                                        "value": "14",
-                                                      },
-                                                      Object {
-                                                        "label": "15 (3W407)",
-                                                        "value": "15",
-                                                      },
-                                                      Object {
-                                                        "label": "16 (3W409)",
-                                                        "value": "16",
-                                                      },
-                                                      Object {
-                                                        "label": "17 (3W518)",
-                                                        "value": "17",
-                                                      },
-                                                      Object {
-                                                        "label": "18 (4W325)",
-                                                        "value": "18",
-                                                      },
-                                                      Object {
-                                                        "label": "Utah",
-                                                        "value": "19",
-                                                      },
-                                                      Object {
-                                                        "label": "Gold",
-                                                        "value": "20",
-                                                      },
-                                                      Object {
-                                                        "label": "Juno",
-                                                        "value": "21",
-                                                      },
-                                                      Object {
-                                                        "label": "Sword",
-                                                        "value": "22",
-                                                      },
-                                                      Object {
-                                                        "label": "Omaha",
-                                                        "value": "23",
-                                                      },
-                                                      Object {
-                                                        "label": "Anzio",
-                                                        "value": "24",
-                                                      },
-                                                      Object {
-                                                        "label": "Coral Sea",
-                                                        "value": "25",
-                                                      },
-                                                      Object {
-                                                        "label": "Hue City",
-                                                        "value": "26",
-                                                      },
-                                                      Object {
-                                                        "label": "Antietam",
-                                                        "value": "27",
-                                                      },
-                                                      Object {
-                                                        "label": "Mogadishu",
-                                                        "value": "28",
-                                                      },
-                                                    ],
-                                                    "pageSize": 5,
-                                                    "placeholder": "Select...",
-                                                    "screenReaderStatus": [Function],
-                                                    "searchable": undefined,
-                                                    "shouldKeyDownEventCreateNewOption": [Function],
-                                                    "styles": Object {
-                                                      "input": [Function],
-                                                    },
-                                                    "tabIndex": "0",
-                                                    "tabSelectsValue": true,
-                                                    "value": Object {
-                                                      "label": "1 (1W200A)",
-                                                      "value": "1",
-                                                    },
-                                                  }
-                                                }
-                                                setValue={[Function]}
-                                                theme={
-                                                  Object {
-                                                    "borderRadius": 4,
-                                                    "colors": Object {
-                                                      "danger": "#DE350B",
-                                                      "dangerLight": "#FFBDAD",
-                                                      "neutral0": "hsl(0, 0%, 100%)",
-                                                      "neutral10": "hsl(0, 0%, 90%)",
-                                                      "neutral20": "hsl(0, 0%, 80%)",
-                                                      "neutral30": "hsl(0, 0%, 70%)",
-                                                      "neutral40": "hsl(0, 0%, 60%)",
-                                                      "neutral5": "hsl(0, 0%, 95%)",
-                                                      "neutral50": "hsl(0, 0%, 50%)",
-                                                      "neutral60": "hsl(0, 0%, 40%)",
-                                                      "neutral70": "hsl(0, 0%, 30%)",
-                                                      "neutral80": "hsl(0, 0%, 20%)",
-                                                      "neutral90": "hsl(0, 0%, 10%)",
-                                                      "primary": "#2684FF",
-                                                      "primary25": "#DEEBFF",
-                                                      "primary50": "#B2D4FF",
-                                                      "primary75": "#4C9AFF",
-                                                    },
-                                                    "spacing": Object {
-                                                      "baseUnit": 4,
-                                                      "controlHeight": 38,
-                                                      "menuGutter": 8,
-                                                    },
-                                                  }
-                                                }
-                                              >
-                                                <EmotionCssPropInternal
-                                                  __EMOTION_LABEL_PLEASE_DO_NOT_USE__="ValueContainer"
-                                                  __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                  className="cf-select__value-container cf-select__value-container--has-value"
-                                                  css={
-                                                    Object {
-                                                      "WebkitOverflowScrolling": "touch",
-                                                      "alignItems": "center",
-                                                      "boxSizing": "border-box",
-                                                      "display": "flex",
-                                                      "flex": 1,
-                                                      "flexWrap": "wrap",
-                                                      "overflow": "hidden",
-                                                      "padding": "2px 8px",
-                                                      "position": "relative",
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    className="cf-select__value-container cf-select__value-container--has-value css-g1d714-ValueContainer"
-                                                  >
-                                                    <SingleValue
-                                                      clearValue={[Function]}
-                                                      cx={[Function]}
-                                                      data={
-                                                        Object {
-                                                          "label": "1 (1W200A)",
-                                                          "value": "1",
-                                                        }
-                                                      }
-                                                      getStyles={[Function]}
-                                                      getValue={[Function]}
-                                                      hasValue={true}
-                                                      isDisabled={false}
-                                                      isMulti={false}
-                                                      isRtl={false}
-                                                      options={
-                                                        Array [
-                                                          Object {
-                                                            "label": "None",
-                                                            "value": null,
-                                                          },
-                                                          Object {
-                                                            "label": "1 (1W200A)",
-                                                            "value": "1",
-                                                          },
-                                                          Object {
-                                                            "label": "2 (1W200B)",
-                                                            "value": "2",
-                                                          },
-                                                          Object {
-                                                            "label": "3 (1W200C)",
-                                                            "value": "3",
-                                                          },
-                                                          Object {
-                                                            "label": "4 (1W424)",
-                                                            "value": "4",
-                                                          },
-                                                          Object {
-                                                            "label": "5 (1W428)",
-                                                            "value": "5",
-                                                          },
-                                                          Object {
-                                                            "label": "6 (1W432)",
-                                                            "value": "6",
-                                                          },
-                                                          Object {
-                                                            "label": "7 (1W434)",
-                                                            "value": "7",
-                                                          },
-                                                          Object {
-                                                            "label": "8 (1W435)",
-                                                            "value": "8",
-                                                          },
-                                                          Object {
-                                                            "label": "9 (1W436)",
-                                                            "value": "9",
-                                                          },
-                                                          Object {
-                                                            "label": "10 (1W437)",
-                                                            "value": "10",
-                                                          },
-                                                          Object {
-                                                            "label": "11 (1W438)",
-                                                            "value": "11",
-                                                          },
-                                                          Object {
-                                                            "label": "12 (1W439)",
-                                                            "value": "12",
-                                                          },
-                                                          Object {
-                                                            "label": "13 (1W440)",
-                                                            "value": "13",
-                                                          },
-                                                          Object {
-                                                            "label": "14 (3W405)",
-                                                            "value": "14",
-                                                          },
-                                                          Object {
-                                                            "label": "15 (3W407)",
-                                                            "value": "15",
-                                                          },
-                                                          Object {
-                                                            "label": "16 (3W409)",
-                                                            "value": "16",
-                                                          },
-                                                          Object {
-                                                            "label": "17 (3W518)",
-                                                            "value": "17",
-                                                          },
-                                                          Object {
-                                                            "label": "18 (4W325)",
-                                                            "value": "18",
-                                                          },
-                                                          Object {
-                                                            "label": "Utah",
-                                                            "value": "19",
-                                                          },
-                                                          Object {
-                                                            "label": "Gold",
-                                                            "value": "20",
-                                                          },
-                                                          Object {
-                                                            "label": "Juno",
-                                                            "value": "21",
-                                                          },
-                                                          Object {
-                                                            "label": "Sword",
-                                                            "value": "22",
-                                                          },
-                                                          Object {
-                                                            "label": "Omaha",
-                                                            "value": "23",
-                                                          },
-                                                          Object {
-                                                            "label": "Anzio",
-                                                            "value": "24",
-                                                          },
-                                                          Object {
-                                                            "label": "Coral Sea",
-                                                            "value": "25",
-                                                          },
-                                                          Object {
-                                                            "label": "Hue City",
-                                                            "value": "26",
-                                                          },
-                                                          Object {
-                                                            "label": "Antietam",
-                                                            "value": "27",
-                                                          },
-                                                          Object {
-                                                            "label": "Mogadishu",
-                                                            "value": "28",
-                                                          },
-                                                        ]
-                                                      }
-                                                      selectOption={[Function]}
-                                                      selectProps={
-                                                        Object {
-                                                          "backspaceRemovesValue": true,
-                                                          "blurInputOnSelect": true,
-                                                          "cache": false,
-                                                          "captureMenuScroll": false,
-                                                          "classNamePrefix": "cf-select",
-                                                          "closeMenuOnScroll": false,
-                                                          "closeMenuOnSelect": true,
-                                                          "components": Object {
-                                                            "Input": [Function],
-                                                            "MenuList": [Function],
-                                                            "Option": [Function],
-                                                          },
-                                                          "controlShouldRenderValue": true,
-                                                          "defaultOptions": undefined,
-                                                          "escapeClearsValue": false,
-                                                          "filterOption": [Function],
-                                                          "formatGroupLabel": [Function],
-                                                          "getOptionLabel": [Function],
-                                                          "getOptionValue": [Function],
-                                                          "inputId": "hearing-room-dropdown",
-                                                          "inputValue": "",
-                                                          "isClearable": undefined,
-                                                          "isDisabled": false,
-                                                          "isLoading": false,
-                                                          "isMulti": false,
-                                                          "isOptionDisabled": [Function],
-                                                          "isRtl": false,
-                                                          "isSearchable": true,
-                                                          "loadOptions": undefined,
-                                                          "loadingMessage": [Function],
-                                                          "maxMenuHeight": 300,
-                                                          "menuIsOpen": false,
-                                                          "menuPlacement": "bottom",
-                                                          "menuPosition": "absolute",
-                                                          "menuShouldBlockScroll": false,
-                                                          "menuShouldScrollIntoView": true,
-                                                          "minMenuHeight": 140,
-                                                          "name": "hearingRoomDropdown",
-                                                          "noOptionsMessage": [Function],
-                                                          "onBlurResetsInput": false,
-                                                          "onChange": [Function],
-                                                          "onInputChange": [Function],
-                                                          "onMenuClose": [Function],
-                                                          "onMenuOpen": [Function],
-                                                          "openMenuOnClick": true,
-                                                          "openMenuOnFocus": false,
-                                                          "options": Array [
-                                                            Object {
-                                                              "label": "None",
-                                                              "value": null,
-                                                            },
-                                                            Object {
-                                                              "label": "1 (1W200A)",
-                                                              "value": "1",
-                                                            },
-                                                            Object {
-                                                              "label": "2 (1W200B)",
-                                                              "value": "2",
-                                                            },
-                                                            Object {
-                                                              "label": "3 (1W200C)",
-                                                              "value": "3",
-                                                            },
-                                                            Object {
-                                                              "label": "4 (1W424)",
-                                                              "value": "4",
-                                                            },
-                                                            Object {
-                                                              "label": "5 (1W428)",
-                                                              "value": "5",
-                                                            },
-                                                            Object {
-                                                              "label": "6 (1W432)",
-                                                              "value": "6",
-                                                            },
-                                                            Object {
-                                                              "label": "7 (1W434)",
-                                                              "value": "7",
-                                                            },
-                                                            Object {
-                                                              "label": "8 (1W435)",
-                                                              "value": "8",
-                                                            },
-                                                            Object {
-                                                              "label": "9 (1W436)",
-                                                              "value": "9",
-                                                            },
-                                                            Object {
-                                                              "label": "10 (1W437)",
-                                                              "value": "10",
-                                                            },
-                                                            Object {
-                                                              "label": "11 (1W438)",
-                                                              "value": "11",
-                                                            },
-                                                            Object {
-                                                              "label": "12 (1W439)",
-                                                              "value": "12",
-                                                            },
-                                                            Object {
-                                                              "label": "13 (1W440)",
-                                                              "value": "13",
-                                                            },
-                                                            Object {
-                                                              "label": "14 (3W405)",
-                                                              "value": "14",
-                                                            },
-                                                            Object {
-                                                              "label": "15 (3W407)",
-                                                              "value": "15",
-                                                            },
-                                                            Object {
-                                                              "label": "16 (3W409)",
-                                                              "value": "16",
-                                                            },
-                                                            Object {
-                                                              "label": "17 (3W518)",
-                                                              "value": "17",
-                                                            },
-                                                            Object {
-                                                              "label": "18 (4W325)",
-                                                              "value": "18",
-                                                            },
-                                                            Object {
-                                                              "label": "Utah",
-                                                              "value": "19",
-                                                            },
-                                                            Object {
-                                                              "label": "Gold",
-                                                              "value": "20",
-                                                            },
-                                                            Object {
-                                                              "label": "Juno",
-                                                              "value": "21",
-                                                            },
-                                                            Object {
-                                                              "label": "Sword",
-                                                              "value": "22",
-                                                            },
-                                                            Object {
-                                                              "label": "Omaha",
-                                                              "value": "23",
-                                                            },
-                                                            Object {
-                                                              "label": "Anzio",
-                                                              "value": "24",
-                                                            },
-                                                            Object {
-                                                              "label": "Coral Sea",
-                                                              "value": "25",
-                                                            },
-                                                            Object {
-                                                              "label": "Hue City",
-                                                              "value": "26",
-                                                            },
-                                                            Object {
-                                                              "label": "Antietam",
-                                                              "value": "27",
-                                                            },
-                                                            Object {
-                                                              "label": "Mogadishu",
-                                                              "value": "28",
-                                                            },
-                                                          ],
-                                                          "pageSize": 5,
-                                                          "placeholder": "Select...",
-                                                          "screenReaderStatus": [Function],
-                                                          "searchable": undefined,
-                                                          "shouldKeyDownEventCreateNewOption": [Function],
-                                                          "styles": Object {
-                                                            "input": [Function],
-                                                          },
-                                                          "tabIndex": "0",
-                                                          "tabSelectsValue": true,
-                                                          "value": Object {
-                                                            "label": "1 (1W200A)",
-                                                            "value": "1",
-                                                          },
-                                                        }
-                                                      }
-                                                      setValue={[Function]}
-                                                      theme={
-                                                        Object {
-                                                          "borderRadius": 4,
-                                                          "colors": Object {
-                                                            "danger": "#DE350B",
-                                                            "dangerLight": "#FFBDAD",
-                                                            "neutral0": "hsl(0, 0%, 100%)",
-                                                            "neutral10": "hsl(0, 0%, 90%)",
-                                                            "neutral20": "hsl(0, 0%, 80%)",
-                                                            "neutral30": "hsl(0, 0%, 70%)",
-                                                            "neutral40": "hsl(0, 0%, 60%)",
-                                                            "neutral5": "hsl(0, 0%, 95%)",
-                                                            "neutral50": "hsl(0, 0%, 50%)",
-                                                            "neutral60": "hsl(0, 0%, 40%)",
-                                                            "neutral70": "hsl(0, 0%, 30%)",
-                                                            "neutral80": "hsl(0, 0%, 20%)",
-                                                            "neutral90": "hsl(0, 0%, 10%)",
-                                                            "primary": "#2684FF",
-                                                            "primary25": "#DEEBFF",
-                                                            "primary50": "#B2D4FF",
-                                                            "primary75": "#4C9AFF",
-                                                          },
-                                                          "spacing": Object {
-                                                            "baseUnit": 4,
-                                                            "controlHeight": 38,
-                                                            "menuGutter": 8,
-                                                          },
-                                                        }
-                                                      }
-                                                    >
-                                                      <EmotionCssPropInternal
-                                                        __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SingleValue"
-                                                        __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                        className="cf-select__single-value"
-                                                        css={
-                                                          Object {
-                                                            "boxSizing": "border-box",
-                                                            "color": "hsl(0, 0%, 20%)",
-                                                            "label": "singleValue",
-                                                            "marginLeft": 2,
-                                                            "marginRight": 2,
-                                                            "maxWidth": "calc(100% - 8px)",
-                                                            "overflow": "hidden",
-                                                            "position": "absolute",
-                                                            "textOverflow": "ellipsis",
-                                                            "top": "50%",
-                                                            "transform": "translateY(-50%)",
-                                                            "whiteSpace": "nowrap",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="cf-select__single-value css-1uccc91-singleValue"
-                                                        >
-                                                          1 (1W200A)
-                                                        </div>
-                                                      </EmotionCssPropInternal>
-                                                    </SingleValue>
-                                                    <CustomInput
-                                                      aria-autocomplete="list"
-                                                      autoCapitalize="none"
-                                                      autoComplete="off"
-                                                      autoCorrect="off"
-                                                      cx={[Function]}
-                                                      getStyles={[Function]}
-                                                      id="hearing-room-dropdown"
-                                                      innerRef={[Function]}
-                                                      isDisabled={false}
-                                                      isHidden={false}
-                                                      onBlur={[Function]}
-                                                      onChange={[Function]}
-                                                      onFocus={[Function]}
-                                                      selectProps={
-                                                        Object {
-                                                          "backspaceRemovesValue": true,
-                                                          "blurInputOnSelect": true,
-                                                          "cache": false,
-                                                          "captureMenuScroll": false,
-                                                          "classNamePrefix": "cf-select",
-                                                          "closeMenuOnScroll": false,
-                                                          "closeMenuOnSelect": true,
-                                                          "components": Object {
-                                                            "Input": [Function],
-                                                            "MenuList": [Function],
-                                                            "Option": [Function],
-                                                          },
-                                                          "controlShouldRenderValue": true,
-                                                          "defaultOptions": undefined,
-                                                          "escapeClearsValue": false,
-                                                          "filterOption": [Function],
-                                                          "formatGroupLabel": [Function],
-                                                          "getOptionLabel": [Function],
-                                                          "getOptionValue": [Function],
-                                                          "inputId": "hearing-room-dropdown",
-                                                          "inputValue": "",
-                                                          "isClearable": undefined,
-                                                          "isDisabled": false,
-                                                          "isLoading": false,
-                                                          "isMulti": false,
-                                                          "isOptionDisabled": [Function],
-                                                          "isRtl": false,
-                                                          "isSearchable": true,
-                                                          "loadOptions": undefined,
-                                                          "loadingMessage": [Function],
-                                                          "maxMenuHeight": 300,
-                                                          "menuIsOpen": false,
-                                                          "menuPlacement": "bottom",
-                                                          "menuPosition": "absolute",
-                                                          "menuShouldBlockScroll": false,
-                                                          "menuShouldScrollIntoView": true,
-                                                          "minMenuHeight": 140,
-                                                          "name": "hearingRoomDropdown",
-                                                          "noOptionsMessage": [Function],
-                                                          "onBlurResetsInput": false,
-                                                          "onChange": [Function],
-                                                          "onInputChange": [Function],
-                                                          "onMenuClose": [Function],
-                                                          "onMenuOpen": [Function],
-                                                          "openMenuOnClick": true,
-                                                          "openMenuOnFocus": false,
-                                                          "options": Array [
-                                                            Object {
-                                                              "label": "None",
-                                                              "value": null,
-                                                            },
-                                                            Object {
-                                                              "label": "1 (1W200A)",
-                                                              "value": "1",
-                                                            },
-                                                            Object {
-                                                              "label": "2 (1W200B)",
-                                                              "value": "2",
-                                                            },
-                                                            Object {
-                                                              "label": "3 (1W200C)",
-                                                              "value": "3",
-                                                            },
-                                                            Object {
-                                                              "label": "4 (1W424)",
-                                                              "value": "4",
-                                                            },
-                                                            Object {
-                                                              "label": "5 (1W428)",
-                                                              "value": "5",
-                                                            },
-                                                            Object {
-                                                              "label": "6 (1W432)",
-                                                              "value": "6",
-                                                            },
-                                                            Object {
-                                                              "label": "7 (1W434)",
-                                                              "value": "7",
-                                                            },
-                                                            Object {
-                                                              "label": "8 (1W435)",
-                                                              "value": "8",
-                                                            },
-                                                            Object {
-                                                              "label": "9 (1W436)",
-                                                              "value": "9",
-                                                            },
-                                                            Object {
-                                                              "label": "10 (1W437)",
-                                                              "value": "10",
-                                                            },
-                                                            Object {
-                                                              "label": "11 (1W438)",
-                                                              "value": "11",
-                                                            },
-                                                            Object {
-                                                              "label": "12 (1W439)",
-                                                              "value": "12",
-                                                            },
-                                                            Object {
-                                                              "label": "13 (1W440)",
-                                                              "value": "13",
-                                                            },
-                                                            Object {
-                                                              "label": "14 (3W405)",
-                                                              "value": "14",
-                                                            },
-                                                            Object {
-                                                              "label": "15 (3W407)",
-                                                              "value": "15",
-                                                            },
-                                                            Object {
-                                                              "label": "16 (3W409)",
-                                                              "value": "16",
-                                                            },
-                                                            Object {
-                                                              "label": "17 (3W518)",
-                                                              "value": "17",
-                                                            },
-                                                            Object {
-                                                              "label": "18 (4W325)",
-                                                              "value": "18",
-                                                            },
-                                                            Object {
-                                                              "label": "Utah",
-                                                              "value": "19",
-                                                            },
-                                                            Object {
-                                                              "label": "Gold",
-                                                              "value": "20",
-                                                            },
-                                                            Object {
-                                                              "label": "Juno",
-                                                              "value": "21",
-                                                            },
-                                                            Object {
-                                                              "label": "Sword",
-                                                              "value": "22",
-                                                            },
-                                                            Object {
-                                                              "label": "Omaha",
-                                                              "value": "23",
-                                                            },
-                                                            Object {
-                                                              "label": "Anzio",
-                                                              "value": "24",
-                                                            },
-                                                            Object {
-                                                              "label": "Coral Sea",
-                                                              "value": "25",
-                                                            },
-                                                            Object {
-                                                              "label": "Hue City",
-                                                              "value": "26",
-                                                            },
-                                                            Object {
-                                                              "label": "Antietam",
-                                                              "value": "27",
-                                                            },
-                                                            Object {
-                                                              "label": "Mogadishu",
-                                                              "value": "28",
-                                                            },
-                                                          ],
-                                                          "pageSize": 5,
-                                                          "placeholder": "Select...",
-                                                          "screenReaderStatus": [Function],
-                                                          "searchable": undefined,
-                                                          "shouldKeyDownEventCreateNewOption": [Function],
-                                                          "styles": Object {
-                                                            "input": [Function],
-                                                          },
-                                                          "tabIndex": "0",
-                                                          "tabSelectsValue": true,
-                                                          "value": Object {
-                                                            "label": "1 (1W200A)",
-                                                            "value": "1",
-                                                          },
-                                                        }
-                                                      }
-                                                      spellCheck="false"
-                                                      tabIndex="0"
-                                                      theme={
-                                                        Object {
-                                                          "borderRadius": 4,
-                                                          "colors": Object {
-                                                            "danger": "#DE350B",
-                                                            "dangerLight": "#FFBDAD",
-                                                            "neutral0": "hsl(0, 0%, 100%)",
-                                                            "neutral10": "hsl(0, 0%, 90%)",
-                                                            "neutral20": "hsl(0, 0%, 80%)",
-                                                            "neutral30": "hsl(0, 0%, 70%)",
-                                                            "neutral40": "hsl(0, 0%, 60%)",
-                                                            "neutral5": "hsl(0, 0%, 95%)",
-                                                            "neutral50": "hsl(0, 0%, 50%)",
-                                                            "neutral60": "hsl(0, 0%, 40%)",
-                                                            "neutral70": "hsl(0, 0%, 30%)",
-                                                            "neutral80": "hsl(0, 0%, 20%)",
-                                                            "neutral90": "hsl(0, 0%, 10%)",
-                                                            "primary": "#2684FF",
-                                                            "primary25": "#DEEBFF",
-                                                            "primary50": "#B2D4FF",
-                                                            "primary75": "#4C9AFF",
-                                                          },
-                                                          "spacing": Object {
-                                                            "baseUnit": 4,
-                                                            "controlHeight": 38,
-                                                            "menuGutter": 8,
-                                                          },
-                                                        }
-                                                      }
-                                                      type="text"
-                                                      value=""
-                                                    >
-                                                      <Input
-                                                        aria-autocomplete="list"
-                                                        aria-expanded={false}
-                                                        aria-haspopup={true}
-                                                        aria-labelledby="hearing-room-dropdown-label"
-                                                        aria-owns="hearing-room-dropdown-listbox"
-                                                        autoCapitalize="none"
-                                                        autoComplete="off"
-                                                        autoCorrect="off"
-                                                        cx={[Function]}
-                                                        getStyles={[Function]}
-                                                        id="hearing-room-dropdown"
-                                                        innerRef={[Function]}
-                                                        isDisabled={false}
-                                                        isHidden={false}
-                                                        onBlur={[Function]}
-                                                        onChange={[Function]}
-                                                        onFocus={[Function]}
-                                                        role="combobox"
-                                                        selectProps={
-                                                          Object {
-                                                            "backspaceRemovesValue": true,
-                                                            "blurInputOnSelect": true,
-                                                            "cache": false,
-                                                            "captureMenuScroll": false,
-                                                            "classNamePrefix": "cf-select",
-                                                            "closeMenuOnScroll": false,
-                                                            "closeMenuOnSelect": true,
-                                                            "components": Object {
-                                                              "Input": [Function],
-                                                              "MenuList": [Function],
-                                                              "Option": [Function],
-                                                            },
-                                                            "controlShouldRenderValue": true,
-                                                            "defaultOptions": undefined,
-                                                            "escapeClearsValue": false,
-                                                            "filterOption": [Function],
-                                                            "formatGroupLabel": [Function],
-                                                            "getOptionLabel": [Function],
-                                                            "getOptionValue": [Function],
-                                                            "inputId": "hearing-room-dropdown",
-                                                            "inputValue": "",
-                                                            "isClearable": undefined,
-                                                            "isDisabled": false,
-                                                            "isLoading": false,
-                                                            "isMulti": false,
-                                                            "isOptionDisabled": [Function],
-                                                            "isRtl": false,
-                                                            "isSearchable": true,
-                                                            "loadOptions": undefined,
-                                                            "loadingMessage": [Function],
-                                                            "maxMenuHeight": 300,
-                                                            "menuIsOpen": false,
-                                                            "menuPlacement": "bottom",
-                                                            "menuPosition": "absolute",
-                                                            "menuShouldBlockScroll": false,
-                                                            "menuShouldScrollIntoView": true,
-                                                            "minMenuHeight": 140,
-                                                            "name": "hearingRoomDropdown",
-                                                            "noOptionsMessage": [Function],
-                                                            "onBlurResetsInput": false,
-                                                            "onChange": [Function],
-                                                            "onInputChange": [Function],
-                                                            "onMenuClose": [Function],
-                                                            "onMenuOpen": [Function],
-                                                            "openMenuOnClick": true,
-                                                            "openMenuOnFocus": false,
-                                                            "options": Array [
-                                                              Object {
-                                                                "label": "None",
-                                                                "value": null,
-                                                              },
-                                                              Object {
-                                                                "label": "1 (1W200A)",
-                                                                "value": "1",
-                                                              },
-                                                              Object {
-                                                                "label": "2 (1W200B)",
-                                                                "value": "2",
-                                                              },
-                                                              Object {
-                                                                "label": "3 (1W200C)",
-                                                                "value": "3",
-                                                              },
-                                                              Object {
-                                                                "label": "4 (1W424)",
-                                                                "value": "4",
-                                                              },
-                                                              Object {
-                                                                "label": "5 (1W428)",
-                                                                "value": "5",
-                                                              },
-                                                              Object {
-                                                                "label": "6 (1W432)",
-                                                                "value": "6",
-                                                              },
-                                                              Object {
-                                                                "label": "7 (1W434)",
-                                                                "value": "7",
-                                                              },
-                                                              Object {
-                                                                "label": "8 (1W435)",
-                                                                "value": "8",
-                                                              },
-                                                              Object {
-                                                                "label": "9 (1W436)",
-                                                                "value": "9",
-                                                              },
-                                                              Object {
-                                                                "label": "10 (1W437)",
-                                                                "value": "10",
-                                                              },
-                                                              Object {
-                                                                "label": "11 (1W438)",
-                                                                "value": "11",
-                                                              },
-                                                              Object {
-                                                                "label": "12 (1W439)",
-                                                                "value": "12",
-                                                              },
-                                                              Object {
-                                                                "label": "13 (1W440)",
-                                                                "value": "13",
-                                                              },
-                                                              Object {
-                                                                "label": "14 (3W405)",
-                                                                "value": "14",
-                                                              },
-                                                              Object {
-                                                                "label": "15 (3W407)",
-                                                                "value": "15",
-                                                              },
-                                                              Object {
-                                                                "label": "16 (3W409)",
-                                                                "value": "16",
-                                                              },
-                                                              Object {
-                                                                "label": "17 (3W518)",
-                                                                "value": "17",
-                                                              },
-                                                              Object {
-                                                                "label": "18 (4W325)",
-                                                                "value": "18",
-                                                              },
-                                                              Object {
-                                                                "label": "Utah",
-                                                                "value": "19",
-                                                              },
-                                                              Object {
-                                                                "label": "Gold",
-                                                                "value": "20",
-                                                              },
-                                                              Object {
-                                                                "label": "Juno",
-                                                                "value": "21",
-                                                              },
-                                                              Object {
-                                                                "label": "Sword",
-                                                                "value": "22",
-                                                              },
-                                                              Object {
-                                                                "label": "Omaha",
-                                                                "value": "23",
-                                                              },
-                                                              Object {
-                                                                "label": "Anzio",
-                                                                "value": "24",
-                                                              },
-                                                              Object {
-                                                                "label": "Coral Sea",
-                                                                "value": "25",
-                                                              },
-                                                              Object {
-                                                                "label": "Hue City",
-                                                                "value": "26",
-                                                              },
-                                                              Object {
-                                                                "label": "Antietam",
-                                                                "value": "27",
-                                                              },
-                                                              Object {
-                                                                "label": "Mogadishu",
-                                                                "value": "28",
-                                                              },
-                                                            ],
-                                                            "pageSize": 5,
-                                                            "placeholder": "Select...",
-                                                            "screenReaderStatus": [Function],
-                                                            "searchable": undefined,
-                                                            "shouldKeyDownEventCreateNewOption": [Function],
-                                                            "styles": Object {
-                                                              "input": [Function],
-                                                            },
-                                                            "tabIndex": "0",
-                                                            "tabSelectsValue": true,
-                                                            "value": Object {
-                                                              "label": "1 (1W200A)",
-                                                              "value": "1",
-                                                            },
-                                                          }
-                                                        }
-                                                        spellCheck="false"
-                                                        tabIndex="0"
-                                                        theme={
-                                                          Object {
-                                                            "borderRadius": 4,
-                                                            "colors": Object {
-                                                              "danger": "#DE350B",
-                                                              "dangerLight": "#FFBDAD",
-                                                              "neutral0": "hsl(0, 0%, 100%)",
-                                                              "neutral10": "hsl(0, 0%, 90%)",
-                                                              "neutral20": "hsl(0, 0%, 80%)",
-                                                              "neutral30": "hsl(0, 0%, 70%)",
-                                                              "neutral40": "hsl(0, 0%, 60%)",
-                                                              "neutral5": "hsl(0, 0%, 95%)",
-                                                              "neutral50": "hsl(0, 0%, 50%)",
-                                                              "neutral60": "hsl(0, 0%, 40%)",
-                                                              "neutral70": "hsl(0, 0%, 30%)",
-                                                              "neutral80": "hsl(0, 0%, 20%)",
-                                                              "neutral90": "hsl(0, 0%, 10%)",
-                                                              "primary": "#2684FF",
-                                                              "primary25": "#DEEBFF",
-                                                              "primary50": "#B2D4FF",
-                                                              "primary75": "#4C9AFF",
-                                                            },
-                                                            "spacing": Object {
-                                                              "baseUnit": 4,
-                                                              "controlHeight": 38,
-                                                              "menuGutter": 8,
-                                                            },
-                                                          }
-                                                        }
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <EmotionCssPropInternal
-                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Input"
-                                                          __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                          css={
-                                                            Object {
-                                                              "height": "44px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <div
-                                                            className="css-81nyic-Input"
-                                                          >
-                                                            <AutosizeInput
-                                                              aria-autocomplete="list"
-                                                              aria-expanded={false}
-                                                              aria-haspopup={true}
-                                                              aria-labelledby="hearing-room-dropdown-label"
-                                                              aria-owns="hearing-room-dropdown-listbox"
-                                                              autoCapitalize="none"
-                                                              autoComplete="off"
-                                                              autoCorrect="off"
-                                                              className="cf-select__input"
-                                                              disabled={false}
-                                                              id="hearing-room-dropdown"
-                                                              injectStyles={true}
-                                                              inputRef={[Function]}
-                                                              inputStyle={
-                                                                Object {
-                                                                  "background": 0,
-                                                                  "border": 0,
-                                                                  "color": "inherit",
-                                                                  "fontSize": "inherit",
-                                                                  "label": "input",
-                                                                  "opacity": 1,
-                                                                  "outline": 0,
-                                                                  "padding": 0,
-                                                                }
-                                                              }
-                                                              minWidth={1}
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              role="combobox"
-                                                              spellCheck="false"
-                                                              tabIndex="0"
-                                                              type="text"
-                                                              value=""
-                                                            >
-                                                              <div
-                                                                className="cf-select__input"
-                                                                style={
-                                                                  Object {
-                                                                    "display": "inline-block",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <input
-                                                                  aria-autocomplete="list"
-                                                                  aria-expanded={false}
-                                                                  aria-haspopup={true}
-                                                                  aria-labelledby="hearing-room-dropdown-label"
-                                                                  aria-owns="hearing-room-dropdown-listbox"
-                                                                  autoCapitalize="none"
-                                                                  autoComplete="off"
-                                                                  autoCorrect="off"
-                                                                  disabled={false}
-                                                                  id="hearing-room-dropdown"
-                                                                  onBlur={[Function]}
-                                                                  onChange={[Function]}
-                                                                  onFocus={[Function]}
-                                                                  role="combobox"
-                                                                  spellCheck="false"
-                                                                  style={
-                                                                    Object {
-                                                                      "background": 0,
-                                                                      "border": 0,
-                                                                      "boxSizing": "content-box",
-                                                                      "color": "inherit",
-                                                                      "fontSize": "inherit",
-                                                                      "label": "input",
-                                                                      "opacity": 1,
-                                                                      "outline": 0,
-                                                                      "padding": 0,
-                                                                      "width": "2px",
-                                                                    }
-                                                                  }
-                                                                  tabIndex="0"
-                                                                  type="text"
-                                                                  value=""
-                                                                />
-                                                                <div
-                                                                  style={
-                                                                    Object {
-                                                                      "height": 0,
-                                                                      "left": 0,
-                                                                      "overflow": "scroll",
-                                                                      "position": "absolute",
-                                                                      "top": 0,
-                                                                      "visibility": "hidden",
-                                                                      "whiteSpace": "pre",
-                                                                    }
-                                                                  }
-                                                                />
-                                                              </div>
-                                                            </AutosizeInput>
-                                                          </div>
-                                                        </EmotionCssPropInternal>
-                                                      </Input>
-                                                    </CustomInput>
-                                                  </div>
-                                                </EmotionCssPropInternal>
-                                              </ValueContainer>
-                                              <IndicatorsContainer
-                                                clearValue={[Function]}
-                                                cx={[Function]}
-                                                getStyles={[Function]}
-                                                getValue={[Function]}
-                                                hasValue={true}
-                                                isDisabled={false}
-                                                isMulti={false}
-                                                isRtl={false}
-                                                options={
-                                                  Array [
-                                                    Object {
-                                                      "label": "None",
-                                                      "value": null,
-                                                    },
-                                                    Object {
-                                                      "label": "1 (1W200A)",
-                                                      "value": "1",
-                                                    },
-                                                    Object {
-                                                      "label": "2 (1W200B)",
-                                                      "value": "2",
-                                                    },
-                                                    Object {
-                                                      "label": "3 (1W200C)",
-                                                      "value": "3",
-                                                    },
-                                                    Object {
-                                                      "label": "4 (1W424)",
-                                                      "value": "4",
-                                                    },
-                                                    Object {
-                                                      "label": "5 (1W428)",
-                                                      "value": "5",
-                                                    },
-                                                    Object {
-                                                      "label": "6 (1W432)",
-                                                      "value": "6",
-                                                    },
-                                                    Object {
-                                                      "label": "7 (1W434)",
-                                                      "value": "7",
-                                                    },
-                                                    Object {
-                                                      "label": "8 (1W435)",
-                                                      "value": "8",
-                                                    },
-                                                    Object {
-                                                      "label": "9 (1W436)",
-                                                      "value": "9",
-                                                    },
-                                                    Object {
-                                                      "label": "10 (1W437)",
-                                                      "value": "10",
-                                                    },
-                                                    Object {
-                                                      "label": "11 (1W438)",
-                                                      "value": "11",
-                                                    },
-                                                    Object {
-                                                      "label": "12 (1W439)",
-                                                      "value": "12",
-                                                    },
-                                                    Object {
-                                                      "label": "13 (1W440)",
-                                                      "value": "13",
-                                                    },
-                                                    Object {
-                                                      "label": "14 (3W405)",
-                                                      "value": "14",
-                                                    },
-                                                    Object {
-                                                      "label": "15 (3W407)",
-                                                      "value": "15",
-                                                    },
-                                                    Object {
-                                                      "label": "16 (3W409)",
-                                                      "value": "16",
-                                                    },
-                                                    Object {
-                                                      "label": "17 (3W518)",
-                                                      "value": "17",
-                                                    },
-                                                    Object {
-                                                      "label": "18 (4W325)",
-                                                      "value": "18",
-                                                    },
-                                                    Object {
-                                                      "label": "Utah",
-                                                      "value": "19",
-                                                    },
-                                                    Object {
-                                                      "label": "Gold",
-                                                      "value": "20",
-                                                    },
-                                                    Object {
-                                                      "label": "Juno",
-                                                      "value": "21",
-                                                    },
-                                                    Object {
-                                                      "label": "Sword",
-                                                      "value": "22",
-                                                    },
-                                                    Object {
-                                                      "label": "Omaha",
-                                                      "value": "23",
-                                                    },
-                                                    Object {
-                                                      "label": "Anzio",
-                                                      "value": "24",
-                                                    },
-                                                    Object {
-                                                      "label": "Coral Sea",
-                                                      "value": "25",
-                                                    },
-                                                    Object {
-                                                      "label": "Hue City",
-                                                      "value": "26",
-                                                    },
-                                                    Object {
-                                                      "label": "Antietam",
-                                                      "value": "27",
-                                                    },
-                                                    Object {
-                                                      "label": "Mogadishu",
-                                                      "value": "28",
-                                                    },
-                                                  ]
-                                                }
-                                                selectOption={[Function]}
-                                                selectProps={
-                                                  Object {
-                                                    "backspaceRemovesValue": true,
-                                                    "blurInputOnSelect": true,
-                                                    "cache": false,
-                                                    "captureMenuScroll": false,
-                                                    "classNamePrefix": "cf-select",
-                                                    "closeMenuOnScroll": false,
-                                                    "closeMenuOnSelect": true,
-                                                    "components": Object {
-                                                      "Input": [Function],
-                                                      "MenuList": [Function],
-                                                      "Option": [Function],
-                                                    },
-                                                    "controlShouldRenderValue": true,
-                                                    "defaultOptions": undefined,
-                                                    "escapeClearsValue": false,
-                                                    "filterOption": [Function],
-                                                    "formatGroupLabel": [Function],
-                                                    "getOptionLabel": [Function],
-                                                    "getOptionValue": [Function],
-                                                    "inputId": "hearing-room-dropdown",
-                                                    "inputValue": "",
-                                                    "isClearable": undefined,
-                                                    "isDisabled": false,
-                                                    "isLoading": false,
-                                                    "isMulti": false,
-                                                    "isOptionDisabled": [Function],
-                                                    "isRtl": false,
-                                                    "isSearchable": true,
-                                                    "loadOptions": undefined,
-                                                    "loadingMessage": [Function],
-                                                    "maxMenuHeight": 300,
-                                                    "menuIsOpen": false,
-                                                    "menuPlacement": "bottom",
-                                                    "menuPosition": "absolute",
-                                                    "menuShouldBlockScroll": false,
-                                                    "menuShouldScrollIntoView": true,
-                                                    "minMenuHeight": 140,
-                                                    "name": "hearingRoomDropdown",
-                                                    "noOptionsMessage": [Function],
-                                                    "onBlurResetsInput": false,
-                                                    "onChange": [Function],
-                                                    "onInputChange": [Function],
-                                                    "onMenuClose": [Function],
-                                                    "onMenuOpen": [Function],
-                                                    "openMenuOnClick": true,
-                                                    "openMenuOnFocus": false,
-                                                    "options": Array [
-                                                      Object {
-                                                        "label": "None",
-                                                        "value": null,
-                                                      },
-                                                      Object {
-                                                        "label": "1 (1W200A)",
-                                                        "value": "1",
-                                                      },
-                                                      Object {
-                                                        "label": "2 (1W200B)",
-                                                        "value": "2",
-                                                      },
-                                                      Object {
-                                                        "label": "3 (1W200C)",
-                                                        "value": "3",
-                                                      },
-                                                      Object {
-                                                        "label": "4 (1W424)",
-                                                        "value": "4",
-                                                      },
-                                                      Object {
-                                                        "label": "5 (1W428)",
-                                                        "value": "5",
-                                                      },
-                                                      Object {
-                                                        "label": "6 (1W432)",
-                                                        "value": "6",
-                                                      },
-                                                      Object {
-                                                        "label": "7 (1W434)",
-                                                        "value": "7",
-                                                      },
-                                                      Object {
-                                                        "label": "8 (1W435)",
-                                                        "value": "8",
-                                                      },
-                                                      Object {
-                                                        "label": "9 (1W436)",
-                                                        "value": "9",
-                                                      },
-                                                      Object {
-                                                        "label": "10 (1W437)",
-                                                        "value": "10",
-                                                      },
-                                                      Object {
-                                                        "label": "11 (1W438)",
-                                                        "value": "11",
-                                                      },
-                                                      Object {
-                                                        "label": "12 (1W439)",
-                                                        "value": "12",
-                                                      },
-                                                      Object {
-                                                        "label": "13 (1W440)",
-                                                        "value": "13",
-                                                      },
-                                                      Object {
-                                                        "label": "14 (3W405)",
-                                                        "value": "14",
-                                                      },
-                                                      Object {
-                                                        "label": "15 (3W407)",
-                                                        "value": "15",
-                                                      },
-                                                      Object {
-                                                        "label": "16 (3W409)",
-                                                        "value": "16",
-                                                      },
-                                                      Object {
-                                                        "label": "17 (3W518)",
-                                                        "value": "17",
-                                                      },
-                                                      Object {
-                                                        "label": "18 (4W325)",
-                                                        "value": "18",
-                                                      },
-                                                      Object {
-                                                        "label": "Utah",
-                                                        "value": "19",
-                                                      },
-                                                      Object {
-                                                        "label": "Gold",
-                                                        "value": "20",
-                                                      },
-                                                      Object {
-                                                        "label": "Juno",
-                                                        "value": "21",
-                                                      },
-                                                      Object {
-                                                        "label": "Sword",
-                                                        "value": "22",
-                                                      },
-                                                      Object {
-                                                        "label": "Omaha",
-                                                        "value": "23",
-                                                      },
-                                                      Object {
-                                                        "label": "Anzio",
-                                                        "value": "24",
-                                                      },
-                                                      Object {
-                                                        "label": "Coral Sea",
-                                                        "value": "25",
-                                                      },
-                                                      Object {
-                                                        "label": "Hue City",
-                                                        "value": "26",
-                                                      },
-                                                      Object {
-                                                        "label": "Antietam",
-                                                        "value": "27",
-                                                      },
-                                                      Object {
-                                                        "label": "Mogadishu",
-                                                        "value": "28",
-                                                      },
-                                                    ],
-                                                    "pageSize": 5,
-                                                    "placeholder": "Select...",
-                                                    "screenReaderStatus": [Function],
-                                                    "searchable": undefined,
-                                                    "shouldKeyDownEventCreateNewOption": [Function],
-                                                    "styles": Object {
-                                                      "input": [Function],
-                                                    },
-                                                    "tabIndex": "0",
-                                                    "tabSelectsValue": true,
-                                                    "value": Object {
-                                                      "label": "1 (1W200A)",
-                                                      "value": "1",
-                                                    },
-                                                  }
-                                                }
-                                                setValue={[Function]}
-                                                theme={
-                                                  Object {
-                                                    "borderRadius": 4,
-                                                    "colors": Object {
-                                                      "danger": "#DE350B",
-                                                      "dangerLight": "#FFBDAD",
-                                                      "neutral0": "hsl(0, 0%, 100%)",
-                                                      "neutral10": "hsl(0, 0%, 90%)",
-                                                      "neutral20": "hsl(0, 0%, 80%)",
-                                                      "neutral30": "hsl(0, 0%, 70%)",
-                                                      "neutral40": "hsl(0, 0%, 60%)",
-                                                      "neutral5": "hsl(0, 0%, 95%)",
-                                                      "neutral50": "hsl(0, 0%, 50%)",
-                                                      "neutral60": "hsl(0, 0%, 40%)",
-                                                      "neutral70": "hsl(0, 0%, 30%)",
-                                                      "neutral80": "hsl(0, 0%, 20%)",
-                                                      "neutral90": "hsl(0, 0%, 10%)",
-                                                      "primary": "#2684FF",
-                                                      "primary25": "#DEEBFF",
-                                                      "primary50": "#B2D4FF",
-                                                      "primary75": "#4C9AFF",
-                                                    },
-                                                    "spacing": Object {
-                                                      "baseUnit": 4,
-                                                      "controlHeight": 38,
-                                                      "menuGutter": 8,
-                                                    },
-                                                  }
-                                                }
-                                              >
-                                                <EmotionCssPropInternal
-                                                  __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorsContainer"
-                                                  __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                  className="cf-select__indicators"
-                                                  css={
-                                                    Object {
-                                                      "alignItems": "center",
-                                                      "alignSelf": "stretch",
-                                                      "boxSizing": "border-box",
-                                                      "display": "flex",
-                                                      "flexShrink": 0,
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    className="cf-select__indicators css-1hb7zxy-IndicatorsContainer"
-                                                  >
-                                                    <IndicatorSeparator
-                                                      clearValue={[Function]}
-                                                      cx={[Function]}
-                                                      getStyles={[Function]}
-                                                      getValue={[Function]}
-                                                      hasValue={true}
-                                                      isDisabled={false}
-                                                      isFocused={false}
-                                                      isMulti={false}
-                                                      isRtl={false}
-                                                      options={
-                                                        Array [
-                                                          Object {
-                                                            "label": "None",
-                                                            "value": null,
-                                                          },
-                                                          Object {
-                                                            "label": "1 (1W200A)",
-                                                            "value": "1",
-                                                          },
-                                                          Object {
-                                                            "label": "2 (1W200B)",
-                                                            "value": "2",
-                                                          },
-                                                          Object {
-                                                            "label": "3 (1W200C)",
-                                                            "value": "3",
-                                                          },
-                                                          Object {
-                                                            "label": "4 (1W424)",
-                                                            "value": "4",
-                                                          },
-                                                          Object {
-                                                            "label": "5 (1W428)",
-                                                            "value": "5",
-                                                          },
-                                                          Object {
-                                                            "label": "6 (1W432)",
-                                                            "value": "6",
-                                                          },
-                                                          Object {
-                                                            "label": "7 (1W434)",
-                                                            "value": "7",
-                                                          },
-                                                          Object {
-                                                            "label": "8 (1W435)",
-                                                            "value": "8",
-                                                          },
-                                                          Object {
-                                                            "label": "9 (1W436)",
-                                                            "value": "9",
-                                                          },
-                                                          Object {
-                                                            "label": "10 (1W437)",
-                                                            "value": "10",
-                                                          },
-                                                          Object {
-                                                            "label": "11 (1W438)",
-                                                            "value": "11",
-                                                          },
-                                                          Object {
-                                                            "label": "12 (1W439)",
-                                                            "value": "12",
-                                                          },
-                                                          Object {
-                                                            "label": "13 (1W440)",
-                                                            "value": "13",
-                                                          },
-                                                          Object {
-                                                            "label": "14 (3W405)",
-                                                            "value": "14",
-                                                          },
-                                                          Object {
-                                                            "label": "15 (3W407)",
-                                                            "value": "15",
-                                                          },
-                                                          Object {
-                                                            "label": "16 (3W409)",
-                                                            "value": "16",
-                                                          },
-                                                          Object {
-                                                            "label": "17 (3W518)",
-                                                            "value": "17",
-                                                          },
-                                                          Object {
-                                                            "label": "18 (4W325)",
-                                                            "value": "18",
-                                                          },
-                                                          Object {
-                                                            "label": "Utah",
-                                                            "value": "19",
-                                                          },
-                                                          Object {
-                                                            "label": "Gold",
-                                                            "value": "20",
-                                                          },
-                                                          Object {
-                                                            "label": "Juno",
-                                                            "value": "21",
-                                                          },
-                                                          Object {
-                                                            "label": "Sword",
-                                                            "value": "22",
-                                                          },
-                                                          Object {
-                                                            "label": "Omaha",
-                                                            "value": "23",
-                                                          },
-                                                          Object {
-                                                            "label": "Anzio",
-                                                            "value": "24",
-                                                          },
-                                                          Object {
-                                                            "label": "Coral Sea",
-                                                            "value": "25",
-                                                          },
-                                                          Object {
-                                                            "label": "Hue City",
-                                                            "value": "26",
-                                                          },
-                                                          Object {
-                                                            "label": "Antietam",
-                                                            "value": "27",
-                                                          },
-                                                          Object {
-                                                            "label": "Mogadishu",
-                                                            "value": "28",
-                                                          },
-                                                        ]
-                                                      }
-                                                      selectOption={[Function]}
-                                                      selectProps={
-                                                        Object {
-                                                          "backspaceRemovesValue": true,
-                                                          "blurInputOnSelect": true,
-                                                          "cache": false,
-                                                          "captureMenuScroll": false,
-                                                          "classNamePrefix": "cf-select",
-                                                          "closeMenuOnScroll": false,
-                                                          "closeMenuOnSelect": true,
-                                                          "components": Object {
-                                                            "Input": [Function],
-                                                            "MenuList": [Function],
-                                                            "Option": [Function],
-                                                          },
-                                                          "controlShouldRenderValue": true,
-                                                          "defaultOptions": undefined,
-                                                          "escapeClearsValue": false,
-                                                          "filterOption": [Function],
-                                                          "formatGroupLabel": [Function],
-                                                          "getOptionLabel": [Function],
-                                                          "getOptionValue": [Function],
-                                                          "inputId": "hearing-room-dropdown",
-                                                          "inputValue": "",
-                                                          "isClearable": undefined,
-                                                          "isDisabled": false,
-                                                          "isLoading": false,
-                                                          "isMulti": false,
-                                                          "isOptionDisabled": [Function],
-                                                          "isRtl": false,
-                                                          "isSearchable": true,
-                                                          "loadOptions": undefined,
-                                                          "loadingMessage": [Function],
-                                                          "maxMenuHeight": 300,
-                                                          "menuIsOpen": false,
-                                                          "menuPlacement": "bottom",
-                                                          "menuPosition": "absolute",
-                                                          "menuShouldBlockScroll": false,
-                                                          "menuShouldScrollIntoView": true,
-                                                          "minMenuHeight": 140,
-                                                          "name": "hearingRoomDropdown",
-                                                          "noOptionsMessage": [Function],
-                                                          "onBlurResetsInput": false,
-                                                          "onChange": [Function],
-                                                          "onInputChange": [Function],
-                                                          "onMenuClose": [Function],
-                                                          "onMenuOpen": [Function],
-                                                          "openMenuOnClick": true,
-                                                          "openMenuOnFocus": false,
-                                                          "options": Array [
-                                                            Object {
-                                                              "label": "None",
-                                                              "value": null,
-                                                            },
-                                                            Object {
-                                                              "label": "1 (1W200A)",
-                                                              "value": "1",
-                                                            },
-                                                            Object {
-                                                              "label": "2 (1W200B)",
-                                                              "value": "2",
-                                                            },
-                                                            Object {
-                                                              "label": "3 (1W200C)",
-                                                              "value": "3",
-                                                            },
-                                                            Object {
-                                                              "label": "4 (1W424)",
-                                                              "value": "4",
-                                                            },
-                                                            Object {
-                                                              "label": "5 (1W428)",
-                                                              "value": "5",
-                                                            },
-                                                            Object {
-                                                              "label": "6 (1W432)",
-                                                              "value": "6",
-                                                            },
-                                                            Object {
-                                                              "label": "7 (1W434)",
-                                                              "value": "7",
-                                                            },
-                                                            Object {
-                                                              "label": "8 (1W435)",
-                                                              "value": "8",
-                                                            },
-                                                            Object {
-                                                              "label": "9 (1W436)",
-                                                              "value": "9",
-                                                            },
-                                                            Object {
-                                                              "label": "10 (1W437)",
-                                                              "value": "10",
-                                                            },
-                                                            Object {
-                                                              "label": "11 (1W438)",
-                                                              "value": "11",
-                                                            },
-                                                            Object {
-                                                              "label": "12 (1W439)",
-                                                              "value": "12",
-                                                            },
-                                                            Object {
-                                                              "label": "13 (1W440)",
-                                                              "value": "13",
-                                                            },
-                                                            Object {
-                                                              "label": "14 (3W405)",
-                                                              "value": "14",
-                                                            },
-                                                            Object {
-                                                              "label": "15 (3W407)",
-                                                              "value": "15",
-                                                            },
-                                                            Object {
-                                                              "label": "16 (3W409)",
-                                                              "value": "16",
-                                                            },
-                                                            Object {
-                                                              "label": "17 (3W518)",
-                                                              "value": "17",
-                                                            },
-                                                            Object {
-                                                              "label": "18 (4W325)",
-                                                              "value": "18",
-                                                            },
-                                                            Object {
-                                                              "label": "Utah",
-                                                              "value": "19",
-                                                            },
-                                                            Object {
-                                                              "label": "Gold",
-                                                              "value": "20",
-                                                            },
-                                                            Object {
-                                                              "label": "Juno",
-                                                              "value": "21",
-                                                            },
-                                                            Object {
-                                                              "label": "Sword",
-                                                              "value": "22",
-                                                            },
-                                                            Object {
-                                                              "label": "Omaha",
-                                                              "value": "23",
-                                                            },
-                                                            Object {
-                                                              "label": "Anzio",
-                                                              "value": "24",
-                                                            },
-                                                            Object {
-                                                              "label": "Coral Sea",
-                                                              "value": "25",
-                                                            },
-                                                            Object {
-                                                              "label": "Hue City",
-                                                              "value": "26",
-                                                            },
-                                                            Object {
-                                                              "label": "Antietam",
-                                                              "value": "27",
-                                                            },
-                                                            Object {
-                                                              "label": "Mogadishu",
-                                                              "value": "28",
-                                                            },
-                                                          ],
-                                                          "pageSize": 5,
-                                                          "placeholder": "Select...",
-                                                          "screenReaderStatus": [Function],
-                                                          "searchable": undefined,
-                                                          "shouldKeyDownEventCreateNewOption": [Function],
-                                                          "styles": Object {
-                                                            "input": [Function],
-                                                          },
-                                                          "tabIndex": "0",
-                                                          "tabSelectsValue": true,
-                                                          "value": Object {
-                                                            "label": "1 (1W200A)",
-                                                            "value": "1",
-                                                          },
-                                                        }
-                                                      }
-                                                      setValue={[Function]}
-                                                      theme={
-                                                        Object {
-                                                          "borderRadius": 4,
-                                                          "colors": Object {
-                                                            "danger": "#DE350B",
-                                                            "dangerLight": "#FFBDAD",
-                                                            "neutral0": "hsl(0, 0%, 100%)",
-                                                            "neutral10": "hsl(0, 0%, 90%)",
-                                                            "neutral20": "hsl(0, 0%, 80%)",
-                                                            "neutral30": "hsl(0, 0%, 70%)",
-                                                            "neutral40": "hsl(0, 0%, 60%)",
-                                                            "neutral5": "hsl(0, 0%, 95%)",
-                                                            "neutral50": "hsl(0, 0%, 50%)",
-                                                            "neutral60": "hsl(0, 0%, 40%)",
-                                                            "neutral70": "hsl(0, 0%, 30%)",
-                                                            "neutral80": "hsl(0, 0%, 20%)",
-                                                            "neutral90": "hsl(0, 0%, 10%)",
-                                                            "primary": "#2684FF",
-                                                            "primary25": "#DEEBFF",
-                                                            "primary50": "#B2D4FF",
-                                                            "primary75": "#4C9AFF",
-                                                          },
-                                                          "spacing": Object {
-                                                            "baseUnit": 4,
-                                                            "controlHeight": 38,
-                                                            "menuGutter": 8,
-                                                          },
-                                                        }
-                                                      }
-                                                    >
-                                                      <EmotionCssPropInternal
-                                                        __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorSeparator"
-                                                        __EMOTION_TYPE_PLEASE_DO_NOT_USE__="span"
-                                                        className="cf-select__indicator-separator"
-                                                        css={
-                                                          Object {
-                                                            "alignSelf": "stretch",
-                                                            "backgroundColor": "hsl(0, 0%, 80%)",
-                                                            "boxSizing": "border-box",
-                                                            "label": "indicatorSeparator",
-                                                            "marginBottom": 8,
-                                                            "marginTop": 8,
-                                                            "width": 1,
-                                                          }
-                                                        }
-                                                      >
-                                                        <span
-                                                          className="cf-select__indicator-separator css-1okebmr-indicatorSeparator"
-                                                        />
-                                                      </EmotionCssPropInternal>
-                                                    </IndicatorSeparator>
-                                                    <DropdownIndicator
-                                                      clearValue={[Function]}
-                                                      cx={[Function]}
-                                                      getStyles={[Function]}
-                                                      getValue={[Function]}
-                                                      hasValue={true}
-                                                      innerProps={
-                                                        Object {
-                                                          "aria-hidden": "true",
-                                                          "onMouseDown": [Function],
-                                                          "onTouchEnd": [Function],
-                                                        }
-                                                      }
-                                                      isDisabled={false}
-                                                      isFocused={false}
-                                                      isMulti={false}
-                                                      isRtl={false}
-                                                      options={
-                                                        Array [
-                                                          Object {
-                                                            "label": "None",
-                                                            "value": null,
-                                                          },
-                                                          Object {
-                                                            "label": "1 (1W200A)",
-                                                            "value": "1",
-                                                          },
-                                                          Object {
-                                                            "label": "2 (1W200B)",
-                                                            "value": "2",
-                                                          },
-                                                          Object {
-                                                            "label": "3 (1W200C)",
-                                                            "value": "3",
-                                                          },
-                                                          Object {
-                                                            "label": "4 (1W424)",
-                                                            "value": "4",
-                                                          },
-                                                          Object {
-                                                            "label": "5 (1W428)",
-                                                            "value": "5",
-                                                          },
-                                                          Object {
-                                                            "label": "6 (1W432)",
-                                                            "value": "6",
-                                                          },
-                                                          Object {
-                                                            "label": "7 (1W434)",
-                                                            "value": "7",
-                                                          },
-                                                          Object {
-                                                            "label": "8 (1W435)",
-                                                            "value": "8",
-                                                          },
-                                                          Object {
-                                                            "label": "9 (1W436)",
-                                                            "value": "9",
-                                                          },
-                                                          Object {
-                                                            "label": "10 (1W437)",
-                                                            "value": "10",
-                                                          },
-                                                          Object {
-                                                            "label": "11 (1W438)",
-                                                            "value": "11",
-                                                          },
-                                                          Object {
-                                                            "label": "12 (1W439)",
-                                                            "value": "12",
-                                                          },
-                                                          Object {
-                                                            "label": "13 (1W440)",
-                                                            "value": "13",
-                                                          },
-                                                          Object {
-                                                            "label": "14 (3W405)",
-                                                            "value": "14",
-                                                          },
-                                                          Object {
-                                                            "label": "15 (3W407)",
-                                                            "value": "15",
-                                                          },
-                                                          Object {
-                                                            "label": "16 (3W409)",
-                                                            "value": "16",
-                                                          },
-                                                          Object {
-                                                            "label": "17 (3W518)",
-                                                            "value": "17",
-                                                          },
-                                                          Object {
-                                                            "label": "18 (4W325)",
-                                                            "value": "18",
-                                                          },
-                                                          Object {
-                                                            "label": "Utah",
-                                                            "value": "19",
-                                                          },
-                                                          Object {
-                                                            "label": "Gold",
-                                                            "value": "20",
-                                                          },
-                                                          Object {
-                                                            "label": "Juno",
-                                                            "value": "21",
-                                                          },
-                                                          Object {
-                                                            "label": "Sword",
-                                                            "value": "22",
-                                                          },
-                                                          Object {
-                                                            "label": "Omaha",
-                                                            "value": "23",
-                                                          },
-                                                          Object {
-                                                            "label": "Anzio",
-                                                            "value": "24",
-                                                          },
-                                                          Object {
-                                                            "label": "Coral Sea",
-                                                            "value": "25",
-                                                          },
-                                                          Object {
-                                                            "label": "Hue City",
-                                                            "value": "26",
-                                                          },
-                                                          Object {
-                                                            "label": "Antietam",
-                                                            "value": "27",
-                                                          },
-                                                          Object {
-                                                            "label": "Mogadishu",
-                                                            "value": "28",
-                                                          },
-                                                        ]
-                                                      }
-                                                      selectOption={[Function]}
-                                                      selectProps={
-                                                        Object {
-                                                          "backspaceRemovesValue": true,
-                                                          "blurInputOnSelect": true,
-                                                          "cache": false,
-                                                          "captureMenuScroll": false,
-                                                          "classNamePrefix": "cf-select",
-                                                          "closeMenuOnScroll": false,
-                                                          "closeMenuOnSelect": true,
-                                                          "components": Object {
-                                                            "Input": [Function],
-                                                            "MenuList": [Function],
-                                                            "Option": [Function],
-                                                          },
-                                                          "controlShouldRenderValue": true,
-                                                          "defaultOptions": undefined,
-                                                          "escapeClearsValue": false,
-                                                          "filterOption": [Function],
-                                                          "formatGroupLabel": [Function],
-                                                          "getOptionLabel": [Function],
-                                                          "getOptionValue": [Function],
-                                                          "inputId": "hearing-room-dropdown",
-                                                          "inputValue": "",
-                                                          "isClearable": undefined,
-                                                          "isDisabled": false,
-                                                          "isLoading": false,
-                                                          "isMulti": false,
-                                                          "isOptionDisabled": [Function],
-                                                          "isRtl": false,
-                                                          "isSearchable": true,
-                                                          "loadOptions": undefined,
-                                                          "loadingMessage": [Function],
-                                                          "maxMenuHeight": 300,
-                                                          "menuIsOpen": false,
-                                                          "menuPlacement": "bottom",
-                                                          "menuPosition": "absolute",
-                                                          "menuShouldBlockScroll": false,
-                                                          "menuShouldScrollIntoView": true,
-                                                          "minMenuHeight": 140,
-                                                          "name": "hearingRoomDropdown",
-                                                          "noOptionsMessage": [Function],
-                                                          "onBlurResetsInput": false,
-                                                          "onChange": [Function],
-                                                          "onInputChange": [Function],
-                                                          "onMenuClose": [Function],
-                                                          "onMenuOpen": [Function],
-                                                          "openMenuOnClick": true,
-                                                          "openMenuOnFocus": false,
-                                                          "options": Array [
-                                                            Object {
-                                                              "label": "None",
-                                                              "value": null,
-                                                            },
-                                                            Object {
-                                                              "label": "1 (1W200A)",
-                                                              "value": "1",
-                                                            },
-                                                            Object {
-                                                              "label": "2 (1W200B)",
-                                                              "value": "2",
-                                                            },
-                                                            Object {
-                                                              "label": "3 (1W200C)",
-                                                              "value": "3",
-                                                            },
-                                                            Object {
-                                                              "label": "4 (1W424)",
-                                                              "value": "4",
-                                                            },
-                                                            Object {
-                                                              "label": "5 (1W428)",
-                                                              "value": "5",
-                                                            },
-                                                            Object {
-                                                              "label": "6 (1W432)",
-                                                              "value": "6",
-                                                            },
-                                                            Object {
-                                                              "label": "7 (1W434)",
-                                                              "value": "7",
-                                                            },
-                                                            Object {
-                                                              "label": "8 (1W435)",
-                                                              "value": "8",
-                                                            },
-                                                            Object {
-                                                              "label": "9 (1W436)",
-                                                              "value": "9",
-                                                            },
-                                                            Object {
-                                                              "label": "10 (1W437)",
-                                                              "value": "10",
-                                                            },
-                                                            Object {
-                                                              "label": "11 (1W438)",
-                                                              "value": "11",
-                                                            },
-                                                            Object {
-                                                              "label": "12 (1W439)",
-                                                              "value": "12",
-                                                            },
-                                                            Object {
-                                                              "label": "13 (1W440)",
-                                                              "value": "13",
-                                                            },
-                                                            Object {
-                                                              "label": "14 (3W405)",
-                                                              "value": "14",
-                                                            },
-                                                            Object {
-                                                              "label": "15 (3W407)",
-                                                              "value": "15",
-                                                            },
-                                                            Object {
-                                                              "label": "16 (3W409)",
-                                                              "value": "16",
-                                                            },
-                                                            Object {
-                                                              "label": "17 (3W518)",
-                                                              "value": "17",
-                                                            },
-                                                            Object {
-                                                              "label": "18 (4W325)",
-                                                              "value": "18",
-                                                            },
-                                                            Object {
-                                                              "label": "Utah",
-                                                              "value": "19",
-                                                            },
-                                                            Object {
-                                                              "label": "Gold",
-                                                              "value": "20",
-                                                            },
-                                                            Object {
-                                                              "label": "Juno",
-                                                              "value": "21",
-                                                            },
-                                                            Object {
-                                                              "label": "Sword",
-                                                              "value": "22",
-                                                            },
-                                                            Object {
-                                                              "label": "Omaha",
-                                                              "value": "23",
-                                                            },
-                                                            Object {
-                                                              "label": "Anzio",
-                                                              "value": "24",
-                                                            },
-                                                            Object {
-                                                              "label": "Coral Sea",
-                                                              "value": "25",
-                                                            },
-                                                            Object {
-                                                              "label": "Hue City",
-                                                              "value": "26",
-                                                            },
-                                                            Object {
-                                                              "label": "Antietam",
-                                                              "value": "27",
-                                                            },
-                                                            Object {
-                                                              "label": "Mogadishu",
-                                                              "value": "28",
-                                                            },
-                                                          ],
-                                                          "pageSize": 5,
-                                                          "placeholder": "Select...",
-                                                          "screenReaderStatus": [Function],
-                                                          "searchable": undefined,
-                                                          "shouldKeyDownEventCreateNewOption": [Function],
-                                                          "styles": Object {
-                                                            "input": [Function],
-                                                          },
-                                                          "tabIndex": "0",
-                                                          "tabSelectsValue": true,
-                                                          "value": Object {
-                                                            "label": "1 (1W200A)",
-                                                            "value": "1",
-                                                          },
-                                                        }
-                                                      }
-                                                      setValue={[Function]}
-                                                      theme={
-                                                        Object {
-                                                          "borderRadius": 4,
-                                                          "colors": Object {
-                                                            "danger": "#DE350B",
-                                                            "dangerLight": "#FFBDAD",
-                                                            "neutral0": "hsl(0, 0%, 100%)",
-                                                            "neutral10": "hsl(0, 0%, 90%)",
-                                                            "neutral20": "hsl(0, 0%, 80%)",
-                                                            "neutral30": "hsl(0, 0%, 70%)",
-                                                            "neutral40": "hsl(0, 0%, 60%)",
-                                                            "neutral5": "hsl(0, 0%, 95%)",
-                                                            "neutral50": "hsl(0, 0%, 50%)",
-                                                            "neutral60": "hsl(0, 0%, 40%)",
-                                                            "neutral70": "hsl(0, 0%, 30%)",
-                                                            "neutral80": "hsl(0, 0%, 20%)",
-                                                            "neutral90": "hsl(0, 0%, 10%)",
-                                                            "primary": "#2684FF",
-                                                            "primary25": "#DEEBFF",
-                                                            "primary50": "#B2D4FF",
-                                                            "primary75": "#4C9AFF",
-                                                          },
-                                                          "spacing": Object {
-                                                            "baseUnit": 4,
-                                                            "controlHeight": 38,
-                                                            "menuGutter": 8,
-                                                          },
-                                                        }
-                                                      }
-                                                    >
-                                                      <EmotionCssPropInternal
-                                                        __EMOTION_LABEL_PLEASE_DO_NOT_USE__="DropdownIndicator"
-                                                        __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                        aria-hidden="true"
-                                                        className="cf-select__indicator cf-select__dropdown-indicator"
-                                                        css={
-                                                          Object {
-                                                            ":hover": Object {
-                                                              "color": "hsl(0, 0%, 60%)",
-                                                            },
-                                                            "boxSizing": "border-box",
-                                                            "color": "hsl(0, 0%, 80%)",
-                                                            "display": "flex",
-                                                            "label": "indicatorContainer",
-                                                            "padding": 8,
-                                                            "transition": "color 150ms",
-                                                          }
-                                                        }
-                                                        onMouseDown={[Function]}
-                                                        onTouchEnd={[Function]}
-                                                      >
-                                                        <div
-                                                          aria-hidden="true"
-                                                          className="cf-select__indicator cf-select__dropdown-indicator css-tlfecz-indicatorContainer"
-                                                          onMouseDown={[Function]}
-                                                          onTouchEnd={[Function]}
-                                                        >
-                                                          <DownChevron>
-                                                            <Svg
-                                                              size={20}
-                                                            >
-                                                              <EmotionCssPropInternal
-                                                                __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Svg"
-                                                                __EMOTION_TYPE_PLEASE_DO_NOT_USE__="svg"
-                                                                aria-hidden="true"
-                                                                css={
-                                                                  Object {
-                                                                    "map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JJIiwiZmlsZSI6ImluZGljYXRvcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyB0eXBlIE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IENvbW1vblByb3BzLCBUaGVtZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBEcm9wZG93biAmIENsZWFyIEljb25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgU3ZnID0gKHsgc2l6ZSwgLi4ucHJvcHMgfTogeyBzaXplOiBudW1iZXIgfSkgPT4gKFxuICA8c3ZnXG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHdpZHRoPXtzaXplfVxuICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBmaWxsOiAnY3VycmVudENvbG9yJyxcbiAgICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICAgICAgc3Ryb2tlV2lkdGg6IDAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBhbnkpID0+IChcbiAgPFN2ZyBzaXplPXsyMH0gey4uLnByb3BzfT5cbiAgICA8cGF0aCBkPVwiTTE0LjM0OCAxNC44NDljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDBsLTIuNjUxLTMuMDMwLTIuNjUxIDMuMDI5Yy0wLjQ2OSAwLjQ2OS0xLjIyOSAwLjQ2OS0xLjY5NyAwLTAuNDY5LTAuNDY5LTAuNDY5LTEuMjI5IDAtMS42OTdsMi43NTgtMy4xNS0yLjc1OS0zLjE1MmMtMC40NjktMC40NjktMC40NjktMS4yMjggMC0xLjY5N3MxLjIyOC0wLjQ2OSAxLjY5NyAwbDIuNjUyIDMuMDMxIDIuNjUxLTMuMDMxYzAuNDY5LTAuNDY5IDEuMjI4LTAuNDY5IDEuNjk3IDBzMC40NjkgMS4yMjkgMCAxLjY5N2wtMi43NTggMy4xNTIgMi43NTggMy4xNWMwLjQ2OSAwLjQ2OSAwLjQ2OSAxLjIyOSAwIDEuNjk4elwiIC8+XG4gIDwvU3ZnPlxuKTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogYW55KSA9PiAoXG4gIDxTdmcgc2l6ZT17MjB9IHsuLi5wcm9wc30+XG4gICAgPHBhdGggZD1cIk00LjUxNiA3LjU0OGMwLjQzNi0wLjQ0NiAxLjA0My0wLjQ4MSAxLjU3NiAwbDMuOTA4IDMuNzQ3IDMuOTA4LTMuNzQ3YzAuNTMzLTAuNDgxIDEuMTQxLTAuNDQ2IDEuNTc0IDAgMC40MzYgMC40NDUgMC40MDggMS4xOTcgMCAxLjYxNS0wLjQwNiAwLjQxOC00LjY5NSA0LjUwMi00LjY5NSA0LjUwMi0wLjIxNyAwLjIyMy0wLjUwMiAwLjMzNS0wLjc4NyAwLjMzNXMtMC41Ny0wLjExMi0wLjc4OS0wLjMzNWMwIDAtNC4yODctNC4wODQtNC42OTUtNC41MDJzLTAuNDM2LTEuMTcgMC0xLjYxNXpcIiAvPlxuICA8L1N2Zz5cbik7XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRHJvcGRvd24gJiBDbGVhciBCdXR0b25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IHR5cGUgSW5kaWNhdG9yUHJvcHMgPSBDb21tb25Qcm9wcyAmIHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW46IE5vZGUsXG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufTtcblxuY29uc3QgYmFzZUNTUyA9ICh7XG4gIGlzRm9jdXNlZCxcbiAgdGhlbWU6IHtcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgY29sb3JzLFxuICB9LFxufTogSW5kaWNhdG9yUHJvcHMpID0+ICh7XG4gIGxhYmVsOiAnaW5kaWNhdG9yQ29udGFpbmVyJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcblxuICAnOmhvdmVyJzoge1xuICAgIGNvbG9yOiBpc0ZvY3VzZWQgPyBjb2xvcnMubmV1dHJhbDgwIDogY29sb3JzLm5ldXRyYWw0MCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2Ryb3Bkb3duSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnZHJvcGRvd24taW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2NsZWFySW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnY2xlYXItaW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG50eXBlIFNlcGFyYXRvclN0YXRlID0geyBpc0Rpc2FibGVkOiBib29sZWFuIH07XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBDb21tb25Qcm9wcyAmIFNlcGFyYXRvclN0YXRlKSA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gKHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiB7XG4gIGlzRm9jdXNlZDogYm9vbGVhbixcbiAgc2l6ZTogbnVtYmVyLFxuICB0aGVtZTogVGhlbWUsXG59KSA9PiAoe1xuICBsYWJlbDogJ2xvYWRpbmdJbmRpY2F0b3InLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuICBhbGlnblNlbGY6ICdjZW50ZXInLFxuICBmb250U2l6ZTogc2l6ZSxcbiAgbGluZUhlaWdodDogMSxcbiAgbWFyZ2luUmlnaHQ6IHNpemUsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxufSk7XG5cbnR5cGUgRG90UHJvcHMgPSB7IGRlbGF5OiBudW1iZXIsIG9mZnNldDogYm9vbGVhbiB9O1xuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogRG90UHJvcHMpID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGFuaW1hdGlvbjogYCR7bG9hZGluZ0RvdEFuaW1hdGlvbnN9IDFzIGVhc2UtaW4tb3V0ICR7ZGVsYXl9bXMgaW5maW5pdGU7YCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBib3JkZXJSYWRpdXM6ICcxZW0nLFxuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBtYXJnaW5MZWZ0OiBvZmZzZXQgPyAnMWVtJyA6IG51bGwsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdJY29uUHJvcHMgPSB7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufSAmIENvbW1vblByb3BzICYge1xuICAgIC8qKiBTZXQgc2l6ZSBvZiB0aGUgY29udGFpbmVyLiAqL1xuICAgIHNpemU6IG51bWJlcixcbiAgfTtcbmV4cG9ydCBjb25zdCBMb2FkaW5nSW5kaWNhdG9yID0gKHByb3BzOiBMb2FkaW5nSWNvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzLCBpc1J0bCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdsb2FkaW5nSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnbG9hZGluZy1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezB9IG9mZnNldD17aXNSdGx9IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MTYwfSBvZmZzZXQgLz5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXszMjB9IG9mZnNldD17IWlzUnRsfSAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbkxvYWRpbmdJbmRpY2F0b3IuZGVmYXVsdFByb3BzID0geyBzaXplOiA0IH07XG4iXX0= */",
-                                                                    "name": "19bqh2r",
-                                                                    "styles": "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;",
-                                                                    "toString": [Function],
-                                                                  }
-                                                                }
-                                                                focusable="false"
-                                                                height={20}
-                                                                viewBox="0 0 20 20"
-                                                                width={20}
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  className="css-6q0nyr-Svg"
-                                                                  focusable="false"
-                                                                  height={20}
-                                                                  viewBox="0 0 20 20"
-                                                                  width={20}
-                                                                >
-                                                                  <path
-                                                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                                                                  />
-                                                                </svg>
-                                                              </EmotionCssPropInternal>
-                                                            </Svg>
-                                                          </DownChevron>
-                                                        </div>
-                                                      </EmotionCssPropInternal>
-                                                    </DropdownIndicator>
-                                                  </div>
-                                                </EmotionCssPropInternal>
-                                              </IndicatorsContainer>
-                                            </div>
-                                          </EmotionCssPropInternal>
-                                        </Control>
-                                        <input
-                                          name="hearingRoomDropdown"
-                                          type="hidden"
-                                          value="1"
-                                        />
-                                      </div>
-                                    </EmotionCssPropInternal>
-                                  </SelectContainer>
-                                </Select>
-                              </StateManager>
-                            </div>
-                          </div>
-                        </div>
-                      </SearchableDropdown>
-                    </HearingRoomDropdown>
-                  </div>
-                  <div
-                    data-css-1fmltfu=""
-                  >
-                    <HearingTypeDropdown
-                      currentOption={
-                        Object {
-                          "label": "Video",
-                          "value": false,
-                        }
-                      }
-                      dropdownOptions={
-                        Array [
-                          Object {
-                            "label": "Virtual",
-                            "value": true,
-                          },
-                        ]
-                      }
-                      onChange={[Function]}
-                      readOnly={false}
-                      styling={
-                        Object {
-                          "data-css-vzv9iy": "",
-                        }
-                      }
-                    >
-                      <SearchableDropdown
-                        clearOnSelect={false}
-                        label="Hearing Type"
-                        loading={false}
-                        name="hearingType"
-                        onChange={[Function]}
-                        options={
-                          Array [
-                            Object {
-                              "label": "Virtual",
-                              "value": true,
-                            },
-                          ]
-                        }
-                        readOnly={false}
-                        strongLabel={true}
-                        styling={
-                          Object {
-                            "data-css-vzv9iy": "",
-                          }
-                        }
-                        value={
-                          Object {
-                            "label": "Video",
-                            "value": false,
-                          }
-                        }
-                      >
-                        <div
-                          className=""
-                        >
-                          <div
-                            className="cf-form-dropdown dropdown-hearingType"
-                            data-css-vzv9iy=""
-                          >
-                            <label
-                              className="question-label"
-                              htmlFor="hearing-type"
-                              id="hearing-type-label"
-                            >
-                              <strong>
-                                <FormLabel
-                                  label="Hearing Type"
-                                  name="Hearing Type"
-                                >
-                                  <span>
-                                    Hearing Type
-                                  </span>
-                                </FormLabel>
-                              </strong>
-                            </label>
-                            <div
-                              className="cf-select"
-                            >
-                              <StateManager
-                                cache={false}
-                                classNamePrefix="cf-select"
-                                components={
-                                  Object {
-                                    "Input": [Function],
-                                    "MenuList": [Function],
-                                    "Option": [Function],
-                                  }
-                                }
-                                defaultInputValue=""
-                                defaultMenuIsOpen={false}
-                                defaultValue={null}
-                                inputId="hearing-type"
-                                isDisabled={false}
-                                isLoading={false}
-                                isSearchable={true}
-                                name="hearingType"
-                                noOptionsMessage={[Function]}
-                                onBlurResetsInput={false}
-                                onChange={[Function]}
-                                onMenuClose={[Function]}
-                                onMenuOpen={[Function]}
-                                options={
-                                  Array [
-                                    Object {
-                                      "label": "Virtual",
-                                      "value": true,
-                                    },
-                                  ]
-                                }
-                                shouldKeyDownEventCreateNewOption={[Function]}
-                                styles={
-                                  Object {
-                                    "input": [Function],
-                                  }
-                                }
-                                value={
-                                  Object {
-                                    "label": "Video",
-                                    "value": false,
-                                  }
-                                }
-                              >
-                                <Select
-                                  backspaceRemovesValue={true}
-                                  blurInputOnSelect={true}
-                                  cache={false}
-                                  captureMenuScroll={false}
-                                  classNamePrefix="cf-select"
-                                  closeMenuOnScroll={false}
-                                  closeMenuOnSelect={true}
-                                  components={
-                                    Object {
-                                      "Input": [Function],
-                                      "MenuList": [Function],
-                                      "Option": [Function],
-                                    }
-                                  }
-                                  controlShouldRenderValue={true}
-                                  escapeClearsValue={false}
-                                  filterOption={[Function]}
-                                  formatGroupLabel={[Function]}
-                                  getOptionLabel={[Function]}
-                                  getOptionValue={[Function]}
-                                  inputId="hearing-type"
-                                  inputValue=""
-                                  isDisabled={false}
-                                  isLoading={false}
-                                  isMulti={false}
-                                  isOptionDisabled={[Function]}
-                                  isRtl={false}
-                                  isSearchable={true}
-                                  loadingMessage={[Function]}
-                                  maxMenuHeight={300}
-                                  menuIsOpen={false}
-                                  menuPlacement="bottom"
-                                  menuPosition="absolute"
-                                  menuShouldBlockScroll={false}
-                                  menuShouldScrollIntoView={true}
-                                  minMenuHeight={140}
-                                  name="hearingType"
-                                  noOptionsMessage={[Function]}
-                                  onBlurResetsInput={false}
-                                  onChange={[Function]}
-                                  onInputChange={[Function]}
-                                  onMenuClose={[Function]}
-                                  onMenuOpen={[Function]}
-                                  openMenuOnClick={true}
-                                  openMenuOnFocus={false}
-                                  options={
-                                    Array [
-                                      Object {
-                                        "label": "Virtual",
-                                        "value": true,
-                                      },
-                                    ]
-                                  }
-                                  pageSize={5}
-                                  placeholder="Select..."
-                                  screenReaderStatus={[Function]}
-                                  shouldKeyDownEventCreateNewOption={[Function]}
-                                  styles={
-                                    Object {
-                                      "input": [Function],
-                                    }
-                                  }
-                                  tabIndex="0"
-                                  tabSelectsValue={true}
-                                  value={
-                                    Object {
-                                      "label": "Video",
-                                      "value": false,
-                                    }
-                                  }
-                                >
-                                  <SelectContainer
-                                    clearValue={[Function]}
-                                    cx={[Function]}
-                                    getStyles={[Function]}
-                                    getValue={[Function]}
-                                    hasValue={true}
-                                    innerProps={
-                                      Object {
-                                        "id": undefined,
-                                        "onKeyDown": [Function],
-                                      }
-                                    }
-                                    isDisabled={false}
-                                    isFocused={false}
-                                    isMulti={false}
-                                    isRtl={false}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Virtual",
-                                          "value": true,
-                                        },
-                                      ]
-                                    }
-                                    selectOption={[Function]}
-                                    selectProps={
-                                      Object {
-                                        "backspaceRemovesValue": true,
-                                        "blurInputOnSelect": true,
-                                        "cache": false,
-                                        "captureMenuScroll": false,
-                                        "classNamePrefix": "cf-select",
-                                        "closeMenuOnScroll": false,
-                                        "closeMenuOnSelect": true,
-                                        "components": Object {
-                                          "Input": [Function],
-                                          "MenuList": [Function],
-                                          "Option": [Function],
-                                        },
-                                        "controlShouldRenderValue": true,
-                                        "defaultOptions": undefined,
-                                        "escapeClearsValue": false,
-                                        "filterOption": [Function],
-                                        "formatGroupLabel": [Function],
-                                        "getOptionLabel": [Function],
-                                        "getOptionValue": [Function],
-                                        "inputId": "hearing-type",
-                                        "inputValue": "",
-                                        "isClearable": undefined,
-                                        "isDisabled": false,
-                                        "isLoading": false,
-                                        "isMulti": false,
-                                        "isOptionDisabled": [Function],
-                                        "isRtl": false,
-                                        "isSearchable": true,
-                                        "loadOptions": undefined,
-                                        "loadingMessage": [Function],
-                                        "maxMenuHeight": 300,
-                                        "menuIsOpen": false,
-                                        "menuPlacement": "bottom",
-                                        "menuPosition": "absolute",
-                                        "menuShouldBlockScroll": false,
-                                        "menuShouldScrollIntoView": true,
-                                        "minMenuHeight": 140,
-                                        "name": "hearingType",
-                                        "noOptionsMessage": [Function],
-                                        "onBlurResetsInput": false,
-                                        "onChange": [Function],
-                                        "onInputChange": [Function],
-                                        "onMenuClose": [Function],
-                                        "onMenuOpen": [Function],
-                                        "openMenuOnClick": true,
-                                        "openMenuOnFocus": false,
-                                        "options": Array [
-                                          Object {
-                                            "label": "Virtual",
-                                            "value": true,
-                                          },
-                                        ],
-                                        "pageSize": 5,
-                                        "placeholder": "Select...",
-                                        "screenReaderStatus": [Function],
-                                        "searchable": undefined,
-                                        "shouldKeyDownEventCreateNewOption": [Function],
-                                        "styles": Object {
-                                          "input": [Function],
-                                        },
-                                        "tabIndex": "0",
-                                        "tabSelectsValue": true,
-                                        "value": Object {
-                                          "label": "Video",
-                                          "value": false,
-                                        },
-                                      }
-                                    }
-                                    setValue={[Function]}
-                                    theme={
-                                      Object {
-                                        "borderRadius": 4,
-                                        "colors": Object {
-                                          "danger": "#DE350B",
-                                          "dangerLight": "#FFBDAD",
-                                          "neutral0": "hsl(0, 0%, 100%)",
-                                          "neutral10": "hsl(0, 0%, 90%)",
-                                          "neutral20": "hsl(0, 0%, 80%)",
-                                          "neutral30": "hsl(0, 0%, 70%)",
-                                          "neutral40": "hsl(0, 0%, 60%)",
-                                          "neutral5": "hsl(0, 0%, 95%)",
-                                          "neutral50": "hsl(0, 0%, 50%)",
-                                          "neutral60": "hsl(0, 0%, 40%)",
-                                          "neutral70": "hsl(0, 0%, 30%)",
-                                          "neutral80": "hsl(0, 0%, 20%)",
-                                          "neutral90": "hsl(0, 0%, 10%)",
-                                          "primary": "#2684FF",
-                                          "primary25": "#DEEBFF",
-                                          "primary50": "#B2D4FF",
-                                          "primary75": "#4C9AFF",
-                                        },
-                                        "spacing": Object {
-                                          "baseUnit": 4,
-                                          "controlHeight": 38,
-                                          "menuGutter": 8,
-                                        },
-                                      }
-                                    }
-                                  >
-                                    <EmotionCssPropInternal
-                                      __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SelectContainer"
-                                      __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                      className=""
-                                      css={
-                                        Object {
-                                          "boxSizing": "border-box",
-                                          "direction": null,
-                                          "label": "container",
-                                          "pointerEvents": null,
-                                          "position": "relative",
-                                        }
-                                      }
-                                      onKeyDown={[Function]}
-                                    >
-                                      <div
-                                        className=" css-2b097c-container"
-                                        onKeyDown={[Function]}
-                                      >
-                                        <Control
-                                          clearValue={[Function]}
-                                          cx={[Function]}
-                                          getStyles={[Function]}
-                                          getValue={[Function]}
-                                          hasValue={true}
-                                          innerProps={
-                                            Object {
-                                              "onMouseDown": [Function],
-                                              "onTouchEnd": [Function],
-                                            }
-                                          }
-                                          innerRef={[Function]}
-                                          isDisabled={false}
-                                          isFocused={false}
-                                          isMulti={false}
-                                          isRtl={false}
-                                          menuIsOpen={false}
-                                          options={
-                                            Array [
-                                              Object {
-                                                "label": "Virtual",
-                                                "value": true,
-                                              },
-                                            ]
-                                          }
-                                          selectOption={[Function]}
-                                          selectProps={
-                                            Object {
-                                              "backspaceRemovesValue": true,
-                                              "blurInputOnSelect": true,
-                                              "cache": false,
-                                              "captureMenuScroll": false,
-                                              "classNamePrefix": "cf-select",
-                                              "closeMenuOnScroll": false,
-                                              "closeMenuOnSelect": true,
-                                              "components": Object {
-                                                "Input": [Function],
-                                                "MenuList": [Function],
-                                                "Option": [Function],
-                                              },
-                                              "controlShouldRenderValue": true,
-                                              "defaultOptions": undefined,
-                                              "escapeClearsValue": false,
-                                              "filterOption": [Function],
-                                              "formatGroupLabel": [Function],
-                                              "getOptionLabel": [Function],
-                                              "getOptionValue": [Function],
-                                              "inputId": "hearing-type",
-                                              "inputValue": "",
-                                              "isClearable": undefined,
-                                              "isDisabled": false,
-                                              "isLoading": false,
-                                              "isMulti": false,
-                                              "isOptionDisabled": [Function],
-                                              "isRtl": false,
-                                              "isSearchable": true,
-                                              "loadOptions": undefined,
-                                              "loadingMessage": [Function],
-                                              "maxMenuHeight": 300,
-                                              "menuIsOpen": false,
-                                              "menuPlacement": "bottom",
-                                              "menuPosition": "absolute",
-                                              "menuShouldBlockScroll": false,
-                                              "menuShouldScrollIntoView": true,
-                                              "minMenuHeight": 140,
-                                              "name": "hearingType",
-                                              "noOptionsMessage": [Function],
-                                              "onBlurResetsInput": false,
-                                              "onChange": [Function],
-                                              "onInputChange": [Function],
-                                              "onMenuClose": [Function],
-                                              "onMenuOpen": [Function],
-                                              "openMenuOnClick": true,
-                                              "openMenuOnFocus": false,
-                                              "options": Array [
-                                                Object {
-                                                  "label": "Virtual",
-                                                  "value": true,
-                                                },
-                                              ],
-                                              "pageSize": 5,
-                                              "placeholder": "Select...",
-                                              "screenReaderStatus": [Function],
-                                              "searchable": undefined,
-                                              "shouldKeyDownEventCreateNewOption": [Function],
-                                              "styles": Object {
-                                                "input": [Function],
-                                              },
-                                              "tabIndex": "0",
-                                              "tabSelectsValue": true,
-                                              "value": Object {
-                                                "label": "Video",
-                                                "value": false,
-                                              },
-                                            }
-                                          }
-                                          setValue={[Function]}
-                                          theme={
-                                            Object {
-                                              "borderRadius": 4,
-                                              "colors": Object {
-                                                "danger": "#DE350B",
-                                                "dangerLight": "#FFBDAD",
-                                                "neutral0": "hsl(0, 0%, 100%)",
-                                                "neutral10": "hsl(0, 0%, 90%)",
-                                                "neutral20": "hsl(0, 0%, 80%)",
-                                                "neutral30": "hsl(0, 0%, 70%)",
-                                                "neutral40": "hsl(0, 0%, 60%)",
-                                                "neutral5": "hsl(0, 0%, 95%)",
-                                                "neutral50": "hsl(0, 0%, 50%)",
-                                                "neutral60": "hsl(0, 0%, 40%)",
-                                                "neutral70": "hsl(0, 0%, 30%)",
-                                                "neutral80": "hsl(0, 0%, 20%)",
-                                                "neutral90": "hsl(0, 0%, 10%)",
-                                                "primary": "#2684FF",
-                                                "primary25": "#DEEBFF",
-                                                "primary50": "#B2D4FF",
-                                                "primary75": "#4C9AFF",
-                                              },
-                                              "spacing": Object {
-                                                "baseUnit": 4,
-                                                "controlHeight": 38,
-                                                "menuGutter": 8,
-                                              },
-                                            }
-                                          }
-                                        >
-                                          <EmotionCssPropInternal
-                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Control"
-                                            __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                            className="cf-select__control"
-                                            css={
-                                              Object {
-                                                "&:hover": Object {
-                                                  "borderColor": "hsl(0, 0%, 70%)",
-                                                },
-                                                "alignItems": "center",
-                                                "backgroundColor": "hsl(0, 0%, 100%)",
-                                                "borderColor": "hsl(0, 0%, 80%)",
-                                                "borderRadius": 4,
-                                                "borderStyle": "solid",
-                                                "borderWidth": 1,
-                                                "boxShadow": null,
-                                                "boxSizing": "border-box",
-                                                "cursor": "default",
-                                                "display": "flex",
-                                                "flexWrap": "wrap",
-                                                "justifyContent": "space-between",
-                                                "label": "control",
-                                                "minHeight": 38,
-                                                "outline": "0 !important",
-                                                "position": "relative",
-                                                "transition": "all 100ms",
-                                              }
-                                            }
-                                            onMouseDown={[Function]}
-                                            onTouchEnd={[Function]}
-                                          >
-                                            <div
-                                              className="cf-select__control css-yk16xz-control"
-                                              onMouseDown={[Function]}
-                                              onTouchEnd={[Function]}
-                                            >
-                                              <ValueContainer
-                                                clearValue={[Function]}
-                                                cx={[Function]}
-                                                getStyles={[Function]}
-                                                getValue={[Function]}
-                                                hasValue={true}
-                                                isDisabled={false}
-                                                isMulti={false}
-                                                isRtl={false}
-                                                options={
-                                                  Array [
-                                                    Object {
-                                                      "label": "Virtual",
-                                                      "value": true,
-                                                    },
-                                                  ]
-                                                }
-                                                selectOption={[Function]}
-                                                selectProps={
-                                                  Object {
-                                                    "backspaceRemovesValue": true,
-                                                    "blurInputOnSelect": true,
-                                                    "cache": false,
-                                                    "captureMenuScroll": false,
-                                                    "classNamePrefix": "cf-select",
-                                                    "closeMenuOnScroll": false,
-                                                    "closeMenuOnSelect": true,
-                                                    "components": Object {
-                                                      "Input": [Function],
-                                                      "MenuList": [Function],
-                                                      "Option": [Function],
-                                                    },
-                                                    "controlShouldRenderValue": true,
-                                                    "defaultOptions": undefined,
-                                                    "escapeClearsValue": false,
-                                                    "filterOption": [Function],
-                                                    "formatGroupLabel": [Function],
-                                                    "getOptionLabel": [Function],
-                                                    "getOptionValue": [Function],
-                                                    "inputId": "hearing-type",
-                                                    "inputValue": "",
-                                                    "isClearable": undefined,
-                                                    "isDisabled": false,
-                                                    "isLoading": false,
-                                                    "isMulti": false,
-                                                    "isOptionDisabled": [Function],
-                                                    "isRtl": false,
-                                                    "isSearchable": true,
-                                                    "loadOptions": undefined,
-                                                    "loadingMessage": [Function],
-                                                    "maxMenuHeight": 300,
-                                                    "menuIsOpen": false,
-                                                    "menuPlacement": "bottom",
-                                                    "menuPosition": "absolute",
-                                                    "menuShouldBlockScroll": false,
-                                                    "menuShouldScrollIntoView": true,
-                                                    "minMenuHeight": 140,
-                                                    "name": "hearingType",
-                                                    "noOptionsMessage": [Function],
-                                                    "onBlurResetsInput": false,
-                                                    "onChange": [Function],
-                                                    "onInputChange": [Function],
-                                                    "onMenuClose": [Function],
-                                                    "onMenuOpen": [Function],
-                                                    "openMenuOnClick": true,
-                                                    "openMenuOnFocus": false,
-                                                    "options": Array [
-                                                      Object {
-                                                        "label": "Virtual",
-                                                        "value": true,
-                                                      },
-                                                    ],
-                                                    "pageSize": 5,
-                                                    "placeholder": "Select...",
-                                                    "screenReaderStatus": [Function],
-                                                    "searchable": undefined,
-                                                    "shouldKeyDownEventCreateNewOption": [Function],
-                                                    "styles": Object {
-                                                      "input": [Function],
-                                                    },
-                                                    "tabIndex": "0",
-                                                    "tabSelectsValue": true,
-                                                    "value": Object {
-                                                      "label": "Video",
-                                                      "value": false,
-                                                    },
-                                                  }
-                                                }
-                                                setValue={[Function]}
-                                                theme={
-                                                  Object {
-                                                    "borderRadius": 4,
-                                                    "colors": Object {
-                                                      "danger": "#DE350B",
-                                                      "dangerLight": "#FFBDAD",
-                                                      "neutral0": "hsl(0, 0%, 100%)",
-                                                      "neutral10": "hsl(0, 0%, 90%)",
-                                                      "neutral20": "hsl(0, 0%, 80%)",
-                                                      "neutral30": "hsl(0, 0%, 70%)",
-                                                      "neutral40": "hsl(0, 0%, 60%)",
-                                                      "neutral5": "hsl(0, 0%, 95%)",
-                                                      "neutral50": "hsl(0, 0%, 50%)",
-                                                      "neutral60": "hsl(0, 0%, 40%)",
-                                                      "neutral70": "hsl(0, 0%, 30%)",
-                                                      "neutral80": "hsl(0, 0%, 20%)",
-                                                      "neutral90": "hsl(0, 0%, 10%)",
-                                                      "primary": "#2684FF",
-                                                      "primary25": "#DEEBFF",
-                                                      "primary50": "#B2D4FF",
-                                                      "primary75": "#4C9AFF",
-                                                    },
-                                                    "spacing": Object {
-                                                      "baseUnit": 4,
-                                                      "controlHeight": 38,
-                                                      "menuGutter": 8,
-                                                    },
-                                                  }
-                                                }
-                                              >
-                                                <EmotionCssPropInternal
-                                                  __EMOTION_LABEL_PLEASE_DO_NOT_USE__="ValueContainer"
-                                                  __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                  className="cf-select__value-container cf-select__value-container--has-value"
-                                                  css={
-                                                    Object {
-                                                      "WebkitOverflowScrolling": "touch",
-                                                      "alignItems": "center",
-                                                      "boxSizing": "border-box",
-                                                      "display": "flex",
-                                                      "flex": 1,
-                                                      "flexWrap": "wrap",
-                                                      "overflow": "hidden",
-                                                      "padding": "2px 8px",
-                                                      "position": "relative",
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    className="cf-select__value-container cf-select__value-container--has-value css-g1d714-ValueContainer"
-                                                  >
-                                                    <SingleValue
-                                                      clearValue={[Function]}
-                                                      cx={[Function]}
-                                                      data={
-                                                        Object {
-                                                          "label": "Video",
-                                                          "value": false,
-                                                        }
-                                                      }
-                                                      getStyles={[Function]}
-                                                      getValue={[Function]}
-                                                      hasValue={true}
-                                                      isDisabled={false}
-                                                      isMulti={false}
-                                                      isRtl={false}
-                                                      options={
-                                                        Array [
-                                                          Object {
-                                                            "label": "Virtual",
-                                                            "value": true,
-                                                          },
-                                                        ]
-                                                      }
-                                                      selectOption={[Function]}
-                                                      selectProps={
-                                                        Object {
-                                                          "backspaceRemovesValue": true,
-                                                          "blurInputOnSelect": true,
-                                                          "cache": false,
-                                                          "captureMenuScroll": false,
-                                                          "classNamePrefix": "cf-select",
-                                                          "closeMenuOnScroll": false,
-                                                          "closeMenuOnSelect": true,
-                                                          "components": Object {
-                                                            "Input": [Function],
-                                                            "MenuList": [Function],
-                                                            "Option": [Function],
-                                                          },
-                                                          "controlShouldRenderValue": true,
-                                                          "defaultOptions": undefined,
-                                                          "escapeClearsValue": false,
-                                                          "filterOption": [Function],
-                                                          "formatGroupLabel": [Function],
-                                                          "getOptionLabel": [Function],
-                                                          "getOptionValue": [Function],
-                                                          "inputId": "hearing-type",
-                                                          "inputValue": "",
-                                                          "isClearable": undefined,
-                                                          "isDisabled": false,
-                                                          "isLoading": false,
-                                                          "isMulti": false,
-                                                          "isOptionDisabled": [Function],
-                                                          "isRtl": false,
-                                                          "isSearchable": true,
-                                                          "loadOptions": undefined,
-                                                          "loadingMessage": [Function],
-                                                          "maxMenuHeight": 300,
-                                                          "menuIsOpen": false,
-                                                          "menuPlacement": "bottom",
-                                                          "menuPosition": "absolute",
-                                                          "menuShouldBlockScroll": false,
-                                                          "menuShouldScrollIntoView": true,
-                                                          "minMenuHeight": 140,
-                                                          "name": "hearingType",
-                                                          "noOptionsMessage": [Function],
-                                                          "onBlurResetsInput": false,
-                                                          "onChange": [Function],
-                                                          "onInputChange": [Function],
-                                                          "onMenuClose": [Function],
-                                                          "onMenuOpen": [Function],
-                                                          "openMenuOnClick": true,
-                                                          "openMenuOnFocus": false,
-                                                          "options": Array [
-                                                            Object {
-                                                              "label": "Virtual",
-                                                              "value": true,
-                                                            },
-                                                          ],
-                                                          "pageSize": 5,
-                                                          "placeholder": "Select...",
-                                                          "screenReaderStatus": [Function],
-                                                          "searchable": undefined,
-                                                          "shouldKeyDownEventCreateNewOption": [Function],
-                                                          "styles": Object {
-                                                            "input": [Function],
-                                                          },
-                                                          "tabIndex": "0",
-                                                          "tabSelectsValue": true,
-                                                          "value": Object {
-                                                            "label": "Video",
-                                                            "value": false,
-                                                          },
-                                                        }
-                                                      }
-                                                      setValue={[Function]}
-                                                      theme={
-                                                        Object {
-                                                          "borderRadius": 4,
-                                                          "colors": Object {
-                                                            "danger": "#DE350B",
-                                                            "dangerLight": "#FFBDAD",
-                                                            "neutral0": "hsl(0, 0%, 100%)",
-                                                            "neutral10": "hsl(0, 0%, 90%)",
-                                                            "neutral20": "hsl(0, 0%, 80%)",
-                                                            "neutral30": "hsl(0, 0%, 70%)",
-                                                            "neutral40": "hsl(0, 0%, 60%)",
-                                                            "neutral5": "hsl(0, 0%, 95%)",
-                                                            "neutral50": "hsl(0, 0%, 50%)",
-                                                            "neutral60": "hsl(0, 0%, 40%)",
-                                                            "neutral70": "hsl(0, 0%, 30%)",
-                                                            "neutral80": "hsl(0, 0%, 20%)",
-                                                            "neutral90": "hsl(0, 0%, 10%)",
-                                                            "primary": "#2684FF",
-                                                            "primary25": "#DEEBFF",
-                                                            "primary50": "#B2D4FF",
-                                                            "primary75": "#4C9AFF",
-                                                          },
-                                                          "spacing": Object {
-                                                            "baseUnit": 4,
-                                                            "controlHeight": 38,
-                                                            "menuGutter": 8,
-                                                          },
-                                                        }
-                                                      }
-                                                    >
-                                                      <EmotionCssPropInternal
-                                                        __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SingleValue"
-                                                        __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                        className="cf-select__single-value"
-                                                        css={
-                                                          Object {
-                                                            "boxSizing": "border-box",
-                                                            "color": "hsl(0, 0%, 20%)",
-                                                            "label": "singleValue",
-                                                            "marginLeft": 2,
-                                                            "marginRight": 2,
-                                                            "maxWidth": "calc(100% - 8px)",
-                                                            "overflow": "hidden",
-                                                            "position": "absolute",
-                                                            "textOverflow": "ellipsis",
-                                                            "top": "50%",
-                                                            "transform": "translateY(-50%)",
-                                                            "whiteSpace": "nowrap",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="cf-select__single-value css-1uccc91-singleValue"
-                                                        >
-                                                          Video
-                                                        </div>
-                                                      </EmotionCssPropInternal>
-                                                    </SingleValue>
-                                                    <CustomInput
-                                                      aria-autocomplete="list"
-                                                      autoCapitalize="none"
-                                                      autoComplete="off"
-                                                      autoCorrect="off"
-                                                      cx={[Function]}
-                                                      getStyles={[Function]}
-                                                      id="hearing-type"
-                                                      innerRef={[Function]}
-                                                      isDisabled={false}
-                                                      isHidden={false}
-                                                      onBlur={[Function]}
-                                                      onChange={[Function]}
-                                                      onFocus={[Function]}
-                                                      selectProps={
-                                                        Object {
-                                                          "backspaceRemovesValue": true,
-                                                          "blurInputOnSelect": true,
-                                                          "cache": false,
-                                                          "captureMenuScroll": false,
-                                                          "classNamePrefix": "cf-select",
-                                                          "closeMenuOnScroll": false,
-                                                          "closeMenuOnSelect": true,
-                                                          "components": Object {
-                                                            "Input": [Function],
-                                                            "MenuList": [Function],
-                                                            "Option": [Function],
-                                                          },
-                                                          "controlShouldRenderValue": true,
-                                                          "defaultOptions": undefined,
-                                                          "escapeClearsValue": false,
-                                                          "filterOption": [Function],
-                                                          "formatGroupLabel": [Function],
-                                                          "getOptionLabel": [Function],
-                                                          "getOptionValue": [Function],
-                                                          "inputId": "hearing-type",
-                                                          "inputValue": "",
-                                                          "isClearable": undefined,
-                                                          "isDisabled": false,
-                                                          "isLoading": false,
-                                                          "isMulti": false,
-                                                          "isOptionDisabled": [Function],
-                                                          "isRtl": false,
-                                                          "isSearchable": true,
-                                                          "loadOptions": undefined,
-                                                          "loadingMessage": [Function],
-                                                          "maxMenuHeight": 300,
-                                                          "menuIsOpen": false,
-                                                          "menuPlacement": "bottom",
-                                                          "menuPosition": "absolute",
-                                                          "menuShouldBlockScroll": false,
-                                                          "menuShouldScrollIntoView": true,
-                                                          "minMenuHeight": 140,
-                                                          "name": "hearingType",
-                                                          "noOptionsMessage": [Function],
-                                                          "onBlurResetsInput": false,
-                                                          "onChange": [Function],
-                                                          "onInputChange": [Function],
-                                                          "onMenuClose": [Function],
-                                                          "onMenuOpen": [Function],
-                                                          "openMenuOnClick": true,
-                                                          "openMenuOnFocus": false,
-                                                          "options": Array [
-                                                            Object {
-                                                              "label": "Virtual",
-                                                              "value": true,
-                                                            },
-                                                          ],
-                                                          "pageSize": 5,
-                                                          "placeholder": "Select...",
-                                                          "screenReaderStatus": [Function],
-                                                          "searchable": undefined,
-                                                          "shouldKeyDownEventCreateNewOption": [Function],
-                                                          "styles": Object {
-                                                            "input": [Function],
-                                                          },
-                                                          "tabIndex": "0",
-                                                          "tabSelectsValue": true,
-                                                          "value": Object {
-                                                            "label": "Video",
-                                                            "value": false,
-                                                          },
-                                                        }
-                                                      }
-                                                      spellCheck="false"
-                                                      tabIndex="0"
-                                                      theme={
-                                                        Object {
-                                                          "borderRadius": 4,
-                                                          "colors": Object {
-                                                            "danger": "#DE350B",
-                                                            "dangerLight": "#FFBDAD",
-                                                            "neutral0": "hsl(0, 0%, 100%)",
-                                                            "neutral10": "hsl(0, 0%, 90%)",
-                                                            "neutral20": "hsl(0, 0%, 80%)",
-                                                            "neutral30": "hsl(0, 0%, 70%)",
-                                                            "neutral40": "hsl(0, 0%, 60%)",
-                                                            "neutral5": "hsl(0, 0%, 95%)",
-                                                            "neutral50": "hsl(0, 0%, 50%)",
-                                                            "neutral60": "hsl(0, 0%, 40%)",
-                                                            "neutral70": "hsl(0, 0%, 30%)",
-                                                            "neutral80": "hsl(0, 0%, 20%)",
-                                                            "neutral90": "hsl(0, 0%, 10%)",
-                                                            "primary": "#2684FF",
-                                                            "primary25": "#DEEBFF",
-                                                            "primary50": "#B2D4FF",
-                                                            "primary75": "#4C9AFF",
-                                                          },
-                                                          "spacing": Object {
-                                                            "baseUnit": 4,
-                                                            "controlHeight": 38,
-                                                            "menuGutter": 8,
-                                                          },
-                                                        }
-                                                      }
-                                                      type="text"
-                                                      value=""
-                                                    >
-                                                      <Input
-                                                        aria-autocomplete="list"
-                                                        aria-expanded={false}
-                                                        aria-haspopup={true}
-                                                        aria-labelledby="hearing-type-label"
-                                                        aria-owns="hearing-type-listbox"
-                                                        autoCapitalize="none"
-                                                        autoComplete="off"
-                                                        autoCorrect="off"
-                                                        cx={[Function]}
-                                                        getStyles={[Function]}
-                                                        id="hearing-type"
-                                                        innerRef={[Function]}
-                                                        isDisabled={false}
-                                                        isHidden={false}
-                                                        onBlur={[Function]}
-                                                        onChange={[Function]}
-                                                        onFocus={[Function]}
-                                                        role="combobox"
-                                                        selectProps={
-                                                          Object {
-                                                            "backspaceRemovesValue": true,
-                                                            "blurInputOnSelect": true,
-                                                            "cache": false,
-                                                            "captureMenuScroll": false,
-                                                            "classNamePrefix": "cf-select",
-                                                            "closeMenuOnScroll": false,
-                                                            "closeMenuOnSelect": true,
-                                                            "components": Object {
-                                                              "Input": [Function],
-                                                              "MenuList": [Function],
-                                                              "Option": [Function],
-                                                            },
-                                                            "controlShouldRenderValue": true,
-                                                            "defaultOptions": undefined,
-                                                            "escapeClearsValue": false,
-                                                            "filterOption": [Function],
-                                                            "formatGroupLabel": [Function],
-                                                            "getOptionLabel": [Function],
-                                                            "getOptionValue": [Function],
-                                                            "inputId": "hearing-type",
-                                                            "inputValue": "",
-                                                            "isClearable": undefined,
-                                                            "isDisabled": false,
-                                                            "isLoading": false,
-                                                            "isMulti": false,
-                                                            "isOptionDisabled": [Function],
-                                                            "isRtl": false,
-                                                            "isSearchable": true,
-                                                            "loadOptions": undefined,
-                                                            "loadingMessage": [Function],
-                                                            "maxMenuHeight": 300,
-                                                            "menuIsOpen": false,
-                                                            "menuPlacement": "bottom",
-                                                            "menuPosition": "absolute",
-                                                            "menuShouldBlockScroll": false,
-                                                            "menuShouldScrollIntoView": true,
-                                                            "minMenuHeight": 140,
-                                                            "name": "hearingType",
-                                                            "noOptionsMessage": [Function],
-                                                            "onBlurResetsInput": false,
-                                                            "onChange": [Function],
-                                                            "onInputChange": [Function],
-                                                            "onMenuClose": [Function],
-                                                            "onMenuOpen": [Function],
-                                                            "openMenuOnClick": true,
-                                                            "openMenuOnFocus": false,
-                                                            "options": Array [
-                                                              Object {
-                                                                "label": "Virtual",
-                                                                "value": true,
-                                                              },
-                                                            ],
-                                                            "pageSize": 5,
-                                                            "placeholder": "Select...",
-                                                            "screenReaderStatus": [Function],
-                                                            "searchable": undefined,
-                                                            "shouldKeyDownEventCreateNewOption": [Function],
-                                                            "styles": Object {
-                                                              "input": [Function],
-                                                            },
-                                                            "tabIndex": "0",
-                                                            "tabSelectsValue": true,
-                                                            "value": Object {
-                                                              "label": "Video",
-                                                              "value": false,
-                                                            },
-                                                          }
-                                                        }
-                                                        spellCheck="false"
-                                                        tabIndex="0"
-                                                        theme={
-                                                          Object {
-                                                            "borderRadius": 4,
-                                                            "colors": Object {
-                                                              "danger": "#DE350B",
-                                                              "dangerLight": "#FFBDAD",
-                                                              "neutral0": "hsl(0, 0%, 100%)",
-                                                              "neutral10": "hsl(0, 0%, 90%)",
-                                                              "neutral20": "hsl(0, 0%, 80%)",
-                                                              "neutral30": "hsl(0, 0%, 70%)",
-                                                              "neutral40": "hsl(0, 0%, 60%)",
-                                                              "neutral5": "hsl(0, 0%, 95%)",
-                                                              "neutral50": "hsl(0, 0%, 50%)",
-                                                              "neutral60": "hsl(0, 0%, 40%)",
-                                                              "neutral70": "hsl(0, 0%, 30%)",
-                                                              "neutral80": "hsl(0, 0%, 20%)",
-                                                              "neutral90": "hsl(0, 0%, 10%)",
-                                                              "primary": "#2684FF",
-                                                              "primary25": "#DEEBFF",
-                                                              "primary50": "#B2D4FF",
-                                                              "primary75": "#4C9AFF",
-                                                            },
-                                                            "spacing": Object {
-                                                              "baseUnit": 4,
-                                                              "controlHeight": 38,
-                                                              "menuGutter": 8,
-                                                            },
-                                                          }
-                                                        }
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <EmotionCssPropInternal
-                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Input"
-                                                          __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                          css={
-                                                            Object {
-                                                              "height": "44px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <div
-                                                            className="css-81nyic-Input"
-                                                          >
-                                                            <AutosizeInput
-                                                              aria-autocomplete="list"
-                                                              aria-expanded={false}
-                                                              aria-haspopup={true}
-                                                              aria-labelledby="hearing-type-label"
-                                                              aria-owns="hearing-type-listbox"
-                                                              autoCapitalize="none"
-                                                              autoComplete="off"
-                                                              autoCorrect="off"
-                                                              className="cf-select__input"
-                                                              disabled={false}
-                                                              id="hearing-type"
-                                                              injectStyles={true}
-                                                              inputRef={[Function]}
-                                                              inputStyle={
-                                                                Object {
-                                                                  "background": 0,
-                                                                  "border": 0,
-                                                                  "color": "inherit",
-                                                                  "fontSize": "inherit",
-                                                                  "label": "input",
-                                                                  "opacity": 1,
-                                                                  "outline": 0,
-                                                                  "padding": 0,
-                                                                }
-                                                              }
-                                                              minWidth={1}
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              role="combobox"
-                                                              spellCheck="false"
-                                                              tabIndex="0"
-                                                              type="text"
-                                                              value=""
-                                                            >
-                                                              <div
-                                                                className="cf-select__input"
-                                                                style={
-                                                                  Object {
-                                                                    "display": "inline-block",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <input
-                                                                  aria-autocomplete="list"
-                                                                  aria-expanded={false}
-                                                                  aria-haspopup={true}
-                                                                  aria-labelledby="hearing-type-label"
-                                                                  aria-owns="hearing-type-listbox"
-                                                                  autoCapitalize="none"
-                                                                  autoComplete="off"
-                                                                  autoCorrect="off"
-                                                                  disabled={false}
-                                                                  id="hearing-type"
-                                                                  onBlur={[Function]}
-                                                                  onChange={[Function]}
-                                                                  onFocus={[Function]}
-                                                                  role="combobox"
-                                                                  spellCheck="false"
-                                                                  style={
-                                                                    Object {
-                                                                      "background": 0,
-                                                                      "border": 0,
-                                                                      "boxSizing": "content-box",
-                                                                      "color": "inherit",
-                                                                      "fontSize": "inherit",
-                                                                      "label": "input",
-                                                                      "opacity": 1,
-                                                                      "outline": 0,
-                                                                      "padding": 0,
-                                                                      "width": "2px",
-                                                                    }
-                                                                  }
-                                                                  tabIndex="0"
-                                                                  type="text"
-                                                                  value=""
-                                                                />
-                                                                <div
-                                                                  style={
-                                                                    Object {
-                                                                      "height": 0,
-                                                                      "left": 0,
-                                                                      "overflow": "scroll",
-                                                                      "position": "absolute",
-                                                                      "top": 0,
-                                                                      "visibility": "hidden",
-                                                                      "whiteSpace": "pre",
-                                                                    }
-                                                                  }
-                                                                />
-                                                              </div>
-                                                            </AutosizeInput>
-                                                          </div>
-                                                        </EmotionCssPropInternal>
-                                                      </Input>
-                                                    </CustomInput>
-                                                  </div>
-                                                </EmotionCssPropInternal>
-                                              </ValueContainer>
-                                              <IndicatorsContainer
-                                                clearValue={[Function]}
-                                                cx={[Function]}
-                                                getStyles={[Function]}
-                                                getValue={[Function]}
-                                                hasValue={true}
-                                                isDisabled={false}
-                                                isMulti={false}
-                                                isRtl={false}
-                                                options={
-                                                  Array [
-                                                    Object {
-                                                      "label": "Virtual",
-                                                      "value": true,
-                                                    },
-                                                  ]
-                                                }
-                                                selectOption={[Function]}
-                                                selectProps={
-                                                  Object {
-                                                    "backspaceRemovesValue": true,
-                                                    "blurInputOnSelect": true,
-                                                    "cache": false,
-                                                    "captureMenuScroll": false,
-                                                    "classNamePrefix": "cf-select",
-                                                    "closeMenuOnScroll": false,
-                                                    "closeMenuOnSelect": true,
-                                                    "components": Object {
-                                                      "Input": [Function],
-                                                      "MenuList": [Function],
-                                                      "Option": [Function],
-                                                    },
-                                                    "controlShouldRenderValue": true,
-                                                    "defaultOptions": undefined,
-                                                    "escapeClearsValue": false,
-                                                    "filterOption": [Function],
-                                                    "formatGroupLabel": [Function],
-                                                    "getOptionLabel": [Function],
-                                                    "getOptionValue": [Function],
-                                                    "inputId": "hearing-type",
-                                                    "inputValue": "",
-                                                    "isClearable": undefined,
-                                                    "isDisabled": false,
-                                                    "isLoading": false,
-                                                    "isMulti": false,
-                                                    "isOptionDisabled": [Function],
-                                                    "isRtl": false,
-                                                    "isSearchable": true,
-                                                    "loadOptions": undefined,
-                                                    "loadingMessage": [Function],
-                                                    "maxMenuHeight": 300,
-                                                    "menuIsOpen": false,
-                                                    "menuPlacement": "bottom",
-                                                    "menuPosition": "absolute",
-                                                    "menuShouldBlockScroll": false,
-                                                    "menuShouldScrollIntoView": true,
-                                                    "minMenuHeight": 140,
-                                                    "name": "hearingType",
-                                                    "noOptionsMessage": [Function],
-                                                    "onBlurResetsInput": false,
-                                                    "onChange": [Function],
-                                                    "onInputChange": [Function],
-                                                    "onMenuClose": [Function],
-                                                    "onMenuOpen": [Function],
-                                                    "openMenuOnClick": true,
-                                                    "openMenuOnFocus": false,
-                                                    "options": Array [
-                                                      Object {
-                                                        "label": "Virtual",
-                                                        "value": true,
-                                                      },
-                                                    ],
-                                                    "pageSize": 5,
-                                                    "placeholder": "Select...",
-                                                    "screenReaderStatus": [Function],
-                                                    "searchable": undefined,
-                                                    "shouldKeyDownEventCreateNewOption": [Function],
-                                                    "styles": Object {
-                                                      "input": [Function],
-                                                    },
-                                                    "tabIndex": "0",
-                                                    "tabSelectsValue": true,
-                                                    "value": Object {
-                                                      "label": "Video",
-                                                      "value": false,
-                                                    },
-                                                  }
-                                                }
-                                                setValue={[Function]}
-                                                theme={
-                                                  Object {
-                                                    "borderRadius": 4,
-                                                    "colors": Object {
-                                                      "danger": "#DE350B",
-                                                      "dangerLight": "#FFBDAD",
-                                                      "neutral0": "hsl(0, 0%, 100%)",
-                                                      "neutral10": "hsl(0, 0%, 90%)",
-                                                      "neutral20": "hsl(0, 0%, 80%)",
-                                                      "neutral30": "hsl(0, 0%, 70%)",
-                                                      "neutral40": "hsl(0, 0%, 60%)",
-                                                      "neutral5": "hsl(0, 0%, 95%)",
-                                                      "neutral50": "hsl(0, 0%, 50%)",
-                                                      "neutral60": "hsl(0, 0%, 40%)",
-                                                      "neutral70": "hsl(0, 0%, 30%)",
-                                                      "neutral80": "hsl(0, 0%, 20%)",
-                                                      "neutral90": "hsl(0, 0%, 10%)",
-                                                      "primary": "#2684FF",
-                                                      "primary25": "#DEEBFF",
-                                                      "primary50": "#B2D4FF",
-                                                      "primary75": "#4C9AFF",
-                                                    },
-                                                    "spacing": Object {
-                                                      "baseUnit": 4,
-                                                      "controlHeight": 38,
-                                                      "menuGutter": 8,
-                                                    },
-                                                  }
-                                                }
-                                              >
-                                                <EmotionCssPropInternal
-                                                  __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorsContainer"
-                                                  __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                  className="cf-select__indicators"
-                                                  css={
-                                                    Object {
-                                                      "alignItems": "center",
-                                                      "alignSelf": "stretch",
-                                                      "boxSizing": "border-box",
-                                                      "display": "flex",
-                                                      "flexShrink": 0,
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    className="cf-select__indicators css-1hb7zxy-IndicatorsContainer"
-                                                  >
-                                                    <IndicatorSeparator
-                                                      clearValue={[Function]}
-                                                      cx={[Function]}
-                                                      getStyles={[Function]}
-                                                      getValue={[Function]}
-                                                      hasValue={true}
-                                                      isDisabled={false}
-                                                      isFocused={false}
-                                                      isMulti={false}
-                                                      isRtl={false}
-                                                      options={
-                                                        Array [
-                                                          Object {
-                                                            "label": "Virtual",
-                                                            "value": true,
-                                                          },
-                                                        ]
-                                                      }
-                                                      selectOption={[Function]}
-                                                      selectProps={
-                                                        Object {
-                                                          "backspaceRemovesValue": true,
-                                                          "blurInputOnSelect": true,
-                                                          "cache": false,
-                                                          "captureMenuScroll": false,
-                                                          "classNamePrefix": "cf-select",
-                                                          "closeMenuOnScroll": false,
-                                                          "closeMenuOnSelect": true,
-                                                          "components": Object {
-                                                            "Input": [Function],
-                                                            "MenuList": [Function],
-                                                            "Option": [Function],
-                                                          },
-                                                          "controlShouldRenderValue": true,
-                                                          "defaultOptions": undefined,
-                                                          "escapeClearsValue": false,
-                                                          "filterOption": [Function],
-                                                          "formatGroupLabel": [Function],
-                                                          "getOptionLabel": [Function],
-                                                          "getOptionValue": [Function],
-                                                          "inputId": "hearing-type",
-                                                          "inputValue": "",
-                                                          "isClearable": undefined,
-                                                          "isDisabled": false,
-                                                          "isLoading": false,
-                                                          "isMulti": false,
-                                                          "isOptionDisabled": [Function],
-                                                          "isRtl": false,
-                                                          "isSearchable": true,
-                                                          "loadOptions": undefined,
-                                                          "loadingMessage": [Function],
-                                                          "maxMenuHeight": 300,
-                                                          "menuIsOpen": false,
-                                                          "menuPlacement": "bottom",
-                                                          "menuPosition": "absolute",
-                                                          "menuShouldBlockScroll": false,
-                                                          "menuShouldScrollIntoView": true,
-                                                          "minMenuHeight": 140,
-                                                          "name": "hearingType",
-                                                          "noOptionsMessage": [Function],
-                                                          "onBlurResetsInput": false,
-                                                          "onChange": [Function],
-                                                          "onInputChange": [Function],
-                                                          "onMenuClose": [Function],
-                                                          "onMenuOpen": [Function],
-                                                          "openMenuOnClick": true,
-                                                          "openMenuOnFocus": false,
-                                                          "options": Array [
-                                                            Object {
-                                                              "label": "Virtual",
-                                                              "value": true,
-                                                            },
-                                                          ],
-                                                          "pageSize": 5,
-                                                          "placeholder": "Select...",
-                                                          "screenReaderStatus": [Function],
-                                                          "searchable": undefined,
-                                                          "shouldKeyDownEventCreateNewOption": [Function],
-                                                          "styles": Object {
-                                                            "input": [Function],
-                                                          },
-                                                          "tabIndex": "0",
-                                                          "tabSelectsValue": true,
-                                                          "value": Object {
-                                                            "label": "Video",
-                                                            "value": false,
-                                                          },
-                                                        }
-                                                      }
-                                                      setValue={[Function]}
-                                                      theme={
-                                                        Object {
-                                                          "borderRadius": 4,
-                                                          "colors": Object {
-                                                            "danger": "#DE350B",
-                                                            "dangerLight": "#FFBDAD",
-                                                            "neutral0": "hsl(0, 0%, 100%)",
-                                                            "neutral10": "hsl(0, 0%, 90%)",
-                                                            "neutral20": "hsl(0, 0%, 80%)",
-                                                            "neutral30": "hsl(0, 0%, 70%)",
-                                                            "neutral40": "hsl(0, 0%, 60%)",
-                                                            "neutral5": "hsl(0, 0%, 95%)",
-                                                            "neutral50": "hsl(0, 0%, 50%)",
-                                                            "neutral60": "hsl(0, 0%, 40%)",
-                                                            "neutral70": "hsl(0, 0%, 30%)",
-                                                            "neutral80": "hsl(0, 0%, 20%)",
-                                                            "neutral90": "hsl(0, 0%, 10%)",
-                                                            "primary": "#2684FF",
-                                                            "primary25": "#DEEBFF",
-                                                            "primary50": "#B2D4FF",
-                                                            "primary75": "#4C9AFF",
-                                                          },
-                                                          "spacing": Object {
-                                                            "baseUnit": 4,
-                                                            "controlHeight": 38,
-                                                            "menuGutter": 8,
-                                                          },
-                                                        }
-                                                      }
-                                                    >
-                                                      <EmotionCssPropInternal
-                                                        __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorSeparator"
-                                                        __EMOTION_TYPE_PLEASE_DO_NOT_USE__="span"
-                                                        className="cf-select__indicator-separator"
-                                                        css={
-                                                          Object {
-                                                            "alignSelf": "stretch",
-                                                            "backgroundColor": "hsl(0, 0%, 80%)",
-                                                            "boxSizing": "border-box",
-                                                            "label": "indicatorSeparator",
-                                                            "marginBottom": 8,
-                                                            "marginTop": 8,
-                                                            "width": 1,
-                                                          }
-                                                        }
-                                                      >
-                                                        <span
-                                                          className="cf-select__indicator-separator css-1okebmr-indicatorSeparator"
-                                                        />
-                                                      </EmotionCssPropInternal>
-                                                    </IndicatorSeparator>
-                                                    <DropdownIndicator
-                                                      clearValue={[Function]}
-                                                      cx={[Function]}
-                                                      getStyles={[Function]}
-                                                      getValue={[Function]}
-                                                      hasValue={true}
-                                                      innerProps={
-                                                        Object {
-                                                          "aria-hidden": "true",
-                                                          "onMouseDown": [Function],
-                                                          "onTouchEnd": [Function],
-                                                        }
-                                                      }
-                                                      isDisabled={false}
-                                                      isFocused={false}
-                                                      isMulti={false}
-                                                      isRtl={false}
-                                                      options={
-                                                        Array [
-                                                          Object {
-                                                            "label": "Virtual",
-                                                            "value": true,
-                                                          },
-                                                        ]
-                                                      }
-                                                      selectOption={[Function]}
-                                                      selectProps={
-                                                        Object {
-                                                          "backspaceRemovesValue": true,
-                                                          "blurInputOnSelect": true,
-                                                          "cache": false,
-                                                          "captureMenuScroll": false,
-                                                          "classNamePrefix": "cf-select",
-                                                          "closeMenuOnScroll": false,
-                                                          "closeMenuOnSelect": true,
-                                                          "components": Object {
-                                                            "Input": [Function],
-                                                            "MenuList": [Function],
-                                                            "Option": [Function],
-                                                          },
-                                                          "controlShouldRenderValue": true,
-                                                          "defaultOptions": undefined,
-                                                          "escapeClearsValue": false,
-                                                          "filterOption": [Function],
-                                                          "formatGroupLabel": [Function],
-                                                          "getOptionLabel": [Function],
-                                                          "getOptionValue": [Function],
-                                                          "inputId": "hearing-type",
-                                                          "inputValue": "",
-                                                          "isClearable": undefined,
-                                                          "isDisabled": false,
-                                                          "isLoading": false,
-                                                          "isMulti": false,
-                                                          "isOptionDisabled": [Function],
-                                                          "isRtl": false,
-                                                          "isSearchable": true,
-                                                          "loadOptions": undefined,
-                                                          "loadingMessage": [Function],
-                                                          "maxMenuHeight": 300,
-                                                          "menuIsOpen": false,
-                                                          "menuPlacement": "bottom",
-                                                          "menuPosition": "absolute",
-                                                          "menuShouldBlockScroll": false,
-                                                          "menuShouldScrollIntoView": true,
-                                                          "minMenuHeight": 140,
-                                                          "name": "hearingType",
-                                                          "noOptionsMessage": [Function],
-                                                          "onBlurResetsInput": false,
-                                                          "onChange": [Function],
-                                                          "onInputChange": [Function],
-                                                          "onMenuClose": [Function],
-                                                          "onMenuOpen": [Function],
-                                                          "openMenuOnClick": true,
-                                                          "openMenuOnFocus": false,
-                                                          "options": Array [
-                                                            Object {
-                                                              "label": "Virtual",
-                                                              "value": true,
-                                                            },
-                                                          ],
-                                                          "pageSize": 5,
-                                                          "placeholder": "Select...",
-                                                          "screenReaderStatus": [Function],
-                                                          "searchable": undefined,
-                                                          "shouldKeyDownEventCreateNewOption": [Function],
-                                                          "styles": Object {
-                                                            "input": [Function],
-                                                          },
-                                                          "tabIndex": "0",
-                                                          "tabSelectsValue": true,
-                                                          "value": Object {
-                                                            "label": "Video",
-                                                            "value": false,
-                                                          },
-                                                        }
-                                                      }
-                                                      setValue={[Function]}
-                                                      theme={
-                                                        Object {
-                                                          "borderRadius": 4,
-                                                          "colors": Object {
-                                                            "danger": "#DE350B",
-                                                            "dangerLight": "#FFBDAD",
-                                                            "neutral0": "hsl(0, 0%, 100%)",
-                                                            "neutral10": "hsl(0, 0%, 90%)",
-                                                            "neutral20": "hsl(0, 0%, 80%)",
-                                                            "neutral30": "hsl(0, 0%, 70%)",
-                                                            "neutral40": "hsl(0, 0%, 60%)",
-                                                            "neutral5": "hsl(0, 0%, 95%)",
-                                                            "neutral50": "hsl(0, 0%, 50%)",
-                                                            "neutral60": "hsl(0, 0%, 40%)",
-                                                            "neutral70": "hsl(0, 0%, 30%)",
-                                                            "neutral80": "hsl(0, 0%, 20%)",
-                                                            "neutral90": "hsl(0, 0%, 10%)",
-                                                            "primary": "#2684FF",
-                                                            "primary25": "#DEEBFF",
-                                                            "primary50": "#B2D4FF",
-                                                            "primary75": "#4C9AFF",
-                                                          },
-                                                          "spacing": Object {
-                                                            "baseUnit": 4,
-                                                            "controlHeight": 38,
-                                                            "menuGutter": 8,
-                                                          },
-                                                        }
-                                                      }
-                                                    >
-                                                      <EmotionCssPropInternal
-                                                        __EMOTION_LABEL_PLEASE_DO_NOT_USE__="DropdownIndicator"
-                                                        __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                        aria-hidden="true"
-                                                        className="cf-select__indicator cf-select__dropdown-indicator"
-                                                        css={
-                                                          Object {
-                                                            ":hover": Object {
-                                                              "color": "hsl(0, 0%, 60%)",
-                                                            },
-                                                            "boxSizing": "border-box",
-                                                            "color": "hsl(0, 0%, 80%)",
-                                                            "display": "flex",
-                                                            "label": "indicatorContainer",
-                                                            "padding": 8,
-                                                            "transition": "color 150ms",
-                                                          }
-                                                        }
-                                                        onMouseDown={[Function]}
-                                                        onTouchEnd={[Function]}
-                                                      >
-                                                        <div
-                                                          aria-hidden="true"
-                                                          className="cf-select__indicator cf-select__dropdown-indicator css-tlfecz-indicatorContainer"
-                                                          onMouseDown={[Function]}
-                                                          onTouchEnd={[Function]}
-                                                        >
-                                                          <DownChevron>
-                                                            <Svg
-                                                              size={20}
-                                                            >
-                                                              <EmotionCssPropInternal
-                                                                __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Svg"
-                                                                __EMOTION_TYPE_PLEASE_DO_NOT_USE__="svg"
-                                                                aria-hidden="true"
-                                                                css={
-                                                                  Object {
-                                                                    "map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JJIiwiZmlsZSI6ImluZGljYXRvcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyB0eXBlIE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IENvbW1vblByb3BzLCBUaGVtZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBEcm9wZG93biAmIENsZWFyIEljb25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgU3ZnID0gKHsgc2l6ZSwgLi4ucHJvcHMgfTogeyBzaXplOiBudW1iZXIgfSkgPT4gKFxuICA8c3ZnXG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHdpZHRoPXtzaXplfVxuICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBmaWxsOiAnY3VycmVudENvbG9yJyxcbiAgICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICAgICAgc3Ryb2tlV2lkdGg6IDAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBhbnkpID0+IChcbiAgPFN2ZyBzaXplPXsyMH0gey4uLnByb3BzfT5cbiAgICA8cGF0aCBkPVwiTTE0LjM0OCAxNC44NDljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDBsLTIuNjUxLTMuMDMwLTIuNjUxIDMuMDI5Yy0wLjQ2OSAwLjQ2OS0xLjIyOSAwLjQ2OS0xLjY5NyAwLTAuNDY5LTAuNDY5LTAuNDY5LTEuMjI5IDAtMS42OTdsMi43NTgtMy4xNS0yLjc1OS0zLjE1MmMtMC40NjktMC40NjktMC40NjktMS4yMjggMC0xLjY5N3MxLjIyOC0wLjQ2OSAxLjY5NyAwbDIuNjUyIDMuMDMxIDIuNjUxLTMuMDMxYzAuNDY5LTAuNDY5IDEuMjI4LTAuNDY5IDEuNjk3IDBzMC40NjkgMS4yMjkgMCAxLjY5N2wtMi43NTggMy4xNTIgMi43NTggMy4xNWMwLjQ2OSAwLjQ2OSAwLjQ2OSAxLjIyOSAwIDEuNjk4elwiIC8+XG4gIDwvU3ZnPlxuKTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogYW55KSA9PiAoXG4gIDxTdmcgc2l6ZT17MjB9IHsuLi5wcm9wc30+XG4gICAgPHBhdGggZD1cIk00LjUxNiA3LjU0OGMwLjQzNi0wLjQ0NiAxLjA0My0wLjQ4MSAxLjU3NiAwbDMuOTA4IDMuNzQ3IDMuOTA4LTMuNzQ3YzAuNTMzLTAuNDgxIDEuMTQxLTAuNDQ2IDEuNTc0IDAgMC40MzYgMC40NDUgMC40MDggMS4xOTcgMCAxLjYxNS0wLjQwNiAwLjQxOC00LjY5NSA0LjUwMi00LjY5NSA0LjUwMi0wLjIxNyAwLjIyMy0wLjUwMiAwLjMzNS0wLjc4NyAwLjMzNXMtMC41Ny0wLjExMi0wLjc4OS0wLjMzNWMwIDAtNC4yODctNC4wODQtNC42OTUtNC41MDJzLTAuNDM2LTEuMTcgMC0xLjYxNXpcIiAvPlxuICA8L1N2Zz5cbik7XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRHJvcGRvd24gJiBDbGVhciBCdXR0b25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IHR5cGUgSW5kaWNhdG9yUHJvcHMgPSBDb21tb25Qcm9wcyAmIHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW46IE5vZGUsXG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufTtcblxuY29uc3QgYmFzZUNTUyA9ICh7XG4gIGlzRm9jdXNlZCxcbiAgdGhlbWU6IHtcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgY29sb3JzLFxuICB9LFxufTogSW5kaWNhdG9yUHJvcHMpID0+ICh7XG4gIGxhYmVsOiAnaW5kaWNhdG9yQ29udGFpbmVyJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcblxuICAnOmhvdmVyJzoge1xuICAgIGNvbG9yOiBpc0ZvY3VzZWQgPyBjb2xvcnMubmV1dHJhbDgwIDogY29sb3JzLm5ldXRyYWw0MCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2Ryb3Bkb3duSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnZHJvcGRvd24taW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2NsZWFySW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnY2xlYXItaW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG50eXBlIFNlcGFyYXRvclN0YXRlID0geyBpc0Rpc2FibGVkOiBib29sZWFuIH07XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBDb21tb25Qcm9wcyAmIFNlcGFyYXRvclN0YXRlKSA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gKHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiB7XG4gIGlzRm9jdXNlZDogYm9vbGVhbixcbiAgc2l6ZTogbnVtYmVyLFxuICB0aGVtZTogVGhlbWUsXG59KSA9PiAoe1xuICBsYWJlbDogJ2xvYWRpbmdJbmRpY2F0b3InLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuICBhbGlnblNlbGY6ICdjZW50ZXInLFxuICBmb250U2l6ZTogc2l6ZSxcbiAgbGluZUhlaWdodDogMSxcbiAgbWFyZ2luUmlnaHQ6IHNpemUsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxufSk7XG5cbnR5cGUgRG90UHJvcHMgPSB7IGRlbGF5OiBudW1iZXIsIG9mZnNldDogYm9vbGVhbiB9O1xuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogRG90UHJvcHMpID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGFuaW1hdGlvbjogYCR7bG9hZGluZ0RvdEFuaW1hdGlvbnN9IDFzIGVhc2UtaW4tb3V0ICR7ZGVsYXl9bXMgaW5maW5pdGU7YCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBib3JkZXJSYWRpdXM6ICcxZW0nLFxuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBtYXJnaW5MZWZ0OiBvZmZzZXQgPyAnMWVtJyA6IG51bGwsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdJY29uUHJvcHMgPSB7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufSAmIENvbW1vblByb3BzICYge1xuICAgIC8qKiBTZXQgc2l6ZSBvZiB0aGUgY29udGFpbmVyLiAqL1xuICAgIHNpemU6IG51bWJlcixcbiAgfTtcbmV4cG9ydCBjb25zdCBMb2FkaW5nSW5kaWNhdG9yID0gKHByb3BzOiBMb2FkaW5nSWNvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzLCBpc1J0bCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdsb2FkaW5nSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnbG9hZGluZy1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezB9IG9mZnNldD17aXNSdGx9IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MTYwfSBvZmZzZXQgLz5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXszMjB9IG9mZnNldD17IWlzUnRsfSAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbkxvYWRpbmdJbmRpY2F0b3IuZGVmYXVsdFByb3BzID0geyBzaXplOiA0IH07XG4iXX0= */",
-                                                                    "name": "19bqh2r",
-                                                                    "styles": "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;",
-                                                                    "toString": [Function],
-                                                                  }
-                                                                }
-                                                                focusable="false"
-                                                                height={20}
-                                                                viewBox="0 0 20 20"
-                                                                width={20}
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  className="css-6q0nyr-Svg"
-                                                                  focusable="false"
-                                                                  height={20}
-                                                                  viewBox="0 0 20 20"
-                                                                  width={20}
-                                                                >
-                                                                  <path
-                                                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                                                                  />
-                                                                </svg>
-                                                              </EmotionCssPropInternal>
-                                                            </Svg>
-                                                          </DownChevron>
-                                                        </div>
-                                                      </EmotionCssPropInternal>
-                                                    </DropdownIndicator>
-                                                  </div>
-                                                </EmotionCssPropInternal>
-                                              </IndicatorsContainer>
-                                            </div>
-                                          </EmotionCssPropInternal>
-                                        </Control>
-                                        <input
-                                          name="hearingType"
-                                          type="hidden"
-                                          value={false}
-                                        />
-                                      </div>
-                                    </EmotionCssPropInternal>
-                                  </SelectContainer>
-                                </Select>
-                              </StateManager>
-                            </div>
-                          </div>
-                        </div>
-                      </SearchableDropdown>
-                    </HearingTypeDropdown>
-                    <div>
-                      <strong>
-                        Waive 90 Day Evidence Hold
-                      </strong>
-                      <Checkbox
-                        label="Yes, Waive 90 Day Evidence Hold"
-                        name="evidenceWindowWaived"
-                        onChange={[Function]}
-                        required={false}
-                        value={false}
-                      >
-                        <div
-                          className="checkbox-wrapper-evidenceWindowWaived cf-form-checkboxes"
-                        >
-                          <div
-                            className="cf-form-checkbox"
-                          >
-                            <input
-                              aria-label="evidenceWindowWaived"
-                              checked={false}
-                              id="evidenceWindowWaived"
-                              name="evidenceWindowWaived"
-                              onChange={[Function]}
-                              type="checkbox"
-                            />
-                            <label
-                              htmlFor="evidenceWindowWaived"
-                            >
-                              <span
-                                className=""
-                              >
-                                Yes, Waive 90 Day Evidence Hold
-                              </span>
-                               
-                            </label>
-                          </div>
-                        </div>
-                      </Checkbox>
-                    </div>
-                    <div />
-                  </div>
-                  <div>
-                    <TextareaField
-                      characterLimitTopRight={false}
-                      disabled={false}
-                      maxlength={1000}
-                      name="Notes"
-                      onChange={[Function]}
-                      optional={false}
-                      required={false}
-                      strongLabel={true}
-                      styling={
-                        Object {
-                          "data-css-d0z96": "",
-                        }
-                      }
-                      value=""
-                    >
-                      <div
-                        className="cf-form-textarea"
-                        data-css-d0z96=""
-                      >
-                        <label
-                          className="question-label"
-                          htmlFor="Notes"
-                        >
-                          <strong>
-                            <FormLabel
-                              name="Notes"
-                              optional={false}
-                              required={false}
-                            >
-                              <span>
-                                Notes
-                              </span>
-                            </FormLabel>
-                          </strong>
-                        </label>
-                        <textarea
-                          disabled={false}
-                          id="Notes"
-                          maxLength={1000}
-                          name="Notes"
-                          onChange={[Function]}
-                          value=""
-                        />
-                      </div>
-                    </TextareaField>
-                  </div>
-                </div>
-              </div>
-            </ContentSection>
-            <VirtualHearingFields
-              errors={Object {}}
-              hearing={
-                Object {
-                  "advanceOnDocketMotion": null,
-                  "aod": false,
-                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
-                  "appealId": 613,
-                  "appellantAddressLine1": "9999 MISSION ST",
-                  "appellantCity": "SAN FRANCISCO",
-                  "appellantEmailAddress": "tom.brady@caseflow.gov",
-                  "appellantFirstName": "Tom",
-                  "appellantIsNotVeteran": false,
-                  "appellantLastName": "Brady",
-                  "appellantRelationship": "Spouse",
-                  "appellantState": "CA",
-                  "appellantTz": "America/Los_Angeles",
-                  "appellantZip": "94103",
-                  "availableHearingLocations": Object {},
-                  "bvaPoc": null,
-                  "caseType": "Original",
-                  "centralOfficeTimeString": "04:00",
-                  "claimantId": 604,
-                  "closestRegionalOffice": null,
-                  "currentIssueCount": 0,
-                  "disposition": null,
-                  "dispositionEditable": true,
-                  "docketName": "hearing",
-                  "docketNumber": "200624-614",
-                  "emailEvents": Array [],
-                  "evidenceWindowWaived": false,
-                  "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                  "hearingDayId": 11,
-                  "id": 10,
-                  "isVirtual": false,
-                  "judge": Object {
-                    "createdAt": "2020-06-25T11:00:43.257-04:00",
-                    "cssId": "BVAAABSHIRE",
-                    "displayName": "BVAAABSHIRE (VACO)",
-                    "efolderDocumentsFetchedAt": null,
-                    "email": null,
-                    "fullName": "Aaron Judge_HearingsAndCases Abshire",
-                    "id": 3,
-                    "lastLoginAt": null,
-                    "roles": Object {},
-                    "selectedRegionalOffice": null,
-                    "stationId": "101",
-                    "status": "active",
-                    "statusUpdatedAt": null,
-                    "updatedAt": "2020-06-25T11:00:43.257-04:00",
-                  },
-                  "judgeId": "3",
-                  "location": null,
-                  "militaryService": "",
-                  "notes": null,
-                  "paperCase": false,
-                  "poaName": "AMERICAN LEGION",
-                  "prepped": null,
-                  "readableLocation": null,
-                  "readableRequestType": "Video",
-                  "regionalOfficeKey": "RO17",
-                  "regionalOfficeName": "St. Petersburg regional office",
-                  "regionalOfficeTimezone": "America/New_York",
-                  "representative": "PARALYZED VETERANS OF AMERICA, INC.",
-                  "representativeAddress": Object {
-                    "addressLine1": "9999 MISSION ST",
-                    "city": "SAN FRANCISCO",
-                    "state": "CA",
-                    "zip": "94103",
-                  },
-                  "representativeEmailAddress": "tom.brady@caseflow.gov",
-                  "representativeName": null,
-                  "representativeTz": "America/Los_Angeles",
-                  "room": "1",
-                  "scheduledFor": "2020-07-06T06:00:00.000-04:00",
-                  "scheduledForIsPast": false,
-                  "scheduledTime": "2000-01-01T06:00:00.000-05:00",
-                  "scheduledTimeString": "06:00",
-                  "summary": null,
-                  "transcriptRequested": null,
-                  "transcriptSentDate": undefined,
-                  "transcription": Object {
-                    "expectedReturnDate": undefined,
-                    "problemNoticeSentDate": undefined,
-                    "sentToTranscriberDate": undefined,
-                    "uploadedToVbmsDate": undefined,
-                  },
-                  "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                  "veteranAge": 85,
-                  "veteranEmailAddress": "John.Smith@test.com",
-                  "veteranFileNumber": "100000005",
-                  "veteranFirstName": "John",
-                  "veteranGender": "M",
-                  "veteranLastName": "Smith",
-                  "virtualHearing": null,
-                  "wasVirtual": false,
-                  "witness": null,
-                  "worksheetIssues": Object {},
-                }
-              }
-              initialHearing={
-                Object {
-                  "advanceOnDocketMotion": null,
-                  "aod": false,
-                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
-                  "appealId": 613,
-                  "appellantAddressLine1": "9999 MISSION ST",
-                  "appellantCity": "SAN FRANCISCO",
-                  "appellantEmailAddress": "tom.brady@caseflow.gov",
-                  "appellantFirstName": "Tom",
-                  "appellantIsNotVeteran": false,
-                  "appellantLastName": "Brady",
-                  "appellantRelationship": "Spouse",
-                  "appellantState": "CA",
-                  "appellantTz": "America/Los_Angeles",
-                  "appellantZip": "94103",
-                  "availableHearingLocations": Object {},
-                  "bvaPoc": null,
-                  "caseType": "Original",
-                  "centralOfficeTimeString": "04:00",
-                  "claimantId": 604,
-                  "closestRegionalOffice": null,
-                  "currentIssueCount": 0,
-                  "disposition": null,
-                  "dispositionEditable": true,
-                  "docketName": "hearing",
-                  "docketNumber": "200624-614",
-                  "emailEvents": Array [],
-                  "evidenceWindowWaived": false,
-                  "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                  "hearingDayId": 11,
-                  "id": 10,
-                  "isVirtual": false,
-                  "judge": Object {
-                    "createdAt": "2020-06-25T11:00:43.257-04:00",
-                    "cssId": "BVAAABSHIRE",
-                    "displayName": "BVAAABSHIRE (VACO)",
-                    "efolderDocumentsFetchedAt": null,
-                    "email": null,
-                    "fullName": "Aaron Judge_HearingsAndCases Abshire",
-                    "id": 3,
-                    "lastLoginAt": null,
-                    "roles": Object {},
-                    "selectedRegionalOffice": null,
-                    "stationId": "101",
-                    "status": "active",
-                    "statusUpdatedAt": null,
-                    "updatedAt": "2020-06-25T11:00:43.257-04:00",
-                  },
-                  "judgeId": "3",
-                  "location": null,
-                  "militaryService": "",
-                  "notes": null,
-                  "paperCase": false,
-                  "poaName": "AMERICAN LEGION",
-                  "prepped": null,
-                  "readableLocation": null,
-                  "readableRequestType": "Video",
-                  "regionalOfficeKey": "RO17",
-                  "regionalOfficeName": "St. Petersburg regional office",
-                  "regionalOfficeTimezone": "America/New_York",
-                  "representative": "PARALYZED VETERANS OF AMERICA, INC.",
-                  "representativeAddress": Object {
-                    "addressLine1": "9999 MISSION ST",
-                    "city": "SAN FRANCISCO",
-                    "state": "CA",
-                    "zip": "94103",
-                  },
-                  "representativeEmailAddress": "tom.brady@caseflow.gov",
-                  "representativeName": null,
-                  "representativeTz": "America/Los_Angeles",
-                  "room": "1",
-                  "scheduledFor": "2020-07-06T06:00:00.000-04:00",
-                  "scheduledForIsPast": false,
-                  "scheduledTime": "2000-01-01T06:00:00.000-05:00",
-                  "scheduledTimeString": "06:00",
-                  "summary": null,
-                  "transcriptRequested": null,
-                  "transcriptSentDate": undefined,
-                  "transcription": Object {
-                    "expectedReturnDate": undefined,
-                    "problemNoticeSentDate": undefined,
-                    "sentToTranscriberDate": undefined,
-                    "uploadedToVbmsDate": undefined,
-                  },
-                  "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                  "veteranAge": 85,
-                  "veteranEmailAddress": "John.Smith@test.com",
-                  "veteranFileNumber": "100000005",
-                  "veteranFirstName": "John",
-                  "veteranGender": "M",
-                  "veteranLastName": "Smith",
-                  "virtualHearing": null,
-                  "wasVirtual": false,
-                  "witness": null,
-                  "worksheetIssues": Object {},
-                }
-              }
-              update={[Function]}
-              virtualHearing={null}
-            />
-            <EmailNotificationFields
-              errors={Object {}}
-              header="Email Notifications"
-              hearing={
-                Object {
-                  "advanceOnDocketMotion": null,
-                  "aod": false,
-                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
-                  "appealId": 613,
-                  "appellantAddressLine1": "9999 MISSION ST",
-                  "appellantCity": "SAN FRANCISCO",
-                  "appellantEmailAddress": "tom.brady@caseflow.gov",
-                  "appellantFirstName": "Tom",
-                  "appellantIsNotVeteran": false,
-                  "appellantLastName": "Brady",
-                  "appellantRelationship": "Spouse",
-                  "appellantState": "CA",
-                  "appellantTz": "America/Los_Angeles",
-                  "appellantZip": "94103",
-                  "availableHearingLocations": Object {},
-                  "bvaPoc": null,
-                  "caseType": "Original",
-                  "centralOfficeTimeString": "04:00",
-                  "claimantId": 604,
-                  "closestRegionalOffice": null,
-                  "currentIssueCount": 0,
-                  "disposition": null,
-                  "dispositionEditable": true,
-                  "docketName": "hearing",
-                  "docketNumber": "200624-614",
-                  "emailEvents": Array [],
-                  "evidenceWindowWaived": false,
-                  "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                  "hearingDayId": 11,
-                  "id": 10,
-                  "isVirtual": false,
-                  "judge": Object {
-                    "createdAt": "2020-06-25T11:00:43.257-04:00",
-                    "cssId": "BVAAABSHIRE",
-                    "displayName": "BVAAABSHIRE (VACO)",
-                    "efolderDocumentsFetchedAt": null,
-                    "email": null,
-                    "fullName": "Aaron Judge_HearingsAndCases Abshire",
-                    "id": 3,
-                    "lastLoginAt": null,
-                    "roles": Object {},
-                    "selectedRegionalOffice": null,
-                    "stationId": "101",
-                    "status": "active",
-                    "statusUpdatedAt": null,
-                    "updatedAt": "2020-06-25T11:00:43.257-04:00",
-                  },
-                  "judgeId": "3",
-                  "location": null,
-                  "militaryService": "",
-                  "notes": null,
-                  "paperCase": false,
-                  "poaName": "AMERICAN LEGION",
-                  "prepped": null,
-                  "readableLocation": null,
-                  "readableRequestType": "Video",
-                  "regionalOfficeKey": "RO17",
-                  "regionalOfficeName": "St. Petersburg regional office",
-                  "regionalOfficeTimezone": "America/New_York",
-                  "representative": "PARALYZED VETERANS OF AMERICA, INC.",
-                  "representativeAddress": Object {
-                    "addressLine1": "9999 MISSION ST",
-                    "city": "SAN FRANCISCO",
-                    "state": "CA",
-                    "zip": "94103",
-                  },
-                  "representativeEmailAddress": "tom.brady@caseflow.gov",
-                  "representativeName": null,
-                  "representativeTz": "America/Los_Angeles",
-                  "room": "1",
-                  "scheduledFor": "2020-07-06T06:00:00.000-04:00",
-                  "scheduledForIsPast": false,
-                  "scheduledTime": "2000-01-01T06:00:00.000-05:00",
-                  "scheduledTimeString": "06:00",
-                  "summary": null,
-                  "transcriptRequested": null,
-                  "transcriptSentDate": undefined,
-                  "transcription": Object {
-                    "expectedReturnDate": undefined,
-                    "problemNoticeSentDate": undefined,
-                    "sentToTranscriberDate": undefined,
-                    "uploadedToVbmsDate": undefined,
-                  },
-                  "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                  "veteranAge": 85,
-                  "veteranEmailAddress": "John.Smith@test.com",
-                  "veteranFileNumber": "100000005",
-                  "veteranFirstName": "John",
-                  "veteranGender": "M",
-                  "veteranLastName": "Smith",
-                  "virtualHearing": null,
-                  "wasVirtual": false,
-                  "witness": null,
-                  "worksheetIssues": Object {},
-                }
-              }
-              initialHearing={
-                Object {
-                  "advanceOnDocketMotion": null,
-                  "aod": false,
-                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
-                  "appealId": 613,
-                  "appellantAddressLine1": "9999 MISSION ST",
-                  "appellantCity": "SAN FRANCISCO",
-                  "appellantEmailAddress": "tom.brady@caseflow.gov",
-                  "appellantFirstName": "Tom",
-                  "appellantIsNotVeteran": false,
-                  "appellantLastName": "Brady",
-                  "appellantRelationship": "Spouse",
-                  "appellantState": "CA",
-                  "appellantTz": "America/Los_Angeles",
-                  "appellantZip": "94103",
-                  "availableHearingLocations": Object {},
-                  "bvaPoc": null,
-                  "caseType": "Original",
-                  "centralOfficeTimeString": "04:00",
-                  "claimantId": 604,
-                  "closestRegionalOffice": null,
-                  "currentIssueCount": 0,
-                  "disposition": null,
-                  "dispositionEditable": true,
-                  "docketName": "hearing",
-                  "docketNumber": "200624-614",
-                  "emailEvents": Array [],
-                  "evidenceWindowWaived": false,
-                  "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                  "hearingDayId": 11,
-                  "id": 10,
-                  "isVirtual": false,
-                  "judge": Object {
-                    "createdAt": "2020-06-25T11:00:43.257-04:00",
-                    "cssId": "BVAAABSHIRE",
-                    "displayName": "BVAAABSHIRE (VACO)",
-                    "efolderDocumentsFetchedAt": null,
-                    "email": null,
-                    "fullName": "Aaron Judge_HearingsAndCases Abshire",
-                    "id": 3,
-                    "lastLoginAt": null,
-                    "roles": Object {},
-                    "selectedRegionalOffice": null,
-                    "stationId": "101",
-                    "status": "active",
-                    "statusUpdatedAt": null,
-                    "updatedAt": "2020-06-25T11:00:43.257-04:00",
-                  },
-                  "judgeId": "3",
-                  "location": null,
-                  "militaryService": "",
-                  "notes": null,
-                  "paperCase": false,
-                  "poaName": "AMERICAN LEGION",
-                  "prepped": null,
-                  "readableLocation": null,
-                  "readableRequestType": "Video",
-                  "regionalOfficeKey": "RO17",
-                  "regionalOfficeName": "St. Petersburg regional office",
-                  "regionalOfficeTimezone": "America/New_York",
-                  "representative": "PARALYZED VETERANS OF AMERICA, INC.",
-                  "representativeAddress": Object {
-                    "addressLine1": "9999 MISSION ST",
-                    "city": "SAN FRANCISCO",
-                    "state": "CA",
-                    "zip": "94103",
-                  },
-                  "representativeEmailAddress": "tom.brady@caseflow.gov",
-                  "representativeName": null,
-                  "representativeTz": "America/Los_Angeles",
-                  "room": "1",
-                  "scheduledFor": "2020-07-06T06:00:00.000-04:00",
-                  "scheduledForIsPast": false,
-                  "scheduledTime": "2000-01-01T06:00:00.000-05:00",
-                  "scheduledTimeString": "06:00",
-                  "summary": null,
-                  "transcriptRequested": null,
-                  "transcriptSentDate": undefined,
-                  "transcription": Object {
-                    "expectedReturnDate": undefined,
-                    "problemNoticeSentDate": undefined,
-                    "sentToTranscriberDate": undefined,
-                    "uploadedToVbmsDate": undefined,
-                  },
-                  "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                  "veteranAge": 85,
-                  "veteranEmailAddress": "John.Smith@test.com",
-                  "veteranFileNumber": "100000005",
-                  "veteranFirstName": "John",
-                  "veteranGender": "M",
-                  "veteranLastName": "Smith",
-                  "virtualHearing": null,
-                  "wasVirtual": false,
-                  "witness": null,
-                  "worksheetIssues": Object {},
-                }
-              }
-              initialRepresentativeTz="America/Los_Angeles"
-              requestType="Video"
-              roTimezone="America/New_York"
-              time="06:00"
-              update={[Function]}
-            >
-              <ContentSection
-                header="Email Notifications"
-              >
-                <div
-                  className="cf-app-segment"
-                >
-                  <h2
-                    data-css-3rhuy2=""
-                  >
-                    Email Notifications
-                  </h2>
-                  <div
-                    data-css-1571z6o=""
-                  >
-                    <div
-                      className="usa-grid"
-                      id="email-section"
-                    >
-                      <div
-                        className="usa-width-one-third"
-                        data-css-150oin1=""
-                      >
-                        <Timezone
-                          hearingDayDate="2020-07-06"
-                          label="Veteran Timezone"
-                          name="appellantTz"
-                          onChange={[Function]}
-                          optional={true}
-                          readOnly={false}
-                          required={false}
-                          roTimezone="America/New_York"
-                          time="06:00"
-                          value="America/Los_Angeles"
-                        >
-                          <SearchableDropdown
-                            clearOnSelect={false}
-                            label="Veteran Timezone"
-                            loading={false}
-                            name="appellantTz"
-                            onChange={[Function]}
-                            optional={true}
-                            options={
-                              Array [
-                                Object {
-                                  "label": "",
-                                  "value": null,
-                                },
-                                Object {
-                                  "index": -3,
-                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
-                                  "value": "America/New_York",
-                                },
-                                Object {
-                                  "index": -2,
-                                  "label": "Central Time (US & Canada) (5:00 AM)",
-                                  "value": "America/Chicago",
-                                },
-                                Object {
-                                  "index": -1,
-                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
-                                  "value": "America/Denver",
-                                },
-                                Object {
-                                  "index": -0,
-                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                  "value": "America/Los_Angeles",
-                                },
-                                Object {
-                                  "index": 2.4,
-                                  "label": "Indiana (East) (6:00 AM)",
-                                  "value": "America/Indiana/Indianapolis",
-                                },
-                                Object {
-                                  "index": 2.4,
-                                  "label": "Puerto Rico (6:00 AM)",
-                                  "value": "America/Puerto_Rico",
-                                },
-                                Object {
-                                  "index": 4.2,
-                                  "label": "Arizona (3:00 AM)",
-                                  "value": "America/Phoenix",
-                                },
-                                Object {
-                                  "index": 4.8,
-                                  "label": "Alaska (2:00 AM)",
-                                  "value": "America/Juneau",
-                                },
-                                Object {
-                                  "index": 4.8,
-                                  "label": "Philippine Standard Time (6:00 PM)",
-                                  "value": "Asia/Manila",
-                                },
-                                Object {
-                                  "index": 6,
-                                  "label": "Hawaii (12:00 AM)",
-                                  "value": "Pacific/Honolulu",
-                                },
-                                Object {
-                                  "index": 100,
-                                  "label": "Azores (10:00 AM)",
-                                  "value": "Atlantic/Azores",
-                                },
-                                Object {
-                                  "index": 100,
-                                  "label": "Monrovia (10:00 AM)",
-                                  "value": "Africa/Monrovia",
-                                },
-                                Object {
-                                  "index": 100,
-                                  "label": "UTC (10:00 AM)",
-                                  "value": "Etc/UTC",
-                                },
-                                Object {
-                                  "index": 160,
-                                  "label": "Cape Verde Is. (9:00 AM)",
-                                  "value": "Atlantic/Cape_Verde",
-                                },
-                                Object {
-                                  "index": 160,
-                                  "label": "Dublin (11:00 AM)",
-                                  "value": "Europe/Dublin",
-                                },
-                                Object {
-                                  "index": 160,
-                                  "label": "Edinburgh (11:00 AM)",
-                                  "value": "Europe/London",
-                                },
-                                Object {
-                                  "index": 160,
-                                  "label": "Lisbon (11:00 AM)",
-                                  "value": "Europe/Lisbon",
-                                },
-                                Object {
-                                  "index": 160,
-                                  "label": "London (11:00 AM)",
-                                  "value": "Europe/London",
-                                },
-                                Object {
-                                  "index": 160,
-                                  "label": "Casablanca (11:00 AM)",
-                                  "value": "Africa/Casablanca",
-                                },
-                                Object {
-                                  "index": 160,
-                                  "label": "West Central Africa (11:00 AM)",
-                                  "value": "Africa/Algiers",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Greenland (8:00 AM)",
-                                  "value": "America/Godthab",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Mid-Atlantic (8:00 AM)",
-                                  "value": "Atlantic/South_Georgia",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Belgrade (12:00 PM)",
-                                  "value": "Europe/Belgrade",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Bratislava (12:00 PM)",
-                                  "value": "Europe/Bratislava",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Budapest (12:00 PM)",
-                                  "value": "Europe/Budapest",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Ljubljana (12:00 PM)",
-                                  "value": "Europe/Ljubljana",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Prague (12:00 PM)",
-                                  "value": "Europe/Prague",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Sarajevo (12:00 PM)",
-                                  "value": "Europe/Sarajevo",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Skopje (12:00 PM)",
-                                  "value": "Europe/Skopje",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Warsaw (12:00 PM)",
-                                  "value": "Europe/Warsaw",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Zagreb (12:00 PM)",
-                                  "value": "Europe/Zagreb",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Brussels (12:00 PM)",
-                                  "value": "Europe/Brussels",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Copenhagen (12:00 PM)",
-                                  "value": "Europe/Copenhagen",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Madrid (12:00 PM)",
-                                  "value": "Europe/Madrid",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Paris (12:00 PM)",
-                                  "value": "Europe/Paris",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Amsterdam (12:00 PM)",
-                                  "value": "Europe/Amsterdam",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Berlin (12:00 PM)",
-                                  "value": "Europe/Berlin",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Bern (12:00 PM)",
-                                  "value": "Europe/Zurich",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Zurich (12:00 PM)",
-                                  "value": "Europe/Zurich",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Rome (12:00 PM)",
-                                  "value": "Europe/Rome",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Stockholm (12:00 PM)",
-                                  "value": "Europe/Stockholm",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Vienna (12:00 PM)",
-                                  "value": "Europe/Vienna",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Cairo (12:00 PM)",
-                                  "value": "Africa/Cairo",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Harare (12:00 PM)",
-                                  "value": "Africa/Harare",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Pretoria (12:00 PM)",
-                                  "value": "Africa/Johannesburg",
-                                },
-                                Object {
-                                  "index": 220,
-                                  "label": "Kaliningrad (12:00 PM)",
-                                  "value": "Europe/Kaliningrad",
-                                },
-                                Object {
-                                  "index": 250,
-                                  "label": "Newfoundland (7:30 AM)",
-                                  "value": "America/St_Johns",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Atlantic Time (Canada) (7:00 AM)",
-                                  "value": "America/Halifax",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Brasilia (7:00 AM)",
-                                  "value": "America/Sao_Paulo",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Buenos Aires (7:00 AM)",
-                                  "value": "America/Argentina/Buenos_Aires",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Montevideo (7:00 AM)",
-                                  "value": "America/Montevideo",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Bucharest (1:00 PM)",
-                                  "value": "Europe/Bucharest",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Helsinki (1:00 PM)",
-                                  "value": "Europe/Helsinki",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Kyiv (1:00 PM)",
-                                  "value": "Europe/Kiev",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Riga (1:00 PM)",
-                                  "value": "Europe/Riga",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Sofia (1:00 PM)",
-                                  "value": "Europe/Sofia",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Tallinn (1:00 PM)",
-                                  "value": "Europe/Tallinn",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Vilnius (1:00 PM)",
-                                  "value": "Europe/Vilnius",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Athens (1:00 PM)",
-                                  "value": "Europe/Athens",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Istanbul (1:00 PM)",
-                                  "value": "Europe/Istanbul",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Minsk (1:00 PM)",
-                                  "value": "Europe/Minsk",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Jerusalem (1:00 PM)",
-                                  "value": "Asia/Jerusalem",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Moscow (1:00 PM)",
-                                  "value": "Europe/Moscow",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "St. Petersburg (1:00 PM)",
-                                  "value": "Europe/Moscow",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Kuwait (1:00 PM)",
-                                  "value": "Asia/Kuwait",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Riyadh (1:00 PM)",
-                                  "value": "Asia/Riyadh",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Nairobi (1:00 PM)",
-                                  "value": "Africa/Nairobi",
-                                },
-                                Object {
-                                  "index": 280,
-                                  "label": "Baghdad (1:00 PM)",
-                                  "value": "Asia/Baghdad",
-                                },
-                                Object {
-                                  "index": 340,
-                                  "label": "Caracas (6:00 AM)",
-                                  "value": "America/Caracas",
-                                },
-                                Object {
-                                  "index": 340,
-                                  "label": "La Paz (6:00 AM)",
-                                  "value": "America/La_Paz",
-                                },
-                                Object {
-                                  "index": 340,
-                                  "label": "Santiago (6:00 AM)",
-                                  "value": "America/Santiago",
-                                },
-                                Object {
-                                  "index": 340,
-                                  "label": "Georgetown (6:00 AM)",
-                                  "value": "America/Guyana",
-                                },
-                                Object {
-                                  "index": 340,
-                                  "label": "Volgograd (2:00 PM)",
-                                  "value": "Europe/Volgograd",
-                                },
-                                Object {
-                                  "index": 340,
-                                  "label": "Samara (2:00 PM)",
-                                  "value": "Europe/Samara",
-                                },
-                                Object {
-                                  "index": 340,
-                                  "label": "Abu Dhabi (2:00 PM)",
-                                  "value": "Asia/Muscat",
-                                },
-                                Object {
-                                  "index": 340,
-                                  "label": "Muscat (2:00 PM)",
-                                  "value": "Asia/Muscat",
-                                },
-                                Object {
-                                  "index": 340,
-                                  "label": "Baku (2:00 PM)",
-                                  "value": "Asia/Baku",
-                                },
-                                Object {
-                                  "index": 340,
-                                  "label": "Tbilisi (2:00 PM)",
-                                  "value": "Asia/Tbilisi",
-                                },
-                                Object {
-                                  "index": 340,
-                                  "label": "Yerevan (2:00 PM)",
-                                  "value": "Asia/Yerevan",
-                                },
-                                Object {
-                                  "index": 370,
-                                  "label": "Tehran (2:30 PM)",
-                                  "value": "Asia/Tehran",
-                                },
-                                Object {
-                                  "index": 370,
-                                  "label": "Kabul (2:30 PM)",
-                                  "value": "Asia/Kabul",
-                                },
-                                Object {
-                                  "index": 400,
-                                  "label": "Guadalajara (5:00 AM)",
-                                  "value": "America/Mexico_City",
-                                },
-                                Object {
-                                  "index": 400,
-                                  "label": "Mexico City (5:00 AM)",
-                                  "value": "America/Mexico_City",
-                                },
-                                Object {
-                                  "index": 400,
-                                  "label": "Monterrey (5:00 AM)",
-                                  "value": "America/Monterrey",
-                                },
-                                Object {
-                                  "index": 400,
-                                  "label": "Bogota (5:00 AM)",
-                                  "value": "America/Bogota",
-                                },
-                                Object {
-                                  "index": 400,
-                                  "label": "Lima (5:00 AM)",
-                                  "value": "America/Lima",
-                                },
-                                Object {
-                                  "index": 400,
-                                  "label": "Quito (5:00 AM)",
-                                  "value": "America/Lima",
-                                },
-                                Object {
-                                  "index": 400,
-                                  "label": "Ekaterinburg (3:00 PM)",
-                                  "value": "Asia/Yekaterinburg",
-                                },
-                                Object {
-                                  "index": 400,
-                                  "label": "Islamabad (3:00 PM)",
-                                  "value": "Asia/Karachi",
-                                },
-                                Object {
-                                  "index": 400,
-                                  "label": "Karachi (3:00 PM)",
-                                  "value": "Asia/Karachi",
-                                },
-                                Object {
-                                  "index": 400,
-                                  "label": "Tashkent (3:00 PM)",
-                                  "value": "Asia/Tashkent",
-                                },
-                                Object {
-                                  "index": 430,
-                                  "label": "Chennai (3:30 PM)",
-                                  "value": "Asia/Kolkata",
-                                },
-                                Object {
-                                  "index": 430,
-                                  "label": "Kolkata (3:30 PM)",
-                                  "value": "Asia/Kolkata",
-                                },
-                                Object {
-                                  "index": 430,
-                                  "label": "Mumbai (3:30 PM)",
-                                  "value": "Asia/Kolkata",
-                                },
-                                Object {
-                                  "index": 430,
-                                  "label": "New Delhi (3:30 PM)",
-                                  "value": "Asia/Kolkata",
-                                },
-                                Object {
-                                  "index": 430,
-                                  "label": "Sri Jayawardenepura (3:30 PM)",
-                                  "value": "Asia/Colombo",
-                                },
-                                Object {
-                                  "index": 445,
-                                  "label": "Kathmandu (3:45 PM)",
-                                  "value": "Asia/Kathmandu",
-                                },
-                                Object {
-                                  "index": 460,
-                                  "label": "Chihuahua (4:00 AM)",
-                                  "value": "America/Chihuahua",
-                                },
-                                Object {
-                                  "index": 460,
-                                  "label": "Mazatlan (4:00 AM)",
-                                  "value": "America/Mazatlan",
-                                },
-                                Object {
-                                  "index": 460,
-                                  "label": "Saskatchewan (4:00 AM)",
-                                  "value": "America/Regina",
-                                },
-                                Object {
-                                  "index": 460,
-                                  "label": "Central America (4:00 AM)",
-                                  "value": "America/Guatemala",
-                                },
-                                Object {
-                                  "index": 460,
-                                  "label": "Astana (4:00 PM)",
-                                  "value": "Asia/Dhaka",
-                                },
-                                Object {
-                                  "index": 460,
-                                  "label": "Dhaka (4:00 PM)",
-                                  "value": "Asia/Dhaka",
-                                },
-                                Object {
-                                  "index": 460,
-                                  "label": "Almaty (4:00 PM)",
-                                  "value": "Asia/Almaty",
-                                },
-                                Object {
-                                  "index": 460,
-                                  "label": "Urumqi (4:00 PM)",
-                                  "value": "Asia/Urumqi",
-                                },
-                                Object {
-                                  "index": 490,
-                                  "label": "Rangoon (4:30 PM)",
-                                  "value": "Asia/Rangoon",
-                                },
-                                Object {
-                                  "index": 520,
-                                  "label": "Tijuana (3:00 AM)",
-                                  "value": "America/Tijuana",
-                                },
-                                Object {
-                                  "index": 520,
-                                  "label": "Novosibirsk (5:00 PM)",
-                                  "value": "Asia/Novosibirsk",
-                                },
-                                Object {
-                                  "index": 520,
-                                  "label": "Bangkok (5:00 PM)",
-                                  "value": "Asia/Bangkok",
-                                },
-                                Object {
-                                  "index": 520,
-                                  "label": "Hanoi (5:00 PM)",
-                                  "value": "Asia/Bangkok",
-                                },
-                                Object {
-                                  "index": 520,
-                                  "label": "Jakarta (5:00 PM)",
-                                  "value": "Asia/Jakarta",
-                                },
-                                Object {
-                                  "index": 520,
-                                  "label": "Krasnoyarsk (5:00 PM)",
-                                  "value": "Asia/Krasnoyarsk",
-                                },
-                                Object {
-                                  "index": 580,
-                                  "label": "Beijing (6:00 PM)",
-                                  "value": "Asia/Shanghai",
-                                },
-                                Object {
-                                  "index": 580,
-                                  "label": "Chongqing (6:00 PM)",
-                                  "value": "Asia/Chongqing",
-                                },
-                                Object {
-                                  "index": 580,
-                                  "label": "Hong Kong (6:00 PM)",
-                                  "value": "Asia/Hong_Kong",
-                                },
-                                Object {
-                                  "index": 580,
-                                  "label": "Kuala Lumpur (6:00 PM)",
-                                  "value": "Asia/Kuala_Lumpur",
-                                },
-                                Object {
-                                  "index": 580,
-                                  "label": "Singapore (6:00 PM)",
-                                  "value": "Asia/Singapore",
-                                },
-                                Object {
-                                  "index": 580,
-                                  "label": "Taipei (6:00 PM)",
-                                  "value": "Asia/Taipei",
-                                },
-                                Object {
-                                  "index": 580,
-                                  "label": "Perth (6:00 PM)",
-                                  "value": "Australia/Perth",
-                                },
-                                Object {
-                                  "index": 580,
-                                  "label": "Irkutsk (6:00 PM)",
-                                  "value": "Asia/Irkutsk",
-                                },
-                                Object {
-                                  "index": 580,
-                                  "label": "Ulaanbaatar (6:00 PM)",
-                                  "value": "Asia/Ulaanbaatar",
-                                },
-                                Object {
-                                  "index": 640,
-                                  "label": "Seoul (7:00 PM)",
-                                  "value": "Asia/Seoul",
-                                },
-                                Object {
-                                  "index": 640,
-                                  "label": "Osaka (7:00 PM)",
-                                  "value": "Asia/Tokyo",
-                                },
-                                Object {
-                                  "index": 640,
-                                  "label": "Sapporo (7:00 PM)",
-                                  "value": "Asia/Tokyo",
-                                },
-                                Object {
-                                  "index": 640,
-                                  "label": "Tokyo (7:00 PM)",
-                                  "value": "Asia/Tokyo",
-                                },
-                                Object {
-                                  "index": 640,
-                                  "label": "Yakutsk (7:00 PM)",
-                                  "value": "Asia/Yakutsk",
-                                },
-                                Object {
-                                  "index": 670,
-                                  "label": "Darwin (7:30 PM)",
-                                  "value": "Australia/Darwin",
-                                },
-                                Object {
-                                  "index": 670,
-                                  "label": "Adelaide (7:30 PM)",
-                                  "value": "Australia/Adelaide",
-                                },
-                                Object {
-                                  "index": 700,
-                                  "label": "Canberra (8:00 PM)",
-                                  "value": "Australia/Melbourne",
-                                },
-                                Object {
-                                  "index": 700,
-                                  "label": "Melbourne (8:00 PM)",
-                                  "value": "Australia/Melbourne",
-                                },
-                                Object {
-                                  "index": 700,
-                                  "label": "Sydney (8:00 PM)",
-                                  "value": "Australia/Sydney",
-                                },
-                                Object {
-                                  "index": 700,
-                                  "label": "Brisbane (8:00 PM)",
-                                  "value": "Australia/Brisbane",
-                                },
-                                Object {
-                                  "index": 700,
-                                  "label": "Hobart (8:00 PM)",
-                                  "value": "Australia/Hobart",
-                                },
-                                Object {
-                                  "index": 700,
-                                  "label": "Vladivostok (8:00 PM)",
-                                  "value": "Asia/Vladivostok",
-                                },
-                                Object {
-                                  "index": 700,
-                                  "label": "Guam (8:00 PM)",
-                                  "value": "Pacific/Guam",
-                                },
-                                Object {
-                                  "index": 700,
-                                  "label": "Port Moresby (8:00 PM)",
-                                  "value": "Pacific/Port_Moresby",
-                                },
-                                Object {
-                                  "index": 760,
-                                  "label": "Midway Island (11:00 PM)",
-                                  "value": "Pacific/Midway",
-                                },
-                                Object {
-                                  "index": 760,
-                                  "label": "American Samoa (11:00 PM)",
-                                  "value": "Pacific/Pago_Pago",
-                                },
-                                Object {
-                                  "index": 760,
-                                  "label": "Magadan (9:00 PM)",
-                                  "value": "Asia/Magadan",
-                                },
-                                Object {
-                                  "index": 760,
-                                  "label": "Srednekolymsk (9:00 PM)",
-                                  "value": "Asia/Srednekolymsk",
-                                },
-                                Object {
-                                  "index": 760,
-                                  "label": "Solomon Is. (9:00 PM)",
-                                  "value": "Pacific/Guadalcanal",
-                                },
-                                Object {
-                                  "index": 760,
-                                  "label": "New Caledonia (9:00 PM)",
-                                  "value": "Pacific/Noumea",
-                                },
-                                Object {
-                                  "index": 820,
-                                  "label": "International Date Line West (10:00 PM)",
-                                  "value": "Etc/GMT+12",
-                                },
-                                Object {
-                                  "index": 820,
-                                  "label": "Fiji (10:00 PM)",
-                                  "value": "Pacific/Fiji",
-                                },
-                                Object {
-                                  "index": 820,
-                                  "label": "Kamchatka (10:00 PM)",
-                                  "value": "Asia/Kamchatka",
-                                },
-                                Object {
-                                  "index": 820,
-                                  "label": "Marshall Is. (10:00 PM)",
-                                  "value": "Pacific/Majuro",
-                                },
-                                Object {
-                                  "index": 820,
-                                  "label": "Auckland (10:00 PM)",
-                                  "value": "Pacific/Auckland",
-                                },
-                                Object {
-                                  "index": 820,
-                                  "label": "Wellington (10:00 PM)",
-                                  "value": "Pacific/Auckland",
-                                },
-                                Object {
-                                  "index": 865,
-                                  "label": "Chatham Is. (10:45 PM)",
-                                  "value": "Pacific/Chatham",
-                                },
-                                Object {
-                                  "index": 880,
-                                  "label": "Nuku'alofa (11:00 PM)",
-                                  "value": "Pacific/Tongatapu",
-                                },
-                                Object {
-                                  "index": 880,
-                                  "label": "Tokelau Is. (11:00 PM)",
-                                  "value": "Pacific/Fakaofo",
-                                },
-                                Object {
-                                  "index": 880,
-                                  "label": "Samoa (11:00 PM)",
-                                  "value": "Pacific/Apia",
-                                },
-                              ]
-                            }
-                            placeholder="Select a timezone"
-                            readOnly={false}
-                            required={false}
-                            strongLabel={true}
-                            styling={
-                              Object {
-                                "& .cf-select__menu-list": Object {
-                                  "& > :nth-child(10)": Object {
-                                    "borderBottom": "1px solid grey",
-                                  },
-                                  "height": "390px !important",
-                                  "maxHeight": "none",
-                                  "overflowY": "auto",
-                                },
-                              }
-                            }
-                            value="America/Los_Angeles"
-                          >
-                            <div
-                              className=""
-                            >
-                              <div
-                                className="cf-form-dropdown dropdown-appellantTz"
-                                data-css-1gh7024=""
-                              >
-                                <label
-                                  className="question-label"
-                                  htmlFor="appellant-tz"
-                                  id="appellant-tz-label"
-                                >
-                                  <strong>
-                                    <FormLabel
-                                      label="Veteran Timezone"
-                                      name="Veteran Timezone"
-                                      optional={true}
-                                      required={false}
-                                    >
-                                      <span>
-                                        Veteran Timezone
-                                        <span
-                                          className="cf-optional"
-                                        >
-                                          Optional
-                                        </span>
-                                      </span>
-                                    </FormLabel>
-                                  </strong>
-                                </label>
-                                <div
-                                  className="cf-select"
-                                >
-                                  <StateManager
-                                    cache={false}
-                                    classNamePrefix="cf-select"
-                                    components={
-                                      Object {
-                                        "Input": [Function],
-                                        "MenuList": [Function],
-                                        "Option": [Function],
-                                      }
-                                    }
-                                    defaultInputValue=""
-                                    defaultMenuIsOpen={false}
-                                    defaultValue={null}
-                                    inputId="appellant-tz"
-                                    isDisabled={false}
-                                    isLoading={false}
-                                    isSearchable={true}
-                                    name="appellantTz"
-                                    noOptionsMessage={[Function]}
-                                    onBlurResetsInput={false}
-                                    onChange={[Function]}
-                                    onMenuClose={[Function]}
-                                    onMenuOpen={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "",
-                                          "value": null,
-                                        },
-                                        Object {
-                                          "index": -3,
-                                          "label": "Eastern Time (US & Canada) (6:00 AM)",
-                                          "value": "America/New_York",
-                                        },
-                                        Object {
-                                          "index": -2,
-                                          "label": "Central Time (US & Canada) (5:00 AM)",
-                                          "value": "America/Chicago",
-                                        },
-                                        Object {
-                                          "index": -1,
-                                          "label": "Mountain Time (US & Canada) (4:00 AM)",
-                                          "value": "America/Denver",
-                                        },
-                                        Object {
-                                          "index": -0,
-                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                          "value": "America/Los_Angeles",
-                                        },
-                                        Object {
-                                          "index": 2.4,
-                                          "label": "Indiana (East) (6:00 AM)",
-                                          "value": "America/Indiana/Indianapolis",
-                                        },
-                                        Object {
-                                          "index": 2.4,
-                                          "label": "Puerto Rico (6:00 AM)",
-                                          "value": "America/Puerto_Rico",
-                                        },
-                                        Object {
-                                          "index": 4.2,
-                                          "label": "Arizona (3:00 AM)",
-                                          "value": "America/Phoenix",
-                                        },
-                                        Object {
-                                          "index": 4.8,
-                                          "label": "Alaska (2:00 AM)",
-                                          "value": "America/Juneau",
-                                        },
-                                        Object {
-                                          "index": 4.8,
-                                          "label": "Philippine Standard Time (6:00 PM)",
-                                          "value": "Asia/Manila",
-                                        },
-                                        Object {
-                                          "index": 6,
-                                          "label": "Hawaii (12:00 AM)",
-                                          "value": "Pacific/Honolulu",
-                                        },
-                                        Object {
-                                          "index": 100,
-                                          "label": "Azores (10:00 AM)",
-                                          "value": "Atlantic/Azores",
-                                        },
-                                        Object {
-                                          "index": 100,
-                                          "label": "Monrovia (10:00 AM)",
-                                          "value": "Africa/Monrovia",
-                                        },
-                                        Object {
-                                          "index": 100,
-                                          "label": "UTC (10:00 AM)",
-                                          "value": "Etc/UTC",
-                                        },
-                                        Object {
-                                          "index": 160,
-                                          "label": "Cape Verde Is. (9:00 AM)",
-                                          "value": "Atlantic/Cape_Verde",
-                                        },
-                                        Object {
-                                          "index": 160,
-                                          "label": "Dublin (11:00 AM)",
-                                          "value": "Europe/Dublin",
-                                        },
-                                        Object {
-                                          "index": 160,
-                                          "label": "Edinburgh (11:00 AM)",
-                                          "value": "Europe/London",
-                                        },
-                                        Object {
-                                          "index": 160,
-                                          "label": "Lisbon (11:00 AM)",
-                                          "value": "Europe/Lisbon",
-                                        },
-                                        Object {
-                                          "index": 160,
-                                          "label": "London (11:00 AM)",
-                                          "value": "Europe/London",
-                                        },
-                                        Object {
-                                          "index": 160,
-                                          "label": "Casablanca (11:00 AM)",
-                                          "value": "Africa/Casablanca",
-                                        },
-                                        Object {
-                                          "index": 160,
-                                          "label": "West Central Africa (11:00 AM)",
-                                          "value": "Africa/Algiers",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Greenland (8:00 AM)",
-                                          "value": "America/Godthab",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Mid-Atlantic (8:00 AM)",
-                                          "value": "Atlantic/South_Georgia",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Belgrade (12:00 PM)",
-                                          "value": "Europe/Belgrade",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Bratislava (12:00 PM)",
-                                          "value": "Europe/Bratislava",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Budapest (12:00 PM)",
-                                          "value": "Europe/Budapest",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Ljubljana (12:00 PM)",
-                                          "value": "Europe/Ljubljana",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Prague (12:00 PM)",
-                                          "value": "Europe/Prague",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Sarajevo (12:00 PM)",
-                                          "value": "Europe/Sarajevo",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Skopje (12:00 PM)",
-                                          "value": "Europe/Skopje",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Warsaw (12:00 PM)",
-                                          "value": "Europe/Warsaw",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Zagreb (12:00 PM)",
-                                          "value": "Europe/Zagreb",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Brussels (12:00 PM)",
-                                          "value": "Europe/Brussels",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Copenhagen (12:00 PM)",
-                                          "value": "Europe/Copenhagen",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Madrid (12:00 PM)",
-                                          "value": "Europe/Madrid",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Paris (12:00 PM)",
-                                          "value": "Europe/Paris",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Amsterdam (12:00 PM)",
-                                          "value": "Europe/Amsterdam",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Berlin (12:00 PM)",
-                                          "value": "Europe/Berlin",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Bern (12:00 PM)",
-                                          "value": "Europe/Zurich",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Zurich (12:00 PM)",
-                                          "value": "Europe/Zurich",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Rome (12:00 PM)",
-                                          "value": "Europe/Rome",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Stockholm (12:00 PM)",
-                                          "value": "Europe/Stockholm",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Vienna (12:00 PM)",
-                                          "value": "Europe/Vienna",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Cairo (12:00 PM)",
-                                          "value": "Africa/Cairo",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Harare (12:00 PM)",
-                                          "value": "Africa/Harare",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Pretoria (12:00 PM)",
-                                          "value": "Africa/Johannesburg",
-                                        },
-                                        Object {
-                                          "index": 220,
-                                          "label": "Kaliningrad (12:00 PM)",
-                                          "value": "Europe/Kaliningrad",
-                                        },
-                                        Object {
-                                          "index": 250,
-                                          "label": "Newfoundland (7:30 AM)",
-                                          "value": "America/St_Johns",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Atlantic Time (Canada) (7:00 AM)",
-                                          "value": "America/Halifax",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Brasilia (7:00 AM)",
-                                          "value": "America/Sao_Paulo",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Buenos Aires (7:00 AM)",
-                                          "value": "America/Argentina/Buenos_Aires",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Montevideo (7:00 AM)",
-                                          "value": "America/Montevideo",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Bucharest (1:00 PM)",
-                                          "value": "Europe/Bucharest",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Helsinki (1:00 PM)",
-                                          "value": "Europe/Helsinki",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Kyiv (1:00 PM)",
-                                          "value": "Europe/Kiev",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Riga (1:00 PM)",
-                                          "value": "Europe/Riga",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Sofia (1:00 PM)",
-                                          "value": "Europe/Sofia",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Tallinn (1:00 PM)",
-                                          "value": "Europe/Tallinn",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Vilnius (1:00 PM)",
-                                          "value": "Europe/Vilnius",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Athens (1:00 PM)",
-                                          "value": "Europe/Athens",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Istanbul (1:00 PM)",
-                                          "value": "Europe/Istanbul",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Minsk (1:00 PM)",
-                                          "value": "Europe/Minsk",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Jerusalem (1:00 PM)",
-                                          "value": "Asia/Jerusalem",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Moscow (1:00 PM)",
-                                          "value": "Europe/Moscow",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "St. Petersburg (1:00 PM)",
-                                          "value": "Europe/Moscow",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Kuwait (1:00 PM)",
-                                          "value": "Asia/Kuwait",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Riyadh (1:00 PM)",
-                                          "value": "Asia/Riyadh",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Nairobi (1:00 PM)",
-                                          "value": "Africa/Nairobi",
-                                        },
-                                        Object {
-                                          "index": 280,
-                                          "label": "Baghdad (1:00 PM)",
-                                          "value": "Asia/Baghdad",
-                                        },
-                                        Object {
-                                          "index": 340,
-                                          "label": "Caracas (6:00 AM)",
-                                          "value": "America/Caracas",
-                                        },
-                                        Object {
-                                          "index": 340,
-                                          "label": "La Paz (6:00 AM)",
-                                          "value": "America/La_Paz",
-                                        },
-                                        Object {
-                                          "index": 340,
-                                          "label": "Santiago (6:00 AM)",
-                                          "value": "America/Santiago",
-                                        },
-                                        Object {
-                                          "index": 340,
-                                          "label": "Georgetown (6:00 AM)",
-                                          "value": "America/Guyana",
-                                        },
-                                        Object {
-                                          "index": 340,
-                                          "label": "Volgograd (2:00 PM)",
-                                          "value": "Europe/Volgograd",
-                                        },
-                                        Object {
-                                          "index": 340,
-                                          "label": "Samara (2:00 PM)",
-                                          "value": "Europe/Samara",
-                                        },
-                                        Object {
-                                          "index": 340,
-                                          "label": "Abu Dhabi (2:00 PM)",
-                                          "value": "Asia/Muscat",
-                                        },
-                                        Object {
-                                          "index": 340,
-                                          "label": "Muscat (2:00 PM)",
-                                          "value": "Asia/Muscat",
-                                        },
-                                        Object {
-                                          "index": 340,
-                                          "label": "Baku (2:00 PM)",
-                                          "value": "Asia/Baku",
-                                        },
-                                        Object {
-                                          "index": 340,
-                                          "label": "Tbilisi (2:00 PM)",
-                                          "value": "Asia/Tbilisi",
-                                        },
-                                        Object {
-                                          "index": 340,
-                                          "label": "Yerevan (2:00 PM)",
-                                          "value": "Asia/Yerevan",
-                                        },
-                                        Object {
-                                          "index": 370,
-                                          "label": "Tehran (2:30 PM)",
-                                          "value": "Asia/Tehran",
-                                        },
-                                        Object {
-                                          "index": 370,
-                                          "label": "Kabul (2:30 PM)",
-                                          "value": "Asia/Kabul",
-                                        },
-                                        Object {
-                                          "index": 400,
-                                          "label": "Guadalajara (5:00 AM)",
-                                          "value": "America/Mexico_City",
-                                        },
-                                        Object {
-                                          "index": 400,
-                                          "label": "Mexico City (5:00 AM)",
-                                          "value": "America/Mexico_City",
-                                        },
-                                        Object {
-                                          "index": 400,
-                                          "label": "Monterrey (5:00 AM)",
-                                          "value": "America/Monterrey",
-                                        },
-                                        Object {
-                                          "index": 400,
-                                          "label": "Bogota (5:00 AM)",
-                                          "value": "America/Bogota",
-                                        },
-                                        Object {
-                                          "index": 400,
-                                          "label": "Lima (5:00 AM)",
-                                          "value": "America/Lima",
-                                        },
-                                        Object {
-                                          "index": 400,
-                                          "label": "Quito (5:00 AM)",
-                                          "value": "America/Lima",
-                                        },
-                                        Object {
-                                          "index": 400,
-                                          "label": "Ekaterinburg (3:00 PM)",
-                                          "value": "Asia/Yekaterinburg",
-                                        },
-                                        Object {
-                                          "index": 400,
-                                          "label": "Islamabad (3:00 PM)",
-                                          "value": "Asia/Karachi",
-                                        },
-                                        Object {
-                                          "index": 400,
-                                          "label": "Karachi (3:00 PM)",
-                                          "value": "Asia/Karachi",
-                                        },
-                                        Object {
-                                          "index": 400,
-                                          "label": "Tashkent (3:00 PM)",
-                                          "value": "Asia/Tashkent",
-                                        },
-                                        Object {
-                                          "index": 430,
-                                          "label": "Chennai (3:30 PM)",
-                                          "value": "Asia/Kolkata",
-                                        },
-                                        Object {
-                                          "index": 430,
-                                          "label": "Kolkata (3:30 PM)",
-                                          "value": "Asia/Kolkata",
-                                        },
-                                        Object {
-                                          "index": 430,
-                                          "label": "Mumbai (3:30 PM)",
-                                          "value": "Asia/Kolkata",
-                                        },
-                                        Object {
-                                          "index": 430,
-                                          "label": "New Delhi (3:30 PM)",
-                                          "value": "Asia/Kolkata",
-                                        },
-                                        Object {
-                                          "index": 430,
-                                          "label": "Sri Jayawardenepura (3:30 PM)",
-                                          "value": "Asia/Colombo",
-                                        },
-                                        Object {
-                                          "index": 445,
-                                          "label": "Kathmandu (3:45 PM)",
-                                          "value": "Asia/Kathmandu",
-                                        },
-                                        Object {
-                                          "index": 460,
-                                          "label": "Chihuahua (4:00 AM)",
-                                          "value": "America/Chihuahua",
-                                        },
-                                        Object {
-                                          "index": 460,
-                                          "label": "Mazatlan (4:00 AM)",
-                                          "value": "America/Mazatlan",
-                                        },
-                                        Object {
-                                          "index": 460,
-                                          "label": "Saskatchewan (4:00 AM)",
-                                          "value": "America/Regina",
-                                        },
-                                        Object {
-                                          "index": 460,
-                                          "label": "Central America (4:00 AM)",
-                                          "value": "America/Guatemala",
-                                        },
-                                        Object {
-                                          "index": 460,
-                                          "label": "Astana (4:00 PM)",
-                                          "value": "Asia/Dhaka",
-                                        },
-                                        Object {
-                                          "index": 460,
-                                          "label": "Dhaka (4:00 PM)",
-                                          "value": "Asia/Dhaka",
-                                        },
-                                        Object {
-                                          "index": 460,
-                                          "label": "Almaty (4:00 PM)",
-                                          "value": "Asia/Almaty",
-                                        },
-                                        Object {
-                                          "index": 460,
-                                          "label": "Urumqi (4:00 PM)",
-                                          "value": "Asia/Urumqi",
-                                        },
-                                        Object {
-                                          "index": 490,
-                                          "label": "Rangoon (4:30 PM)",
-                                          "value": "Asia/Rangoon",
-                                        },
-                                        Object {
-                                          "index": 520,
-                                          "label": "Tijuana (3:00 AM)",
-                                          "value": "America/Tijuana",
-                                        },
-                                        Object {
-                                          "index": 520,
-                                          "label": "Novosibirsk (5:00 PM)",
-                                          "value": "Asia/Novosibirsk",
-                                        },
-                                        Object {
-                                          "index": 520,
-                                          "label": "Bangkok (5:00 PM)",
-                                          "value": "Asia/Bangkok",
-                                        },
-                                        Object {
-                                          "index": 520,
-                                          "label": "Hanoi (5:00 PM)",
-                                          "value": "Asia/Bangkok",
-                                        },
-                                        Object {
-                                          "index": 520,
-                                          "label": "Jakarta (5:00 PM)",
-                                          "value": "Asia/Jakarta",
-                                        },
-                                        Object {
-                                          "index": 520,
-                                          "label": "Krasnoyarsk (5:00 PM)",
-                                          "value": "Asia/Krasnoyarsk",
-                                        },
-                                        Object {
-                                          "index": 580,
-                                          "label": "Beijing (6:00 PM)",
-                                          "value": "Asia/Shanghai",
-                                        },
-                                        Object {
-                                          "index": 580,
-                                          "label": "Chongqing (6:00 PM)",
-                                          "value": "Asia/Chongqing",
-                                        },
-                                        Object {
-                                          "index": 580,
-                                          "label": "Hong Kong (6:00 PM)",
-                                          "value": "Asia/Hong_Kong",
-                                        },
-                                        Object {
-                                          "index": 580,
-                                          "label": "Kuala Lumpur (6:00 PM)",
-                                          "value": "Asia/Kuala_Lumpur",
-                                        },
-                                        Object {
-                                          "index": 580,
-                                          "label": "Singapore (6:00 PM)",
-                                          "value": "Asia/Singapore",
-                                        },
-                                        Object {
-                                          "index": 580,
-                                          "label": "Taipei (6:00 PM)",
-                                          "value": "Asia/Taipei",
-                                        },
-                                        Object {
-                                          "index": 580,
-                                          "label": "Perth (6:00 PM)",
-                                          "value": "Australia/Perth",
-                                        },
-                                        Object {
-                                          "index": 580,
-                                          "label": "Irkutsk (6:00 PM)",
-                                          "value": "Asia/Irkutsk",
-                                        },
-                                        Object {
-                                          "index": 580,
-                                          "label": "Ulaanbaatar (6:00 PM)",
-                                          "value": "Asia/Ulaanbaatar",
-                                        },
-                                        Object {
-                                          "index": 640,
-                                          "label": "Seoul (7:00 PM)",
-                                          "value": "Asia/Seoul",
-                                        },
-                                        Object {
-                                          "index": 640,
-                                          "label": "Osaka (7:00 PM)",
-                                          "value": "Asia/Tokyo",
-                                        },
-                                        Object {
-                                          "index": 640,
-                                          "label": "Sapporo (7:00 PM)",
-                                          "value": "Asia/Tokyo",
-                                        },
-                                        Object {
-                                          "index": 640,
-                                          "label": "Tokyo (7:00 PM)",
-                                          "value": "Asia/Tokyo",
-                                        },
-                                        Object {
-                                          "index": 640,
-                                          "label": "Yakutsk (7:00 PM)",
-                                          "value": "Asia/Yakutsk",
-                                        },
-                                        Object {
-                                          "index": 670,
-                                          "label": "Darwin (7:30 PM)",
-                                          "value": "Australia/Darwin",
-                                        },
-                                        Object {
-                                          "index": 670,
-                                          "label": "Adelaide (7:30 PM)",
-                                          "value": "Australia/Adelaide",
-                                        },
-                                        Object {
-                                          "index": 700,
-                                          "label": "Canberra (8:00 PM)",
-                                          "value": "Australia/Melbourne",
-                                        },
-                                        Object {
-                                          "index": 700,
-                                          "label": "Melbourne (8:00 PM)",
-                                          "value": "Australia/Melbourne",
-                                        },
-                                        Object {
-                                          "index": 700,
-                                          "label": "Sydney (8:00 PM)",
-                                          "value": "Australia/Sydney",
-                                        },
-                                        Object {
-                                          "index": 700,
-                                          "label": "Brisbane (8:00 PM)",
-                                          "value": "Australia/Brisbane",
-                                        },
-                                        Object {
-                                          "index": 700,
-                                          "label": "Hobart (8:00 PM)",
-                                          "value": "Australia/Hobart",
-                                        },
-                                        Object {
-                                          "index": 700,
-                                          "label": "Vladivostok (8:00 PM)",
-                                          "value": "Asia/Vladivostok",
-                                        },
-                                        Object {
-                                          "index": 700,
-                                          "label": "Guam (8:00 PM)",
-                                          "value": "Pacific/Guam",
-                                        },
-                                        Object {
-                                          "index": 700,
-                                          "label": "Port Moresby (8:00 PM)",
-                                          "value": "Pacific/Port_Moresby",
-                                        },
-                                        Object {
-                                          "index": 760,
-                                          "label": "Midway Island (11:00 PM)",
-                                          "value": "Pacific/Midway",
-                                        },
-                                        Object {
-                                          "index": 760,
-                                          "label": "American Samoa (11:00 PM)",
-                                          "value": "Pacific/Pago_Pago",
-                                        },
-                                        Object {
-                                          "index": 760,
-                                          "label": "Magadan (9:00 PM)",
-                                          "value": "Asia/Magadan",
-                                        },
-                                        Object {
-                                          "index": 760,
-                                          "label": "Srednekolymsk (9:00 PM)",
-                                          "value": "Asia/Srednekolymsk",
-                                        },
-                                        Object {
-                                          "index": 760,
-                                          "label": "Solomon Is. (9:00 PM)",
-                                          "value": "Pacific/Guadalcanal",
-                                        },
-                                        Object {
-                                          "index": 760,
-                                          "label": "New Caledonia (9:00 PM)",
-                                          "value": "Pacific/Noumea",
-                                        },
-                                        Object {
-                                          "index": 820,
-                                          "label": "International Date Line West (10:00 PM)",
-                                          "value": "Etc/GMT+12",
-                                        },
-                                        Object {
-                                          "index": 820,
-                                          "label": "Fiji (10:00 PM)",
-                                          "value": "Pacific/Fiji",
-                                        },
-                                        Object {
-                                          "index": 820,
-                                          "label": "Kamchatka (10:00 PM)",
-                                          "value": "Asia/Kamchatka",
-                                        },
-                                        Object {
-                                          "index": 820,
-                                          "label": "Marshall Is. (10:00 PM)",
-                                          "value": "Pacific/Majuro",
-                                        },
-                                        Object {
-                                          "index": 820,
-                                          "label": "Auckland (10:00 PM)",
-                                          "value": "Pacific/Auckland",
-                                        },
-                                        Object {
-                                          "index": 820,
-                                          "label": "Wellington (10:00 PM)",
-                                          "value": "Pacific/Auckland",
-                                        },
-                                        Object {
-                                          "index": 865,
-                                          "label": "Chatham Is. (10:45 PM)",
-                                          "value": "Pacific/Chatham",
-                                        },
-                                        Object {
-                                          "index": 880,
-                                          "label": "Nuku'alofa (11:00 PM)",
-                                          "value": "Pacific/Tongatapu",
-                                        },
-                                        Object {
-                                          "index": 880,
-                                          "label": "Tokelau Is. (11:00 PM)",
-                                          "value": "Pacific/Fakaofo",
-                                        },
-                                        Object {
-                                          "index": 880,
-                                          "label": "Samoa (11:00 PM)",
-                                          "value": "Pacific/Apia",
-                                        },
-                                      ]
-                                    }
-                                    placeholder="Select a timezone"
-                                    shouldKeyDownEventCreateNewOption={[Function]}
-                                    styles={
-                                      Object {
-                                        "input": [Function],
-                                      }
-                                    }
-                                    value={
-                                      Object {
-                                        "index": -0,
-                                        "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                        "value": "America/Los_Angeles",
-                                      }
-                                    }
-                                  >
-                                    <Select
-                                      backspaceRemovesValue={true}
-                                      blurInputOnSelect={true}
-                                      cache={false}
-                                      captureMenuScroll={false}
-                                      classNamePrefix="cf-select"
-                                      closeMenuOnScroll={false}
-                                      closeMenuOnSelect={true}
-                                      components={
-                                        Object {
-                                          "Input": [Function],
-                                          "MenuList": [Function],
-                                          "Option": [Function],
-                                        }
-                                      }
-                                      controlShouldRenderValue={true}
-                                      escapeClearsValue={false}
-                                      filterOption={[Function]}
-                                      formatGroupLabel={[Function]}
-                                      getOptionLabel={[Function]}
-                                      getOptionValue={[Function]}
-                                      inputId="appellant-tz"
-                                      inputValue=""
-                                      isDisabled={false}
-                                      isLoading={false}
-                                      isMulti={false}
-                                      isOptionDisabled={[Function]}
-                                      isRtl={false}
-                                      isSearchable={true}
-                                      loadingMessage={[Function]}
-                                      maxMenuHeight={300}
-                                      menuIsOpen={false}
-                                      menuPlacement="bottom"
-                                      menuPosition="absolute"
-                                      menuShouldBlockScroll={false}
-                                      menuShouldScrollIntoView={true}
-                                      minMenuHeight={140}
-                                      name="appellantTz"
-                                      noOptionsMessage={[Function]}
-                                      onBlurResetsInput={false}
-                                      onChange={[Function]}
-                                      onInputChange={[Function]}
-                                      onMenuClose={[Function]}
-                                      onMenuOpen={[Function]}
-                                      openMenuOnClick={true}
-                                      openMenuOnFocus={false}
-                                      options={
-                                        Array [
-                                          Object {
-                                            "label": "",
-                                            "value": null,
-                                          },
-                                          Object {
-                                            "index": -3,
-                                            "label": "Eastern Time (US & Canada) (6:00 AM)",
-                                            "value": "America/New_York",
-                                          },
-                                          Object {
-                                            "index": -2,
-                                            "label": "Central Time (US & Canada) (5:00 AM)",
-                                            "value": "America/Chicago",
-                                          },
-                                          Object {
-                                            "index": -1,
-                                            "label": "Mountain Time (US & Canada) (4:00 AM)",
-                                            "value": "America/Denver",
-                                          },
-                                          Object {
-                                            "index": -0,
-                                            "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                            "value": "America/Los_Angeles",
-                                          },
-                                          Object {
-                                            "index": 2.4,
-                                            "label": "Indiana (East) (6:00 AM)",
-                                            "value": "America/Indiana/Indianapolis",
-                                          },
-                                          Object {
-                                            "index": 2.4,
-                                            "label": "Puerto Rico (6:00 AM)",
-                                            "value": "America/Puerto_Rico",
-                                          },
-                                          Object {
-                                            "index": 4.2,
-                                            "label": "Arizona (3:00 AM)",
-                                            "value": "America/Phoenix",
-                                          },
-                                          Object {
-                                            "index": 4.8,
-                                            "label": "Alaska (2:00 AM)",
-                                            "value": "America/Juneau",
-                                          },
-                                          Object {
-                                            "index": 4.8,
-                                            "label": "Philippine Standard Time (6:00 PM)",
-                                            "value": "Asia/Manila",
-                                          },
-                                          Object {
-                                            "index": 6,
-                                            "label": "Hawaii (12:00 AM)",
-                                            "value": "Pacific/Honolulu",
-                                          },
-                                          Object {
-                                            "index": 100,
-                                            "label": "Azores (10:00 AM)",
-                                            "value": "Atlantic/Azores",
-                                          },
-                                          Object {
-                                            "index": 100,
-                                            "label": "Monrovia (10:00 AM)",
-                                            "value": "Africa/Monrovia",
-                                          },
-                                          Object {
-                                            "index": 100,
-                                            "label": "UTC (10:00 AM)",
-                                            "value": "Etc/UTC",
-                                          },
-                                          Object {
-                                            "index": 160,
-                                            "label": "Cape Verde Is. (9:00 AM)",
-                                            "value": "Atlantic/Cape_Verde",
-                                          },
-                                          Object {
-                                            "index": 160,
-                                            "label": "Dublin (11:00 AM)",
-                                            "value": "Europe/Dublin",
-                                          },
-                                          Object {
-                                            "index": 160,
-                                            "label": "Edinburgh (11:00 AM)",
-                                            "value": "Europe/London",
-                                          },
-                                          Object {
-                                            "index": 160,
-                                            "label": "Lisbon (11:00 AM)",
-                                            "value": "Europe/Lisbon",
-                                          },
-                                          Object {
-                                            "index": 160,
-                                            "label": "London (11:00 AM)",
-                                            "value": "Europe/London",
-                                          },
-                                          Object {
-                                            "index": 160,
-                                            "label": "Casablanca (11:00 AM)",
-                                            "value": "Africa/Casablanca",
-                                          },
-                                          Object {
-                                            "index": 160,
-                                            "label": "West Central Africa (11:00 AM)",
-                                            "value": "Africa/Algiers",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Greenland (8:00 AM)",
-                                            "value": "America/Godthab",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Mid-Atlantic (8:00 AM)",
-                                            "value": "Atlantic/South_Georgia",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Belgrade (12:00 PM)",
-                                            "value": "Europe/Belgrade",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Bratislava (12:00 PM)",
-                                            "value": "Europe/Bratislava",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Budapest (12:00 PM)",
-                                            "value": "Europe/Budapest",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Ljubljana (12:00 PM)",
-                                            "value": "Europe/Ljubljana",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Prague (12:00 PM)",
-                                            "value": "Europe/Prague",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Sarajevo (12:00 PM)",
-                                            "value": "Europe/Sarajevo",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Skopje (12:00 PM)",
-                                            "value": "Europe/Skopje",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Warsaw (12:00 PM)",
-                                            "value": "Europe/Warsaw",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Zagreb (12:00 PM)",
-                                            "value": "Europe/Zagreb",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Brussels (12:00 PM)",
-                                            "value": "Europe/Brussels",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Copenhagen (12:00 PM)",
-                                            "value": "Europe/Copenhagen",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Madrid (12:00 PM)",
-                                            "value": "Europe/Madrid",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Paris (12:00 PM)",
-                                            "value": "Europe/Paris",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Amsterdam (12:00 PM)",
-                                            "value": "Europe/Amsterdam",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Berlin (12:00 PM)",
-                                            "value": "Europe/Berlin",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Bern (12:00 PM)",
-                                            "value": "Europe/Zurich",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Zurich (12:00 PM)",
-                                            "value": "Europe/Zurich",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Rome (12:00 PM)",
-                                            "value": "Europe/Rome",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Stockholm (12:00 PM)",
-                                            "value": "Europe/Stockholm",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Vienna (12:00 PM)",
-                                            "value": "Europe/Vienna",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Cairo (12:00 PM)",
-                                            "value": "Africa/Cairo",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Harare (12:00 PM)",
-                                            "value": "Africa/Harare",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Pretoria (12:00 PM)",
-                                            "value": "Africa/Johannesburg",
-                                          },
-                                          Object {
-                                            "index": 220,
-                                            "label": "Kaliningrad (12:00 PM)",
-                                            "value": "Europe/Kaliningrad",
-                                          },
-                                          Object {
-                                            "index": 250,
-                                            "label": "Newfoundland (7:30 AM)",
-                                            "value": "America/St_Johns",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Atlantic Time (Canada) (7:00 AM)",
-                                            "value": "America/Halifax",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Brasilia (7:00 AM)",
-                                            "value": "America/Sao_Paulo",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Buenos Aires (7:00 AM)",
-                                            "value": "America/Argentina/Buenos_Aires",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Montevideo (7:00 AM)",
-                                            "value": "America/Montevideo",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Bucharest (1:00 PM)",
-                                            "value": "Europe/Bucharest",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Helsinki (1:00 PM)",
-                                            "value": "Europe/Helsinki",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Kyiv (1:00 PM)",
-                                            "value": "Europe/Kiev",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Riga (1:00 PM)",
-                                            "value": "Europe/Riga",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Sofia (1:00 PM)",
-                                            "value": "Europe/Sofia",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Tallinn (1:00 PM)",
-                                            "value": "Europe/Tallinn",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Vilnius (1:00 PM)",
-                                            "value": "Europe/Vilnius",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Athens (1:00 PM)",
-                                            "value": "Europe/Athens",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Istanbul (1:00 PM)",
-                                            "value": "Europe/Istanbul",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Minsk (1:00 PM)",
-                                            "value": "Europe/Minsk",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Jerusalem (1:00 PM)",
-                                            "value": "Asia/Jerusalem",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Moscow (1:00 PM)",
-                                            "value": "Europe/Moscow",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "St. Petersburg (1:00 PM)",
-                                            "value": "Europe/Moscow",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Kuwait (1:00 PM)",
-                                            "value": "Asia/Kuwait",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Riyadh (1:00 PM)",
-                                            "value": "Asia/Riyadh",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Nairobi (1:00 PM)",
-                                            "value": "Africa/Nairobi",
-                                          },
-                                          Object {
-                                            "index": 280,
-                                            "label": "Baghdad (1:00 PM)",
-                                            "value": "Asia/Baghdad",
-                                          },
-                                          Object {
-                                            "index": 340,
-                                            "label": "Caracas (6:00 AM)",
-                                            "value": "America/Caracas",
-                                          },
-                                          Object {
-                                            "index": 340,
-                                            "label": "La Paz (6:00 AM)",
-                                            "value": "America/La_Paz",
-                                          },
-                                          Object {
-                                            "index": 340,
-                                            "label": "Santiago (6:00 AM)",
-                                            "value": "America/Santiago",
-                                          },
-                                          Object {
-                                            "index": 340,
-                                            "label": "Georgetown (6:00 AM)",
-                                            "value": "America/Guyana",
-                                          },
-                                          Object {
-                                            "index": 340,
-                                            "label": "Volgograd (2:00 PM)",
-                                            "value": "Europe/Volgograd",
-                                          },
-                                          Object {
-                                            "index": 340,
-                                            "label": "Samara (2:00 PM)",
-                                            "value": "Europe/Samara",
-                                          },
-                                          Object {
-                                            "index": 340,
-                                            "label": "Abu Dhabi (2:00 PM)",
-                                            "value": "Asia/Muscat",
-                                          },
-                                          Object {
-                                            "index": 340,
-                                            "label": "Muscat (2:00 PM)",
-                                            "value": "Asia/Muscat",
-                                          },
-                                          Object {
-                                            "index": 340,
-                                            "label": "Baku (2:00 PM)",
-                                            "value": "Asia/Baku",
-                                          },
-                                          Object {
-                                            "index": 340,
-                                            "label": "Tbilisi (2:00 PM)",
-                                            "value": "Asia/Tbilisi",
-                                          },
-                                          Object {
-                                            "index": 340,
-                                            "label": "Yerevan (2:00 PM)",
-                                            "value": "Asia/Yerevan",
-                                          },
-                                          Object {
-                                            "index": 370,
-                                            "label": "Tehran (2:30 PM)",
-                                            "value": "Asia/Tehran",
-                                          },
-                                          Object {
-                                            "index": 370,
-                                            "label": "Kabul (2:30 PM)",
-                                            "value": "Asia/Kabul",
-                                          },
-                                          Object {
-                                            "index": 400,
-                                            "label": "Guadalajara (5:00 AM)",
-                                            "value": "America/Mexico_City",
-                                          },
-                                          Object {
-                                            "index": 400,
-                                            "label": "Mexico City (5:00 AM)",
-                                            "value": "America/Mexico_City",
-                                          },
-                                          Object {
-                                            "index": 400,
-                                            "label": "Monterrey (5:00 AM)",
-                                            "value": "America/Monterrey",
-                                          },
-                                          Object {
-                                            "index": 400,
-                                            "label": "Bogota (5:00 AM)",
-                                            "value": "America/Bogota",
-                                          },
-                                          Object {
-                                            "index": 400,
-                                            "label": "Lima (5:00 AM)",
-                                            "value": "America/Lima",
-                                          },
-                                          Object {
-                                            "index": 400,
-                                            "label": "Quito (5:00 AM)",
-                                            "value": "America/Lima",
-                                          },
-                                          Object {
-                                            "index": 400,
-                                            "label": "Ekaterinburg (3:00 PM)",
-                                            "value": "Asia/Yekaterinburg",
-                                          },
-                                          Object {
-                                            "index": 400,
-                                            "label": "Islamabad (3:00 PM)",
-                                            "value": "Asia/Karachi",
-                                          },
-                                          Object {
-                                            "index": 400,
-                                            "label": "Karachi (3:00 PM)",
-                                            "value": "Asia/Karachi",
-                                          },
-                                          Object {
-                                            "index": 400,
-                                            "label": "Tashkent (3:00 PM)",
-                                            "value": "Asia/Tashkent",
-                                          },
-                                          Object {
-                                            "index": 430,
-                                            "label": "Chennai (3:30 PM)",
-                                            "value": "Asia/Kolkata",
-                                          },
-                                          Object {
-                                            "index": 430,
-                                            "label": "Kolkata (3:30 PM)",
-                                            "value": "Asia/Kolkata",
-                                          },
-                                          Object {
-                                            "index": 430,
-                                            "label": "Mumbai (3:30 PM)",
-                                            "value": "Asia/Kolkata",
-                                          },
-                                          Object {
-                                            "index": 430,
-                                            "label": "New Delhi (3:30 PM)",
-                                            "value": "Asia/Kolkata",
-                                          },
-                                          Object {
-                                            "index": 430,
-                                            "label": "Sri Jayawardenepura (3:30 PM)",
-                                            "value": "Asia/Colombo",
-                                          },
-                                          Object {
-                                            "index": 445,
-                                            "label": "Kathmandu (3:45 PM)",
-                                            "value": "Asia/Kathmandu",
-                                          },
-                                          Object {
-                                            "index": 460,
-                                            "label": "Chihuahua (4:00 AM)",
-                                            "value": "America/Chihuahua",
-                                          },
-                                          Object {
-                                            "index": 460,
-                                            "label": "Mazatlan (4:00 AM)",
-                                            "value": "America/Mazatlan",
-                                          },
-                                          Object {
-                                            "index": 460,
-                                            "label": "Saskatchewan (4:00 AM)",
-                                            "value": "America/Regina",
-                                          },
-                                          Object {
-                                            "index": 460,
-                                            "label": "Central America (4:00 AM)",
-                                            "value": "America/Guatemala",
-                                          },
-                                          Object {
-                                            "index": 460,
-                                            "label": "Astana (4:00 PM)",
-                                            "value": "Asia/Dhaka",
-                                          },
-                                          Object {
-                                            "index": 460,
-                                            "label": "Dhaka (4:00 PM)",
-                                            "value": "Asia/Dhaka",
-                                          },
-                                          Object {
-                                            "index": 460,
-                                            "label": "Almaty (4:00 PM)",
-                                            "value": "Asia/Almaty",
-                                          },
-                                          Object {
-                                            "index": 460,
-                                            "label": "Urumqi (4:00 PM)",
-                                            "value": "Asia/Urumqi",
-                                          },
-                                          Object {
-                                            "index": 490,
-                                            "label": "Rangoon (4:30 PM)",
-                                            "value": "Asia/Rangoon",
-                                          },
-                                          Object {
-                                            "index": 520,
-                                            "label": "Tijuana (3:00 AM)",
-                                            "value": "America/Tijuana",
-                                          },
-                                          Object {
-                                            "index": 520,
-                                            "label": "Novosibirsk (5:00 PM)",
-                                            "value": "Asia/Novosibirsk",
-                                          },
-                                          Object {
-                                            "index": 520,
-                                            "label": "Bangkok (5:00 PM)",
-                                            "value": "Asia/Bangkok",
-                                          },
-                                          Object {
-                                            "index": 520,
-                                            "label": "Hanoi (5:00 PM)",
-                                            "value": "Asia/Bangkok",
-                                          },
-                                          Object {
-                                            "index": 520,
-                                            "label": "Jakarta (5:00 PM)",
-                                            "value": "Asia/Jakarta",
-                                          },
-                                          Object {
-                                            "index": 520,
-                                            "label": "Krasnoyarsk (5:00 PM)",
-                                            "value": "Asia/Krasnoyarsk",
-                                          },
-                                          Object {
-                                            "index": 580,
-                                            "label": "Beijing (6:00 PM)",
-                                            "value": "Asia/Shanghai",
-                                          },
-                                          Object {
-                                            "index": 580,
-                                            "label": "Chongqing (6:00 PM)",
-                                            "value": "Asia/Chongqing",
-                                          },
-                                          Object {
-                                            "index": 580,
-                                            "label": "Hong Kong (6:00 PM)",
-                                            "value": "Asia/Hong_Kong",
-                                          },
-                                          Object {
-                                            "index": 580,
-                                            "label": "Kuala Lumpur (6:00 PM)",
-                                            "value": "Asia/Kuala_Lumpur",
-                                          },
-                                          Object {
-                                            "index": 580,
-                                            "label": "Singapore (6:00 PM)",
-                                            "value": "Asia/Singapore",
-                                          },
-                                          Object {
-                                            "index": 580,
-                                            "label": "Taipei (6:00 PM)",
-                                            "value": "Asia/Taipei",
-                                          },
-                                          Object {
-                                            "index": 580,
-                                            "label": "Perth (6:00 PM)",
-                                            "value": "Australia/Perth",
-                                          },
-                                          Object {
-                                            "index": 580,
-                                            "label": "Irkutsk (6:00 PM)",
-                                            "value": "Asia/Irkutsk",
-                                          },
-                                          Object {
-                                            "index": 580,
-                                            "label": "Ulaanbaatar (6:00 PM)",
-                                            "value": "Asia/Ulaanbaatar",
-                                          },
-                                          Object {
-                                            "index": 640,
-                                            "label": "Seoul (7:00 PM)",
-                                            "value": "Asia/Seoul",
-                                          },
-                                          Object {
-                                            "index": 640,
-                                            "label": "Osaka (7:00 PM)",
-                                            "value": "Asia/Tokyo",
-                                          },
-                                          Object {
-                                            "index": 640,
-                                            "label": "Sapporo (7:00 PM)",
-                                            "value": "Asia/Tokyo",
-                                          },
-                                          Object {
-                                            "index": 640,
-                                            "label": "Tokyo (7:00 PM)",
-                                            "value": "Asia/Tokyo",
-                                          },
-                                          Object {
-                                            "index": 640,
-                                            "label": "Yakutsk (7:00 PM)",
-                                            "value": "Asia/Yakutsk",
-                                          },
-                                          Object {
-                                            "index": 670,
-                                            "label": "Darwin (7:30 PM)",
-                                            "value": "Australia/Darwin",
-                                          },
-                                          Object {
-                                            "index": 670,
-                                            "label": "Adelaide (7:30 PM)",
-                                            "value": "Australia/Adelaide",
-                                          },
-                                          Object {
-                                            "index": 700,
-                                            "label": "Canberra (8:00 PM)",
-                                            "value": "Australia/Melbourne",
-                                          },
-                                          Object {
-                                            "index": 700,
-                                            "label": "Melbourne (8:00 PM)",
-                                            "value": "Australia/Melbourne",
-                                          },
-                                          Object {
-                                            "index": 700,
-                                            "label": "Sydney (8:00 PM)",
-                                            "value": "Australia/Sydney",
-                                          },
-                                          Object {
-                                            "index": 700,
-                                            "label": "Brisbane (8:00 PM)",
-                                            "value": "Australia/Brisbane",
-                                          },
-                                          Object {
-                                            "index": 700,
-                                            "label": "Hobart (8:00 PM)",
-                                            "value": "Australia/Hobart",
-                                          },
-                                          Object {
-                                            "index": 700,
-                                            "label": "Vladivostok (8:00 PM)",
-                                            "value": "Asia/Vladivostok",
-                                          },
-                                          Object {
-                                            "index": 700,
-                                            "label": "Guam (8:00 PM)",
-                                            "value": "Pacific/Guam",
-                                          },
-                                          Object {
-                                            "index": 700,
-                                            "label": "Port Moresby (8:00 PM)",
-                                            "value": "Pacific/Port_Moresby",
-                                          },
-                                          Object {
-                                            "index": 760,
-                                            "label": "Midway Island (11:00 PM)",
-                                            "value": "Pacific/Midway",
-                                          },
-                                          Object {
-                                            "index": 760,
-                                            "label": "American Samoa (11:00 PM)",
-                                            "value": "Pacific/Pago_Pago",
-                                          },
-                                          Object {
-                                            "index": 760,
-                                            "label": "Magadan (9:00 PM)",
-                                            "value": "Asia/Magadan",
-                                          },
-                                          Object {
-                                            "index": 760,
-                                            "label": "Srednekolymsk (9:00 PM)",
-                                            "value": "Asia/Srednekolymsk",
-                                          },
-                                          Object {
-                                            "index": 760,
-                                            "label": "Solomon Is. (9:00 PM)",
-                                            "value": "Pacific/Guadalcanal",
-                                          },
-                                          Object {
-                                            "index": 760,
-                                            "label": "New Caledonia (9:00 PM)",
-                                            "value": "Pacific/Noumea",
-                                          },
-                                          Object {
-                                            "index": 820,
-                                            "label": "International Date Line West (10:00 PM)",
-                                            "value": "Etc/GMT+12",
-                                          },
-                                          Object {
-                                            "index": 820,
-                                            "label": "Fiji (10:00 PM)",
-                                            "value": "Pacific/Fiji",
-                                          },
-                                          Object {
-                                            "index": 820,
-                                            "label": "Kamchatka (10:00 PM)",
-                                            "value": "Asia/Kamchatka",
-                                          },
-                                          Object {
-                                            "index": 820,
-                                            "label": "Marshall Is. (10:00 PM)",
-                                            "value": "Pacific/Majuro",
-                                          },
-                                          Object {
-                                            "index": 820,
-                                            "label": "Auckland (10:00 PM)",
-                                            "value": "Pacific/Auckland",
-                                          },
-                                          Object {
-                                            "index": 820,
-                                            "label": "Wellington (10:00 PM)",
-                                            "value": "Pacific/Auckland",
-                                          },
-                                          Object {
-                                            "index": 865,
-                                            "label": "Chatham Is. (10:45 PM)",
-                                            "value": "Pacific/Chatham",
-                                          },
-                                          Object {
-                                            "index": 880,
-                                            "label": "Nuku'alofa (11:00 PM)",
-                                            "value": "Pacific/Tongatapu",
-                                          },
-                                          Object {
-                                            "index": 880,
-                                            "label": "Tokelau Is. (11:00 PM)",
-                                            "value": "Pacific/Fakaofo",
-                                          },
-                                          Object {
-                                            "index": 880,
-                                            "label": "Samoa (11:00 PM)",
-                                            "value": "Pacific/Apia",
-                                          },
-                                        ]
-                                      }
-                                      pageSize={5}
-                                      placeholder="Select a timezone"
-                                      screenReaderStatus={[Function]}
-                                      shouldKeyDownEventCreateNewOption={[Function]}
-                                      styles={
-                                        Object {
-                                          "input": [Function],
-                                        }
-                                      }
-                                      tabIndex="0"
-                                      tabSelectsValue={true}
-                                      value={
-                                        Object {
-                                          "index": -0,
-                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                          "value": "America/Los_Angeles",
-                                        }
-                                      }
-                                    >
-                                      <SelectContainer
-                                        clearValue={[Function]}
-                                        cx={[Function]}
-                                        getStyles={[Function]}
-                                        getValue={[Function]}
-                                        hasValue={true}
-                                        innerProps={
-                                          Object {
-                                            "id": undefined,
-                                            "onKeyDown": [Function],
-                                          }
-                                        }
-                                        isDisabled={false}
-                                        isFocused={false}
-                                        isMulti={false}
-                                        isRtl={false}
-                                        options={
-                                          Array [
-                                            Object {
-                                              "label": "",
-                                              "value": null,
-                                            },
-                                            Object {
-                                              "index": -3,
-                                              "label": "Eastern Time (US & Canada) (6:00 AM)",
-                                              "value": "America/New_York",
-                                            },
-                                            Object {
-                                              "index": -2,
-                                              "label": "Central Time (US & Canada) (5:00 AM)",
-                                              "value": "America/Chicago",
-                                            },
-                                            Object {
-                                              "index": -1,
-                                              "label": "Mountain Time (US & Canada) (4:00 AM)",
-                                              "value": "America/Denver",
-                                            },
-                                            Object {
-                                              "index": -0,
-                                              "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                              "value": "America/Los_Angeles",
-                                            },
-                                            Object {
-                                              "index": 2.4,
-                                              "label": "Indiana (East) (6:00 AM)",
-                                              "value": "America/Indiana/Indianapolis",
-                                            },
-                                            Object {
-                                              "index": 2.4,
-                                              "label": "Puerto Rico (6:00 AM)",
-                                              "value": "America/Puerto_Rico",
-                                            },
-                                            Object {
-                                              "index": 4.2,
-                                              "label": "Arizona (3:00 AM)",
-                                              "value": "America/Phoenix",
-                                            },
-                                            Object {
-                                              "index": 4.8,
-                                              "label": "Alaska (2:00 AM)",
-                                              "value": "America/Juneau",
-                                            },
-                                            Object {
-                                              "index": 4.8,
-                                              "label": "Philippine Standard Time (6:00 PM)",
-                                              "value": "Asia/Manila",
-                                            },
-                                            Object {
-                                              "index": 6,
-                                              "label": "Hawaii (12:00 AM)",
-                                              "value": "Pacific/Honolulu",
-                                            },
-                                            Object {
-                                              "index": 100,
-                                              "label": "Azores (10:00 AM)",
-                                              "value": "Atlantic/Azores",
-                                            },
-                                            Object {
-                                              "index": 100,
-                                              "label": "Monrovia (10:00 AM)",
-                                              "value": "Africa/Monrovia",
-                                            },
-                                            Object {
-                                              "index": 100,
-                                              "label": "UTC (10:00 AM)",
-                                              "value": "Etc/UTC",
-                                            },
-                                            Object {
-                                              "index": 160,
-                                              "label": "Cape Verde Is. (9:00 AM)",
-                                              "value": "Atlantic/Cape_Verde",
-                                            },
-                                            Object {
-                                              "index": 160,
-                                              "label": "Dublin (11:00 AM)",
-                                              "value": "Europe/Dublin",
-                                            },
-                                            Object {
-                                              "index": 160,
-                                              "label": "Edinburgh (11:00 AM)",
-                                              "value": "Europe/London",
-                                            },
-                                            Object {
-                                              "index": 160,
-                                              "label": "Lisbon (11:00 AM)",
-                                              "value": "Europe/Lisbon",
-                                            },
-                                            Object {
-                                              "index": 160,
-                                              "label": "London (11:00 AM)",
-                                              "value": "Europe/London",
-                                            },
-                                            Object {
-                                              "index": 160,
-                                              "label": "Casablanca (11:00 AM)",
-                                              "value": "Africa/Casablanca",
-                                            },
-                                            Object {
-                                              "index": 160,
-                                              "label": "West Central Africa (11:00 AM)",
-                                              "value": "Africa/Algiers",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Greenland (8:00 AM)",
-                                              "value": "America/Godthab",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Mid-Atlantic (8:00 AM)",
-                                              "value": "Atlantic/South_Georgia",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Belgrade (12:00 PM)",
-                                              "value": "Europe/Belgrade",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Bratislava (12:00 PM)",
-                                              "value": "Europe/Bratislava",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Budapest (12:00 PM)",
-                                              "value": "Europe/Budapest",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Ljubljana (12:00 PM)",
-                                              "value": "Europe/Ljubljana",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Prague (12:00 PM)",
-                                              "value": "Europe/Prague",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Sarajevo (12:00 PM)",
-                                              "value": "Europe/Sarajevo",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Skopje (12:00 PM)",
-                                              "value": "Europe/Skopje",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Warsaw (12:00 PM)",
-                                              "value": "Europe/Warsaw",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Zagreb (12:00 PM)",
-                                              "value": "Europe/Zagreb",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Brussels (12:00 PM)",
-                                              "value": "Europe/Brussels",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Copenhagen (12:00 PM)",
-                                              "value": "Europe/Copenhagen",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Madrid (12:00 PM)",
-                                              "value": "Europe/Madrid",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Paris (12:00 PM)",
-                                              "value": "Europe/Paris",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Amsterdam (12:00 PM)",
-                                              "value": "Europe/Amsterdam",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Berlin (12:00 PM)",
-                                              "value": "Europe/Berlin",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Bern (12:00 PM)",
-                                              "value": "Europe/Zurich",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Zurich (12:00 PM)",
-                                              "value": "Europe/Zurich",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Rome (12:00 PM)",
-                                              "value": "Europe/Rome",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Stockholm (12:00 PM)",
-                                              "value": "Europe/Stockholm",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Vienna (12:00 PM)",
-                                              "value": "Europe/Vienna",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Cairo (12:00 PM)",
-                                              "value": "Africa/Cairo",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Harare (12:00 PM)",
-                                              "value": "Africa/Harare",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Pretoria (12:00 PM)",
-                                              "value": "Africa/Johannesburg",
-                                            },
-                                            Object {
-                                              "index": 220,
-                                              "label": "Kaliningrad (12:00 PM)",
-                                              "value": "Europe/Kaliningrad",
-                                            },
-                                            Object {
-                                              "index": 250,
-                                              "label": "Newfoundland (7:30 AM)",
-                                              "value": "America/St_Johns",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Atlantic Time (Canada) (7:00 AM)",
-                                              "value": "America/Halifax",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Brasilia (7:00 AM)",
-                                              "value": "America/Sao_Paulo",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Buenos Aires (7:00 AM)",
-                                              "value": "America/Argentina/Buenos_Aires",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Montevideo (7:00 AM)",
-                                              "value": "America/Montevideo",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Bucharest (1:00 PM)",
-                                              "value": "Europe/Bucharest",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Helsinki (1:00 PM)",
-                                              "value": "Europe/Helsinki",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Kyiv (1:00 PM)",
-                                              "value": "Europe/Kiev",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Riga (1:00 PM)",
-                                              "value": "Europe/Riga",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Sofia (1:00 PM)",
-                                              "value": "Europe/Sofia",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Tallinn (1:00 PM)",
-                                              "value": "Europe/Tallinn",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Vilnius (1:00 PM)",
-                                              "value": "Europe/Vilnius",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Athens (1:00 PM)",
-                                              "value": "Europe/Athens",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Istanbul (1:00 PM)",
-                                              "value": "Europe/Istanbul",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Minsk (1:00 PM)",
-                                              "value": "Europe/Minsk",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Jerusalem (1:00 PM)",
-                                              "value": "Asia/Jerusalem",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Moscow (1:00 PM)",
-                                              "value": "Europe/Moscow",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "St. Petersburg (1:00 PM)",
-                                              "value": "Europe/Moscow",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Kuwait (1:00 PM)",
-                                              "value": "Asia/Kuwait",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Riyadh (1:00 PM)",
-                                              "value": "Asia/Riyadh",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Nairobi (1:00 PM)",
-                                              "value": "Africa/Nairobi",
-                                            },
-                                            Object {
-                                              "index": 280,
-                                              "label": "Baghdad (1:00 PM)",
-                                              "value": "Asia/Baghdad",
-                                            },
-                                            Object {
-                                              "index": 340,
-                                              "label": "Caracas (6:00 AM)",
-                                              "value": "America/Caracas",
-                                            },
-                                            Object {
-                                              "index": 340,
-                                              "label": "La Paz (6:00 AM)",
-                                              "value": "America/La_Paz",
-                                            },
-                                            Object {
-                                              "index": 340,
-                                              "label": "Santiago (6:00 AM)",
-                                              "value": "America/Santiago",
-                                            },
-                                            Object {
-                                              "index": 340,
-                                              "label": "Georgetown (6:00 AM)",
-                                              "value": "America/Guyana",
-                                            },
-                                            Object {
-                                              "index": 340,
-                                              "label": "Volgograd (2:00 PM)",
-                                              "value": "Europe/Volgograd",
-                                            },
-                                            Object {
-                                              "index": 340,
-                                              "label": "Samara (2:00 PM)",
-                                              "value": "Europe/Samara",
-                                            },
-                                            Object {
-                                              "index": 340,
-                                              "label": "Abu Dhabi (2:00 PM)",
-                                              "value": "Asia/Muscat",
-                                            },
-                                            Object {
-                                              "index": 340,
-                                              "label": "Muscat (2:00 PM)",
-                                              "value": "Asia/Muscat",
-                                            },
-                                            Object {
-                                              "index": 340,
-                                              "label": "Baku (2:00 PM)",
-                                              "value": "Asia/Baku",
-                                            },
-                                            Object {
-                                              "index": 340,
-                                              "label": "Tbilisi (2:00 PM)",
-                                              "value": "Asia/Tbilisi",
-                                            },
-                                            Object {
-                                              "index": 340,
-                                              "label": "Yerevan (2:00 PM)",
-                                              "value": "Asia/Yerevan",
-                                            },
-                                            Object {
-                                              "index": 370,
-                                              "label": "Tehran (2:30 PM)",
-                                              "value": "Asia/Tehran",
-                                            },
-                                            Object {
-                                              "index": 370,
-                                              "label": "Kabul (2:30 PM)",
-                                              "value": "Asia/Kabul",
-                                            },
-                                            Object {
-                                              "index": 400,
-                                              "label": "Guadalajara (5:00 AM)",
-                                              "value": "America/Mexico_City",
-                                            },
-                                            Object {
-                                              "index": 400,
-                                              "label": "Mexico City (5:00 AM)",
-                                              "value": "America/Mexico_City",
-                                            },
-                                            Object {
-                                              "index": 400,
-                                              "label": "Monterrey (5:00 AM)",
-                                              "value": "America/Monterrey",
-                                            },
-                                            Object {
-                                              "index": 400,
-                                              "label": "Bogota (5:00 AM)",
-                                              "value": "America/Bogota",
-                                            },
-                                            Object {
-                                              "index": 400,
-                                              "label": "Lima (5:00 AM)",
-                                              "value": "America/Lima",
-                                            },
-                                            Object {
-                                              "index": 400,
-                                              "label": "Quito (5:00 AM)",
-                                              "value": "America/Lima",
-                                            },
-                                            Object {
-                                              "index": 400,
-                                              "label": "Ekaterinburg (3:00 PM)",
-                                              "value": "Asia/Yekaterinburg",
-                                            },
-                                            Object {
-                                              "index": 400,
-                                              "label": "Islamabad (3:00 PM)",
-                                              "value": "Asia/Karachi",
-                                            },
-                                            Object {
-                                              "index": 400,
-                                              "label": "Karachi (3:00 PM)",
-                                              "value": "Asia/Karachi",
-                                            },
-                                            Object {
-                                              "index": 400,
-                                              "label": "Tashkent (3:00 PM)",
-                                              "value": "Asia/Tashkent",
-                                            },
-                                            Object {
-                                              "index": 430,
-                                              "label": "Chennai (3:30 PM)",
-                                              "value": "Asia/Kolkata",
-                                            },
-                                            Object {
-                                              "index": 430,
-                                              "label": "Kolkata (3:30 PM)",
-                                              "value": "Asia/Kolkata",
-                                            },
-                                            Object {
-                                              "index": 430,
-                                              "label": "Mumbai (3:30 PM)",
-                                              "value": "Asia/Kolkata",
-                                            },
-                                            Object {
-                                              "index": 430,
-                                              "label": "New Delhi (3:30 PM)",
-                                              "value": "Asia/Kolkata",
-                                            },
-                                            Object {
-                                              "index": 430,
-                                              "label": "Sri Jayawardenepura (3:30 PM)",
-                                              "value": "Asia/Colombo",
-                                            },
-                                            Object {
-                                              "index": 445,
-                                              "label": "Kathmandu (3:45 PM)",
-                                              "value": "Asia/Kathmandu",
-                                            },
-                                            Object {
-                                              "index": 460,
-                                              "label": "Chihuahua (4:00 AM)",
-                                              "value": "America/Chihuahua",
-                                            },
-                                            Object {
-                                              "index": 460,
-                                              "label": "Mazatlan (4:00 AM)",
-                                              "value": "America/Mazatlan",
-                                            },
-                                            Object {
-                                              "index": 460,
-                                              "label": "Saskatchewan (4:00 AM)",
-                                              "value": "America/Regina",
-                                            },
-                                            Object {
-                                              "index": 460,
-                                              "label": "Central America (4:00 AM)",
-                                              "value": "America/Guatemala",
-                                            },
-                                            Object {
-                                              "index": 460,
-                                              "label": "Astana (4:00 PM)",
-                                              "value": "Asia/Dhaka",
-                                            },
-                                            Object {
-                                              "index": 460,
-                                              "label": "Dhaka (4:00 PM)",
-                                              "value": "Asia/Dhaka",
-                                            },
-                                            Object {
-                                              "index": 460,
-                                              "label": "Almaty (4:00 PM)",
-                                              "value": "Asia/Almaty",
-                                            },
-                                            Object {
-                                              "index": 460,
-                                              "label": "Urumqi (4:00 PM)",
-                                              "value": "Asia/Urumqi",
-                                            },
-                                            Object {
-                                              "index": 490,
-                                              "label": "Rangoon (4:30 PM)",
-                                              "value": "Asia/Rangoon",
-                                            },
-                                            Object {
-                                              "index": 520,
-                                              "label": "Tijuana (3:00 AM)",
-                                              "value": "America/Tijuana",
-                                            },
-                                            Object {
-                                              "index": 520,
-                                              "label": "Novosibirsk (5:00 PM)",
-                                              "value": "Asia/Novosibirsk",
-                                            },
-                                            Object {
-                                              "index": 520,
-                                              "label": "Bangkok (5:00 PM)",
-                                              "value": "Asia/Bangkok",
-                                            },
-                                            Object {
-                                              "index": 520,
-                                              "label": "Hanoi (5:00 PM)",
-                                              "value": "Asia/Bangkok",
-                                            },
-                                            Object {
-                                              "index": 520,
-                                              "label": "Jakarta (5:00 PM)",
-                                              "value": "Asia/Jakarta",
-                                            },
-                                            Object {
-                                              "index": 520,
-                                              "label": "Krasnoyarsk (5:00 PM)",
-                                              "value": "Asia/Krasnoyarsk",
-                                            },
-                                            Object {
-                                              "index": 580,
-                                              "label": "Beijing (6:00 PM)",
-                                              "value": "Asia/Shanghai",
-                                            },
-                                            Object {
-                                              "index": 580,
-                                              "label": "Chongqing (6:00 PM)",
-                                              "value": "Asia/Chongqing",
-                                            },
-                                            Object {
-                                              "index": 580,
-                                              "label": "Hong Kong (6:00 PM)",
-                                              "value": "Asia/Hong_Kong",
-                                            },
-                                            Object {
-                                              "index": 580,
-                                              "label": "Kuala Lumpur (6:00 PM)",
-                                              "value": "Asia/Kuala_Lumpur",
-                                            },
-                                            Object {
-                                              "index": 580,
-                                              "label": "Singapore (6:00 PM)",
-                                              "value": "Asia/Singapore",
-                                            },
-                                            Object {
-                                              "index": 580,
-                                              "label": "Taipei (6:00 PM)",
-                                              "value": "Asia/Taipei",
-                                            },
-                                            Object {
-                                              "index": 580,
-                                              "label": "Perth (6:00 PM)",
-                                              "value": "Australia/Perth",
-                                            },
-                                            Object {
-                                              "index": 580,
-                                              "label": "Irkutsk (6:00 PM)",
-                                              "value": "Asia/Irkutsk",
-                                            },
-                                            Object {
-                                              "index": 580,
-                                              "label": "Ulaanbaatar (6:00 PM)",
-                                              "value": "Asia/Ulaanbaatar",
-                                            },
-                                            Object {
-                                              "index": 640,
-                                              "label": "Seoul (7:00 PM)",
-                                              "value": "Asia/Seoul",
-                                            },
-                                            Object {
-                                              "index": 640,
-                                              "label": "Osaka (7:00 PM)",
-                                              "value": "Asia/Tokyo",
-                                            },
-                                            Object {
-                                              "index": 640,
-                                              "label": "Sapporo (7:00 PM)",
-                                              "value": "Asia/Tokyo",
-                                            },
-                                            Object {
-                                              "index": 640,
-                                              "label": "Tokyo (7:00 PM)",
-                                              "value": "Asia/Tokyo",
-                                            },
-                                            Object {
-                                              "index": 640,
-                                              "label": "Yakutsk (7:00 PM)",
-                                              "value": "Asia/Yakutsk",
-                                            },
-                                            Object {
-                                              "index": 670,
-                                              "label": "Darwin (7:30 PM)",
-                                              "value": "Australia/Darwin",
-                                            },
-                                            Object {
-                                              "index": 670,
-                                              "label": "Adelaide (7:30 PM)",
-                                              "value": "Australia/Adelaide",
-                                            },
-                                            Object {
-                                              "index": 700,
-                                              "label": "Canberra (8:00 PM)",
-                                              "value": "Australia/Melbourne",
-                                            },
-                                            Object {
-                                              "index": 700,
-                                              "label": "Melbourne (8:00 PM)",
-                                              "value": "Australia/Melbourne",
-                                            },
-                                            Object {
-                                              "index": 700,
-                                              "label": "Sydney (8:00 PM)",
-                                              "value": "Australia/Sydney",
-                                            },
-                                            Object {
-                                              "index": 700,
-                                              "label": "Brisbane (8:00 PM)",
-                                              "value": "Australia/Brisbane",
-                                            },
-                                            Object {
-                                              "index": 700,
-                                              "label": "Hobart (8:00 PM)",
-                                              "value": "Australia/Hobart",
-                                            },
-                                            Object {
-                                              "index": 700,
-                                              "label": "Vladivostok (8:00 PM)",
-                                              "value": "Asia/Vladivostok",
-                                            },
-                                            Object {
-                                              "index": 700,
-                                              "label": "Guam (8:00 PM)",
-                                              "value": "Pacific/Guam",
-                                            },
-                                            Object {
-                                              "index": 700,
-                                              "label": "Port Moresby (8:00 PM)",
-                                              "value": "Pacific/Port_Moresby",
-                                            },
-                                            Object {
-                                              "index": 760,
-                                              "label": "Midway Island (11:00 PM)",
-                                              "value": "Pacific/Midway",
-                                            },
-                                            Object {
-                                              "index": 760,
-                                              "label": "American Samoa (11:00 PM)",
-                                              "value": "Pacific/Pago_Pago",
-                                            },
-                                            Object {
-                                              "index": 760,
-                                              "label": "Magadan (9:00 PM)",
-                                              "value": "Asia/Magadan",
-                                            },
-                                            Object {
-                                              "index": 760,
-                                              "label": "Srednekolymsk (9:00 PM)",
-                                              "value": "Asia/Srednekolymsk",
-                                            },
-                                            Object {
-                                              "index": 760,
-                                              "label": "Solomon Is. (9:00 PM)",
-                                              "value": "Pacific/Guadalcanal",
-                                            },
-                                            Object {
-                                              "index": 760,
-                                              "label": "New Caledonia (9:00 PM)",
-                                              "value": "Pacific/Noumea",
-                                            },
-                                            Object {
-                                              "index": 820,
-                                              "label": "International Date Line West (10:00 PM)",
-                                              "value": "Etc/GMT+12",
-                                            },
-                                            Object {
-                                              "index": 820,
-                                              "label": "Fiji (10:00 PM)",
-                                              "value": "Pacific/Fiji",
-                                            },
-                                            Object {
-                                              "index": 820,
-                                              "label": "Kamchatka (10:00 PM)",
-                                              "value": "Asia/Kamchatka",
-                                            },
-                                            Object {
-                                              "index": 820,
-                                              "label": "Marshall Is. (10:00 PM)",
-                                              "value": "Pacific/Majuro",
-                                            },
-                                            Object {
-                                              "index": 820,
-                                              "label": "Auckland (10:00 PM)",
-                                              "value": "Pacific/Auckland",
-                                            },
-                                            Object {
-                                              "index": 820,
-                                              "label": "Wellington (10:00 PM)",
-                                              "value": "Pacific/Auckland",
-                                            },
-                                            Object {
-                                              "index": 865,
-                                              "label": "Chatham Is. (10:45 PM)",
-                                              "value": "Pacific/Chatham",
-                                            },
-                                            Object {
-                                              "index": 880,
-                                              "label": "Nuku'alofa (11:00 PM)",
-                                              "value": "Pacific/Tongatapu",
-                                            },
-                                            Object {
-                                              "index": 880,
-                                              "label": "Tokelau Is. (11:00 PM)",
-                                              "value": "Pacific/Fakaofo",
-                                            },
-                                            Object {
-                                              "index": 880,
-                                              "label": "Samoa (11:00 PM)",
-                                              "value": "Pacific/Apia",
-                                            },
-                                          ]
-                                        }
-                                        selectOption={[Function]}
-                                        selectProps={
-                                          Object {
-                                            "backspaceRemovesValue": true,
-                                            "blurInputOnSelect": true,
-                                            "cache": false,
-                                            "captureMenuScroll": false,
-                                            "classNamePrefix": "cf-select",
-                                            "closeMenuOnScroll": false,
-                                            "closeMenuOnSelect": true,
-                                            "components": Object {
-                                              "Input": [Function],
-                                              "MenuList": [Function],
-                                              "Option": [Function],
-                                            },
-                                            "controlShouldRenderValue": true,
-                                            "defaultOptions": undefined,
-                                            "escapeClearsValue": false,
-                                            "filterOption": [Function],
-                                            "formatGroupLabel": [Function],
-                                            "getOptionLabel": [Function],
-                                            "getOptionValue": [Function],
-                                            "inputId": "appellant-tz",
-                                            "inputValue": "",
-                                            "isClearable": undefined,
-                                            "isDisabled": false,
-                                            "isLoading": false,
-                                            "isMulti": false,
-                                            "isOptionDisabled": [Function],
-                                            "isRtl": false,
-                                            "isSearchable": true,
-                                            "loadOptions": undefined,
-                                            "loadingMessage": [Function],
-                                            "maxMenuHeight": 300,
-                                            "menuIsOpen": false,
-                                            "menuPlacement": "bottom",
-                                            "menuPosition": "absolute",
-                                            "menuShouldBlockScroll": false,
-                                            "menuShouldScrollIntoView": true,
-                                            "minMenuHeight": 140,
-                                            "name": "appellantTz",
-                                            "noOptionsMessage": [Function],
-                                            "onBlurResetsInput": false,
-                                            "onChange": [Function],
-                                            "onInputChange": [Function],
-                                            "onMenuClose": [Function],
-                                            "onMenuOpen": [Function],
-                                            "openMenuOnClick": true,
-                                            "openMenuOnFocus": false,
-                                            "options": Array [
-                                              Object {
-                                                "label": "",
-                                                "value": null,
-                                              },
-                                              Object {
-                                                "index": -3,
-                                                "label": "Eastern Time (US & Canada) (6:00 AM)",
-                                                "value": "America/New_York",
-                                              },
-                                              Object {
-                                                "index": -2,
-                                                "label": "Central Time (US & Canada) (5:00 AM)",
-                                                "value": "America/Chicago",
-                                              },
-                                              Object {
-                                                "index": -1,
-                                                "label": "Mountain Time (US & Canada) (4:00 AM)",
-                                                "value": "America/Denver",
-                                              },
-                                              Object {
-                                                "index": -0,
-                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                "value": "America/Los_Angeles",
-                                              },
-                                              Object {
-                                                "index": 2.4,
-                                                "label": "Indiana (East) (6:00 AM)",
-                                                "value": "America/Indiana/Indianapolis",
-                                              },
-                                              Object {
-                                                "index": 2.4,
-                                                "label": "Puerto Rico (6:00 AM)",
-                                                "value": "America/Puerto_Rico",
-                                              },
-                                              Object {
-                                                "index": 4.2,
-                                                "label": "Arizona (3:00 AM)",
-                                                "value": "America/Phoenix",
-                                              },
-                                              Object {
-                                                "index": 4.8,
-                                                "label": "Alaska (2:00 AM)",
-                                                "value": "America/Juneau",
-                                              },
-                                              Object {
-                                                "index": 4.8,
-                                                "label": "Philippine Standard Time (6:00 PM)",
-                                                "value": "Asia/Manila",
-                                              },
-                                              Object {
-                                                "index": 6,
-                                                "label": "Hawaii (12:00 AM)",
-                                                "value": "Pacific/Honolulu",
-                                              },
-                                              Object {
-                                                "index": 100,
-                                                "label": "Azores (10:00 AM)",
-                                                "value": "Atlantic/Azores",
-                                              },
-                                              Object {
-                                                "index": 100,
-                                                "label": "Monrovia (10:00 AM)",
-                                                "value": "Africa/Monrovia",
-                                              },
-                                              Object {
-                                                "index": 100,
-                                                "label": "UTC (10:00 AM)",
-                                                "value": "Etc/UTC",
-                                              },
-                                              Object {
-                                                "index": 160,
-                                                "label": "Cape Verde Is. (9:00 AM)",
-                                                "value": "Atlantic/Cape_Verde",
-                                              },
-                                              Object {
-                                                "index": 160,
-                                                "label": "Dublin (11:00 AM)",
-                                                "value": "Europe/Dublin",
-                                              },
-                                              Object {
-                                                "index": 160,
-                                                "label": "Edinburgh (11:00 AM)",
-                                                "value": "Europe/London",
-                                              },
-                                              Object {
-                                                "index": 160,
-                                                "label": "Lisbon (11:00 AM)",
-                                                "value": "Europe/Lisbon",
-                                              },
-                                              Object {
-                                                "index": 160,
-                                                "label": "London (11:00 AM)",
-                                                "value": "Europe/London",
-                                              },
-                                              Object {
-                                                "index": 160,
-                                                "label": "Casablanca (11:00 AM)",
-                                                "value": "Africa/Casablanca",
-                                              },
-                                              Object {
-                                                "index": 160,
-                                                "label": "West Central Africa (11:00 AM)",
-                                                "value": "Africa/Algiers",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Greenland (8:00 AM)",
-                                                "value": "America/Godthab",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Mid-Atlantic (8:00 AM)",
-                                                "value": "Atlantic/South_Georgia",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Belgrade (12:00 PM)",
-                                                "value": "Europe/Belgrade",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Bratislava (12:00 PM)",
-                                                "value": "Europe/Bratislava",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Budapest (12:00 PM)",
-                                                "value": "Europe/Budapest",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Ljubljana (12:00 PM)",
-                                                "value": "Europe/Ljubljana",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Prague (12:00 PM)",
-                                                "value": "Europe/Prague",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Sarajevo (12:00 PM)",
-                                                "value": "Europe/Sarajevo",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Skopje (12:00 PM)",
-                                                "value": "Europe/Skopje",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Warsaw (12:00 PM)",
-                                                "value": "Europe/Warsaw",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Zagreb (12:00 PM)",
-                                                "value": "Europe/Zagreb",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Brussels (12:00 PM)",
-                                                "value": "Europe/Brussels",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Copenhagen (12:00 PM)",
-                                                "value": "Europe/Copenhagen",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Madrid (12:00 PM)",
-                                                "value": "Europe/Madrid",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Paris (12:00 PM)",
-                                                "value": "Europe/Paris",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Amsterdam (12:00 PM)",
-                                                "value": "Europe/Amsterdam",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Berlin (12:00 PM)",
-                                                "value": "Europe/Berlin",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Bern (12:00 PM)",
-                                                "value": "Europe/Zurich",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Zurich (12:00 PM)",
-                                                "value": "Europe/Zurich",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Rome (12:00 PM)",
-                                                "value": "Europe/Rome",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Stockholm (12:00 PM)",
-                                                "value": "Europe/Stockholm",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Vienna (12:00 PM)",
-                                                "value": "Europe/Vienna",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Cairo (12:00 PM)",
-                                                "value": "Africa/Cairo",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Harare (12:00 PM)",
-                                                "value": "Africa/Harare",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Pretoria (12:00 PM)",
-                                                "value": "Africa/Johannesburg",
-                                              },
-                                              Object {
-                                                "index": 220,
-                                                "label": "Kaliningrad (12:00 PM)",
-                                                "value": "Europe/Kaliningrad",
-                                              },
-                                              Object {
-                                                "index": 250,
-                                                "label": "Newfoundland (7:30 AM)",
-                                                "value": "America/St_Johns",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Atlantic Time (Canada) (7:00 AM)",
-                                                "value": "America/Halifax",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Brasilia (7:00 AM)",
-                                                "value": "America/Sao_Paulo",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Buenos Aires (7:00 AM)",
-                                                "value": "America/Argentina/Buenos_Aires",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Montevideo (7:00 AM)",
-                                                "value": "America/Montevideo",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Bucharest (1:00 PM)",
-                                                "value": "Europe/Bucharest",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Helsinki (1:00 PM)",
-                                                "value": "Europe/Helsinki",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Kyiv (1:00 PM)",
-                                                "value": "Europe/Kiev",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Riga (1:00 PM)",
-                                                "value": "Europe/Riga",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Sofia (1:00 PM)",
-                                                "value": "Europe/Sofia",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Tallinn (1:00 PM)",
-                                                "value": "Europe/Tallinn",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Vilnius (1:00 PM)",
-                                                "value": "Europe/Vilnius",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Athens (1:00 PM)",
-                                                "value": "Europe/Athens",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Istanbul (1:00 PM)",
-                                                "value": "Europe/Istanbul",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Minsk (1:00 PM)",
-                                                "value": "Europe/Minsk",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Jerusalem (1:00 PM)",
-                                                "value": "Asia/Jerusalem",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Moscow (1:00 PM)",
-                                                "value": "Europe/Moscow",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "St. Petersburg (1:00 PM)",
-                                                "value": "Europe/Moscow",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Kuwait (1:00 PM)",
-                                                "value": "Asia/Kuwait",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Riyadh (1:00 PM)",
-                                                "value": "Asia/Riyadh",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Nairobi (1:00 PM)",
-                                                "value": "Africa/Nairobi",
-                                              },
-                                              Object {
-                                                "index": 280,
-                                                "label": "Baghdad (1:00 PM)",
-                                                "value": "Asia/Baghdad",
-                                              },
-                                              Object {
-                                                "index": 340,
-                                                "label": "Caracas (6:00 AM)",
-                                                "value": "America/Caracas",
-                                              },
-                                              Object {
-                                                "index": 340,
-                                                "label": "La Paz (6:00 AM)",
-                                                "value": "America/La_Paz",
-                                              },
-                                              Object {
-                                                "index": 340,
-                                                "label": "Santiago (6:00 AM)",
-                                                "value": "America/Santiago",
-                                              },
-                                              Object {
-                                                "index": 340,
-                                                "label": "Georgetown (6:00 AM)",
-                                                "value": "America/Guyana",
-                                              },
-                                              Object {
-                                                "index": 340,
-                                                "label": "Volgograd (2:00 PM)",
-                                                "value": "Europe/Volgograd",
-                                              },
-                                              Object {
-                                                "index": 340,
-                                                "label": "Samara (2:00 PM)",
-                                                "value": "Europe/Samara",
-                                              },
-                                              Object {
-                                                "index": 340,
-                                                "label": "Abu Dhabi (2:00 PM)",
-                                                "value": "Asia/Muscat",
-                                              },
-                                              Object {
-                                                "index": 340,
-                                                "label": "Muscat (2:00 PM)",
-                                                "value": "Asia/Muscat",
-                                              },
-                                              Object {
-                                                "index": 340,
-                                                "label": "Baku (2:00 PM)",
-                                                "value": "Asia/Baku",
-                                              },
-                                              Object {
-                                                "index": 340,
-                                                "label": "Tbilisi (2:00 PM)",
-                                                "value": "Asia/Tbilisi",
-                                              },
-                                              Object {
-                                                "index": 340,
-                                                "label": "Yerevan (2:00 PM)",
-                                                "value": "Asia/Yerevan",
-                                              },
-                                              Object {
-                                                "index": 370,
-                                                "label": "Tehran (2:30 PM)",
-                                                "value": "Asia/Tehran",
-                                              },
-                                              Object {
-                                                "index": 370,
-                                                "label": "Kabul (2:30 PM)",
-                                                "value": "Asia/Kabul",
-                                              },
-                                              Object {
-                                                "index": 400,
-                                                "label": "Guadalajara (5:00 AM)",
-                                                "value": "America/Mexico_City",
-                                              },
-                                              Object {
-                                                "index": 400,
-                                                "label": "Mexico City (5:00 AM)",
-                                                "value": "America/Mexico_City",
-                                              },
-                                              Object {
-                                                "index": 400,
-                                                "label": "Monterrey (5:00 AM)",
-                                                "value": "America/Monterrey",
-                                              },
-                                              Object {
-                                                "index": 400,
-                                                "label": "Bogota (5:00 AM)",
-                                                "value": "America/Bogota",
-                                              },
-                                              Object {
-                                                "index": 400,
-                                                "label": "Lima (5:00 AM)",
-                                                "value": "America/Lima",
-                                              },
-                                              Object {
-                                                "index": 400,
-                                                "label": "Quito (5:00 AM)",
-                                                "value": "America/Lima",
-                                              },
-                                              Object {
-                                                "index": 400,
-                                                "label": "Ekaterinburg (3:00 PM)",
-                                                "value": "Asia/Yekaterinburg",
-                                              },
-                                              Object {
-                                                "index": 400,
-                                                "label": "Islamabad (3:00 PM)",
-                                                "value": "Asia/Karachi",
-                                              },
-                                              Object {
-                                                "index": 400,
-                                                "label": "Karachi (3:00 PM)",
-                                                "value": "Asia/Karachi",
-                                              },
-                                              Object {
-                                                "index": 400,
-                                                "label": "Tashkent (3:00 PM)",
-                                                "value": "Asia/Tashkent",
-                                              },
-                                              Object {
-                                                "index": 430,
-                                                "label": "Chennai (3:30 PM)",
-                                                "value": "Asia/Kolkata",
-                                              },
-                                              Object {
-                                                "index": 430,
-                                                "label": "Kolkata (3:30 PM)",
-                                                "value": "Asia/Kolkata",
-                                              },
-                                              Object {
-                                                "index": 430,
-                                                "label": "Mumbai (3:30 PM)",
-                                                "value": "Asia/Kolkata",
-                                              },
-                                              Object {
-                                                "index": 430,
-                                                "label": "New Delhi (3:30 PM)",
-                                                "value": "Asia/Kolkata",
-                                              },
-                                              Object {
-                                                "index": 430,
-                                                "label": "Sri Jayawardenepura (3:30 PM)",
-                                                "value": "Asia/Colombo",
-                                              },
-                                              Object {
-                                                "index": 445,
-                                                "label": "Kathmandu (3:45 PM)",
-                                                "value": "Asia/Kathmandu",
-                                              },
-                                              Object {
-                                                "index": 460,
-                                                "label": "Chihuahua (4:00 AM)",
-                                                "value": "America/Chihuahua",
-                                              },
-                                              Object {
-                                                "index": 460,
-                                                "label": "Mazatlan (4:00 AM)",
-                                                "value": "America/Mazatlan",
-                                              },
-                                              Object {
-                                                "index": 460,
-                                                "label": "Saskatchewan (4:00 AM)",
-                                                "value": "America/Regina",
-                                              },
-                                              Object {
-                                                "index": 460,
-                                                "label": "Central America (4:00 AM)",
-                                                "value": "America/Guatemala",
-                                              },
-                                              Object {
-                                                "index": 460,
-                                                "label": "Astana (4:00 PM)",
-                                                "value": "Asia/Dhaka",
-                                              },
-                                              Object {
-                                                "index": 460,
-                                                "label": "Dhaka (4:00 PM)",
-                                                "value": "Asia/Dhaka",
-                                              },
-                                              Object {
-                                                "index": 460,
-                                                "label": "Almaty (4:00 PM)",
-                                                "value": "Asia/Almaty",
-                                              },
-                                              Object {
-                                                "index": 460,
-                                                "label": "Urumqi (4:00 PM)",
-                                                "value": "Asia/Urumqi",
-                                              },
-                                              Object {
-                                                "index": 490,
-                                                "label": "Rangoon (4:30 PM)",
-                                                "value": "Asia/Rangoon",
-                                              },
-                                              Object {
-                                                "index": 520,
-                                                "label": "Tijuana (3:00 AM)",
-                                                "value": "America/Tijuana",
-                                              },
-                                              Object {
-                                                "index": 520,
-                                                "label": "Novosibirsk (5:00 PM)",
-                                                "value": "Asia/Novosibirsk",
-                                              },
-                                              Object {
-                                                "index": 520,
-                                                "label": "Bangkok (5:00 PM)",
-                                                "value": "Asia/Bangkok",
-                                              },
-                                              Object {
-                                                "index": 520,
-                                                "label": "Hanoi (5:00 PM)",
-                                                "value": "Asia/Bangkok",
-                                              },
-                                              Object {
-                                                "index": 520,
-                                                "label": "Jakarta (5:00 PM)",
-                                                "value": "Asia/Jakarta",
-                                              },
-                                              Object {
-                                                "index": 520,
-                                                "label": "Krasnoyarsk (5:00 PM)",
-                                                "value": "Asia/Krasnoyarsk",
-                                              },
-                                              Object {
-                                                "index": 580,
-                                                "label": "Beijing (6:00 PM)",
-                                                "value": "Asia/Shanghai",
-                                              },
-                                              Object {
-                                                "index": 580,
-                                                "label": "Chongqing (6:00 PM)",
-                                                "value": "Asia/Chongqing",
-                                              },
-                                              Object {
-                                                "index": 580,
-                                                "label": "Hong Kong (6:00 PM)",
-                                                "value": "Asia/Hong_Kong",
-                                              },
-                                              Object {
-                                                "index": 580,
-                                                "label": "Kuala Lumpur (6:00 PM)",
-                                                "value": "Asia/Kuala_Lumpur",
-                                              },
-                                              Object {
-                                                "index": 580,
-                                                "label": "Singapore (6:00 PM)",
-                                                "value": "Asia/Singapore",
-                                              },
-                                              Object {
-                                                "index": 580,
-                                                "label": "Taipei (6:00 PM)",
-                                                "value": "Asia/Taipei",
-                                              },
-                                              Object {
-                                                "index": 580,
-                                                "label": "Perth (6:00 PM)",
-                                                "value": "Australia/Perth",
-                                              },
-                                              Object {
-                                                "index": 580,
-                                                "label": "Irkutsk (6:00 PM)",
-                                                "value": "Asia/Irkutsk",
-                                              },
-                                              Object {
-                                                "index": 580,
-                                                "label": "Ulaanbaatar (6:00 PM)",
-                                                "value": "Asia/Ulaanbaatar",
-                                              },
-                                              Object {
-                                                "index": 640,
-                                                "label": "Seoul (7:00 PM)",
-                                                "value": "Asia/Seoul",
-                                              },
-                                              Object {
-                                                "index": 640,
-                                                "label": "Osaka (7:00 PM)",
-                                                "value": "Asia/Tokyo",
-                                              },
-                                              Object {
-                                                "index": 640,
-                                                "label": "Sapporo (7:00 PM)",
-                                                "value": "Asia/Tokyo",
-                                              },
-                                              Object {
-                                                "index": 640,
-                                                "label": "Tokyo (7:00 PM)",
-                                                "value": "Asia/Tokyo",
-                                              },
-                                              Object {
-                                                "index": 640,
-                                                "label": "Yakutsk (7:00 PM)",
-                                                "value": "Asia/Yakutsk",
-                                              },
-                                              Object {
-                                                "index": 670,
-                                                "label": "Darwin (7:30 PM)",
-                                                "value": "Australia/Darwin",
-                                              },
-                                              Object {
-                                                "index": 670,
-                                                "label": "Adelaide (7:30 PM)",
-                                                "value": "Australia/Adelaide",
-                                              },
-                                              Object {
-                                                "index": 700,
-                                                "label": "Canberra (8:00 PM)",
-                                                "value": "Australia/Melbourne",
-                                              },
-                                              Object {
-                                                "index": 700,
-                                                "label": "Melbourne (8:00 PM)",
-                                                "value": "Australia/Melbourne",
-                                              },
-                                              Object {
-                                                "index": 700,
-                                                "label": "Sydney (8:00 PM)",
-                                                "value": "Australia/Sydney",
-                                              },
-                                              Object {
-                                                "index": 700,
-                                                "label": "Brisbane (8:00 PM)",
-                                                "value": "Australia/Brisbane",
-                                              },
-                                              Object {
-                                                "index": 700,
-                                                "label": "Hobart (8:00 PM)",
-                                                "value": "Australia/Hobart",
-                                              },
-                                              Object {
-                                                "index": 700,
-                                                "label": "Vladivostok (8:00 PM)",
-                                                "value": "Asia/Vladivostok",
-                                              },
-                                              Object {
-                                                "index": 700,
-                                                "label": "Guam (8:00 PM)",
-                                                "value": "Pacific/Guam",
-                                              },
-                                              Object {
-                                                "index": 700,
-                                                "label": "Port Moresby (8:00 PM)",
-                                                "value": "Pacific/Port_Moresby",
-                                              },
-                                              Object {
-                                                "index": 760,
-                                                "label": "Midway Island (11:00 PM)",
-                                                "value": "Pacific/Midway",
-                                              },
-                                              Object {
-                                                "index": 760,
-                                                "label": "American Samoa (11:00 PM)",
-                                                "value": "Pacific/Pago_Pago",
-                                              },
-                                              Object {
-                                                "index": 760,
-                                                "label": "Magadan (9:00 PM)",
-                                                "value": "Asia/Magadan",
-                                              },
-                                              Object {
-                                                "index": 760,
-                                                "label": "Srednekolymsk (9:00 PM)",
-                                                "value": "Asia/Srednekolymsk",
-                                              },
-                                              Object {
-                                                "index": 760,
-                                                "label": "Solomon Is. (9:00 PM)",
-                                                "value": "Pacific/Guadalcanal",
-                                              },
-                                              Object {
-                                                "index": 760,
-                                                "label": "New Caledonia (9:00 PM)",
-                                                "value": "Pacific/Noumea",
-                                              },
-                                              Object {
-                                                "index": 820,
-                                                "label": "International Date Line West (10:00 PM)",
-                                                "value": "Etc/GMT+12",
-                                              },
-                                              Object {
-                                                "index": 820,
-                                                "label": "Fiji (10:00 PM)",
-                                                "value": "Pacific/Fiji",
-                                              },
-                                              Object {
-                                                "index": 820,
-                                                "label": "Kamchatka (10:00 PM)",
-                                                "value": "Asia/Kamchatka",
-                                              },
-                                              Object {
-                                                "index": 820,
-                                                "label": "Marshall Is. (10:00 PM)",
-                                                "value": "Pacific/Majuro",
-                                              },
-                                              Object {
-                                                "index": 820,
-                                                "label": "Auckland (10:00 PM)",
-                                                "value": "Pacific/Auckland",
-                                              },
-                                              Object {
-                                                "index": 820,
-                                                "label": "Wellington (10:00 PM)",
-                                                "value": "Pacific/Auckland",
-                                              },
-                                              Object {
-                                                "index": 865,
-                                                "label": "Chatham Is. (10:45 PM)",
-                                                "value": "Pacific/Chatham",
-                                              },
-                                              Object {
-                                                "index": 880,
-                                                "label": "Nuku'alofa (11:00 PM)",
-                                                "value": "Pacific/Tongatapu",
-                                              },
-                                              Object {
-                                                "index": 880,
-                                                "label": "Tokelau Is. (11:00 PM)",
-                                                "value": "Pacific/Fakaofo",
-                                              },
-                                              Object {
-                                                "index": 880,
-                                                "label": "Samoa (11:00 PM)",
-                                                "value": "Pacific/Apia",
-                                              },
-                                            ],
-                                            "pageSize": 5,
-                                            "placeholder": "Select a timezone",
-                                            "screenReaderStatus": [Function],
-                                            "searchable": undefined,
-                                            "shouldKeyDownEventCreateNewOption": [Function],
-                                            "styles": Object {
-                                              "input": [Function],
-                                            },
-                                            "tabIndex": "0",
-                                            "tabSelectsValue": true,
-                                            "value": Object {
-                                              "index": -0,
-                                              "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                              "value": "America/Los_Angeles",
-                                            },
-                                          }
-                                        }
-                                        setValue={[Function]}
-                                        theme={
-                                          Object {
-                                            "borderRadius": 4,
-                                            "colors": Object {
-                                              "danger": "#DE350B",
-                                              "dangerLight": "#FFBDAD",
-                                              "neutral0": "hsl(0, 0%, 100%)",
-                                              "neutral10": "hsl(0, 0%, 90%)",
-                                              "neutral20": "hsl(0, 0%, 80%)",
-                                              "neutral30": "hsl(0, 0%, 70%)",
-                                              "neutral40": "hsl(0, 0%, 60%)",
-                                              "neutral5": "hsl(0, 0%, 95%)",
-                                              "neutral50": "hsl(0, 0%, 50%)",
-                                              "neutral60": "hsl(0, 0%, 40%)",
-                                              "neutral70": "hsl(0, 0%, 30%)",
-                                              "neutral80": "hsl(0, 0%, 20%)",
-                                              "neutral90": "hsl(0, 0%, 10%)",
-                                              "primary": "#2684FF",
-                                              "primary25": "#DEEBFF",
-                                              "primary50": "#B2D4FF",
-                                              "primary75": "#4C9AFF",
-                                            },
-                                            "spacing": Object {
-                                              "baseUnit": 4,
-                                              "controlHeight": 38,
-                                              "menuGutter": 8,
-                                            },
-                                          }
-                                        }
-                                      >
-                                        <EmotionCssPropInternal
-                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SelectContainer"
-                                          __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                          className=""
-                                          css={
-                                            Object {
-                                              "boxSizing": "border-box",
-                                              "direction": null,
-                                              "label": "container",
-                                              "pointerEvents": null,
-                                              "position": "relative",
-                                            }
-                                          }
-                                          onKeyDown={[Function]}
-                                        >
-                                          <div
-                                            className=" css-2b097c-container"
-                                            onKeyDown={[Function]}
-                                          >
-                                            <Control
-                                              clearValue={[Function]}
-                                              cx={[Function]}
-                                              getStyles={[Function]}
-                                              getValue={[Function]}
-                                              hasValue={true}
-                                              innerProps={
-                                                Object {
-                                                  "onMouseDown": [Function],
-                                                  "onTouchEnd": [Function],
-                                                }
-                                              }
-                                              innerRef={[Function]}
-                                              isDisabled={false}
-                                              isFocused={false}
-                                              isMulti={false}
-                                              isRtl={false}
-                                              menuIsOpen={false}
-                                              options={
-                                                Array [
-                                                  Object {
-                                                    "label": "",
-                                                    "value": null,
-                                                  },
-                                                  Object {
-                                                    "index": -3,
-                                                    "label": "Eastern Time (US & Canada) (6:00 AM)",
-                                                    "value": "America/New_York",
-                                                  },
-                                                  Object {
-                                                    "index": -2,
-                                                    "label": "Central Time (US & Canada) (5:00 AM)",
-                                                    "value": "America/Chicago",
-                                                  },
-                                                  Object {
-                                                    "index": -1,
-                                                    "label": "Mountain Time (US & Canada) (4:00 AM)",
-                                                    "value": "America/Denver",
-                                                  },
-                                                  Object {
-                                                    "index": -0,
-                                                    "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                    "value": "America/Los_Angeles",
-                                                  },
-                                                  Object {
-                                                    "index": 2.4,
-                                                    "label": "Indiana (East) (6:00 AM)",
-                                                    "value": "America/Indiana/Indianapolis",
-                                                  },
-                                                  Object {
-                                                    "index": 2.4,
-                                                    "label": "Puerto Rico (6:00 AM)",
-                                                    "value": "America/Puerto_Rico",
-                                                  },
-                                                  Object {
-                                                    "index": 4.2,
-                                                    "label": "Arizona (3:00 AM)",
-                                                    "value": "America/Phoenix",
-                                                  },
-                                                  Object {
-                                                    "index": 4.8,
-                                                    "label": "Alaska (2:00 AM)",
-                                                    "value": "America/Juneau",
-                                                  },
-                                                  Object {
-                                                    "index": 4.8,
-                                                    "label": "Philippine Standard Time (6:00 PM)",
-                                                    "value": "Asia/Manila",
-                                                  },
-                                                  Object {
-                                                    "index": 6,
-                                                    "label": "Hawaii (12:00 AM)",
-                                                    "value": "Pacific/Honolulu",
-                                                  },
-                                                  Object {
-                                                    "index": 100,
-                                                    "label": "Azores (10:00 AM)",
-                                                    "value": "Atlantic/Azores",
-                                                  },
-                                                  Object {
-                                                    "index": 100,
-                                                    "label": "Monrovia (10:00 AM)",
-                                                    "value": "Africa/Monrovia",
-                                                  },
-                                                  Object {
-                                                    "index": 100,
-                                                    "label": "UTC (10:00 AM)",
-                                                    "value": "Etc/UTC",
-                                                  },
-                                                  Object {
-                                                    "index": 160,
-                                                    "label": "Cape Verde Is. (9:00 AM)",
-                                                    "value": "Atlantic/Cape_Verde",
-                                                  },
-                                                  Object {
-                                                    "index": 160,
-                                                    "label": "Dublin (11:00 AM)",
-                                                    "value": "Europe/Dublin",
-                                                  },
-                                                  Object {
-                                                    "index": 160,
-                                                    "label": "Edinburgh (11:00 AM)",
-                                                    "value": "Europe/London",
-                                                  },
-                                                  Object {
-                                                    "index": 160,
-                                                    "label": "Lisbon (11:00 AM)",
-                                                    "value": "Europe/Lisbon",
-                                                  },
-                                                  Object {
-                                                    "index": 160,
-                                                    "label": "London (11:00 AM)",
-                                                    "value": "Europe/London",
-                                                  },
-                                                  Object {
-                                                    "index": 160,
-                                                    "label": "Casablanca (11:00 AM)",
-                                                    "value": "Africa/Casablanca",
-                                                  },
-                                                  Object {
-                                                    "index": 160,
-                                                    "label": "West Central Africa (11:00 AM)",
-                                                    "value": "Africa/Algiers",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Greenland (8:00 AM)",
-                                                    "value": "America/Godthab",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Mid-Atlantic (8:00 AM)",
-                                                    "value": "Atlantic/South_Georgia",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Belgrade (12:00 PM)",
-                                                    "value": "Europe/Belgrade",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Bratislava (12:00 PM)",
-                                                    "value": "Europe/Bratislava",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Budapest (12:00 PM)",
-                                                    "value": "Europe/Budapest",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Ljubljana (12:00 PM)",
-                                                    "value": "Europe/Ljubljana",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Prague (12:00 PM)",
-                                                    "value": "Europe/Prague",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Sarajevo (12:00 PM)",
-                                                    "value": "Europe/Sarajevo",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Skopje (12:00 PM)",
-                                                    "value": "Europe/Skopje",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Warsaw (12:00 PM)",
-                                                    "value": "Europe/Warsaw",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Zagreb (12:00 PM)",
-                                                    "value": "Europe/Zagreb",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Brussels (12:00 PM)",
-                                                    "value": "Europe/Brussels",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Copenhagen (12:00 PM)",
-                                                    "value": "Europe/Copenhagen",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Madrid (12:00 PM)",
-                                                    "value": "Europe/Madrid",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Paris (12:00 PM)",
-                                                    "value": "Europe/Paris",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Amsterdam (12:00 PM)",
-                                                    "value": "Europe/Amsterdam",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Berlin (12:00 PM)",
-                                                    "value": "Europe/Berlin",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Bern (12:00 PM)",
-                                                    "value": "Europe/Zurich",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Zurich (12:00 PM)",
-                                                    "value": "Europe/Zurich",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Rome (12:00 PM)",
-                                                    "value": "Europe/Rome",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Stockholm (12:00 PM)",
-                                                    "value": "Europe/Stockholm",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Vienna (12:00 PM)",
-                                                    "value": "Europe/Vienna",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Cairo (12:00 PM)",
-                                                    "value": "Africa/Cairo",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Harare (12:00 PM)",
-                                                    "value": "Africa/Harare",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Pretoria (12:00 PM)",
-                                                    "value": "Africa/Johannesburg",
-                                                  },
-                                                  Object {
-                                                    "index": 220,
-                                                    "label": "Kaliningrad (12:00 PM)",
-                                                    "value": "Europe/Kaliningrad",
-                                                  },
-                                                  Object {
-                                                    "index": 250,
-                                                    "label": "Newfoundland (7:30 AM)",
-                                                    "value": "America/St_Johns",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Atlantic Time (Canada) (7:00 AM)",
-                                                    "value": "America/Halifax",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Brasilia (7:00 AM)",
-                                                    "value": "America/Sao_Paulo",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Buenos Aires (7:00 AM)",
-                                                    "value": "America/Argentina/Buenos_Aires",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Montevideo (7:00 AM)",
-                                                    "value": "America/Montevideo",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Bucharest (1:00 PM)",
-                                                    "value": "Europe/Bucharest",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Helsinki (1:00 PM)",
-                                                    "value": "Europe/Helsinki",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Kyiv (1:00 PM)",
-                                                    "value": "Europe/Kiev",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Riga (1:00 PM)",
-                                                    "value": "Europe/Riga",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Sofia (1:00 PM)",
-                                                    "value": "Europe/Sofia",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Tallinn (1:00 PM)",
-                                                    "value": "Europe/Tallinn",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Vilnius (1:00 PM)",
-                                                    "value": "Europe/Vilnius",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Athens (1:00 PM)",
-                                                    "value": "Europe/Athens",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Istanbul (1:00 PM)",
-                                                    "value": "Europe/Istanbul",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Minsk (1:00 PM)",
-                                                    "value": "Europe/Minsk",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Jerusalem (1:00 PM)",
-                                                    "value": "Asia/Jerusalem",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Moscow (1:00 PM)",
-                                                    "value": "Europe/Moscow",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "St. Petersburg (1:00 PM)",
-                                                    "value": "Europe/Moscow",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Kuwait (1:00 PM)",
-                                                    "value": "Asia/Kuwait",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Riyadh (1:00 PM)",
-                                                    "value": "Asia/Riyadh",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Nairobi (1:00 PM)",
-                                                    "value": "Africa/Nairobi",
-                                                  },
-                                                  Object {
-                                                    "index": 280,
-                                                    "label": "Baghdad (1:00 PM)",
-                                                    "value": "Asia/Baghdad",
-                                                  },
-                                                  Object {
-                                                    "index": 340,
-                                                    "label": "Caracas (6:00 AM)",
-                                                    "value": "America/Caracas",
-                                                  },
-                                                  Object {
-                                                    "index": 340,
-                                                    "label": "La Paz (6:00 AM)",
-                                                    "value": "America/La_Paz",
-                                                  },
-                                                  Object {
-                                                    "index": 340,
-                                                    "label": "Santiago (6:00 AM)",
-                                                    "value": "America/Santiago",
-                                                  },
-                                                  Object {
-                                                    "index": 340,
-                                                    "label": "Georgetown (6:00 AM)",
-                                                    "value": "America/Guyana",
-                                                  },
-                                                  Object {
-                                                    "index": 340,
-                                                    "label": "Volgograd (2:00 PM)",
-                                                    "value": "Europe/Volgograd",
-                                                  },
-                                                  Object {
-                                                    "index": 340,
-                                                    "label": "Samara (2:00 PM)",
-                                                    "value": "Europe/Samara",
-                                                  },
-                                                  Object {
-                                                    "index": 340,
-                                                    "label": "Abu Dhabi (2:00 PM)",
-                                                    "value": "Asia/Muscat",
-                                                  },
-                                                  Object {
-                                                    "index": 340,
-                                                    "label": "Muscat (2:00 PM)",
-                                                    "value": "Asia/Muscat",
-                                                  },
-                                                  Object {
-                                                    "index": 340,
-                                                    "label": "Baku (2:00 PM)",
-                                                    "value": "Asia/Baku",
-                                                  },
-                                                  Object {
-                                                    "index": 340,
-                                                    "label": "Tbilisi (2:00 PM)",
-                                                    "value": "Asia/Tbilisi",
-                                                  },
-                                                  Object {
-                                                    "index": 340,
-                                                    "label": "Yerevan (2:00 PM)",
-                                                    "value": "Asia/Yerevan",
-                                                  },
-                                                  Object {
-                                                    "index": 370,
-                                                    "label": "Tehran (2:30 PM)",
-                                                    "value": "Asia/Tehran",
-                                                  },
-                                                  Object {
-                                                    "index": 370,
-                                                    "label": "Kabul (2:30 PM)",
-                                                    "value": "Asia/Kabul",
-                                                  },
-                                                  Object {
-                                                    "index": 400,
-                                                    "label": "Guadalajara (5:00 AM)",
-                                                    "value": "America/Mexico_City",
-                                                  },
-                                                  Object {
-                                                    "index": 400,
-                                                    "label": "Mexico City (5:00 AM)",
-                                                    "value": "America/Mexico_City",
-                                                  },
-                                                  Object {
-                                                    "index": 400,
-                                                    "label": "Monterrey (5:00 AM)",
-                                                    "value": "America/Monterrey",
-                                                  },
-                                                  Object {
-                                                    "index": 400,
-                                                    "label": "Bogota (5:00 AM)",
-                                                    "value": "America/Bogota",
-                                                  },
-                                                  Object {
-                                                    "index": 400,
-                                                    "label": "Lima (5:00 AM)",
-                                                    "value": "America/Lima",
-                                                  },
-                                                  Object {
-                                                    "index": 400,
-                                                    "label": "Quito (5:00 AM)",
-                                                    "value": "America/Lima",
-                                                  },
-                                                  Object {
-                                                    "index": 400,
-                                                    "label": "Ekaterinburg (3:00 PM)",
-                                                    "value": "Asia/Yekaterinburg",
-                                                  },
-                                                  Object {
-                                                    "index": 400,
-                                                    "label": "Islamabad (3:00 PM)",
-                                                    "value": "Asia/Karachi",
-                                                  },
-                                                  Object {
-                                                    "index": 400,
-                                                    "label": "Karachi (3:00 PM)",
-                                                    "value": "Asia/Karachi",
-                                                  },
-                                                  Object {
-                                                    "index": 400,
-                                                    "label": "Tashkent (3:00 PM)",
-                                                    "value": "Asia/Tashkent",
-                                                  },
-                                                  Object {
-                                                    "index": 430,
-                                                    "label": "Chennai (3:30 PM)",
-                                                    "value": "Asia/Kolkata",
-                                                  },
-                                                  Object {
-                                                    "index": 430,
-                                                    "label": "Kolkata (3:30 PM)",
-                                                    "value": "Asia/Kolkata",
-                                                  },
-                                                  Object {
-                                                    "index": 430,
-                                                    "label": "Mumbai (3:30 PM)",
-                                                    "value": "Asia/Kolkata",
-                                                  },
-                                                  Object {
-                                                    "index": 430,
-                                                    "label": "New Delhi (3:30 PM)",
-                                                    "value": "Asia/Kolkata",
-                                                  },
-                                                  Object {
-                                                    "index": 430,
-                                                    "label": "Sri Jayawardenepura (3:30 PM)",
-                                                    "value": "Asia/Colombo",
-                                                  },
-                                                  Object {
-                                                    "index": 445,
-                                                    "label": "Kathmandu (3:45 PM)",
-                                                    "value": "Asia/Kathmandu",
-                                                  },
-                                                  Object {
-                                                    "index": 460,
-                                                    "label": "Chihuahua (4:00 AM)",
-                                                    "value": "America/Chihuahua",
-                                                  },
-                                                  Object {
-                                                    "index": 460,
-                                                    "label": "Mazatlan (4:00 AM)",
-                                                    "value": "America/Mazatlan",
-                                                  },
-                                                  Object {
-                                                    "index": 460,
-                                                    "label": "Saskatchewan (4:00 AM)",
-                                                    "value": "America/Regina",
-                                                  },
-                                                  Object {
-                                                    "index": 460,
-                                                    "label": "Central America (4:00 AM)",
-                                                    "value": "America/Guatemala",
-                                                  },
-                                                  Object {
-                                                    "index": 460,
-                                                    "label": "Astana (4:00 PM)",
-                                                    "value": "Asia/Dhaka",
-                                                  },
-                                                  Object {
-                                                    "index": 460,
-                                                    "label": "Dhaka (4:00 PM)",
-                                                    "value": "Asia/Dhaka",
-                                                  },
-                                                  Object {
-                                                    "index": 460,
-                                                    "label": "Almaty (4:00 PM)",
-                                                    "value": "Asia/Almaty",
-                                                  },
-                                                  Object {
-                                                    "index": 460,
-                                                    "label": "Urumqi (4:00 PM)",
-                                                    "value": "Asia/Urumqi",
-                                                  },
-                                                  Object {
-                                                    "index": 490,
-                                                    "label": "Rangoon (4:30 PM)",
-                                                    "value": "Asia/Rangoon",
-                                                  },
-                                                  Object {
-                                                    "index": 520,
-                                                    "label": "Tijuana (3:00 AM)",
-                                                    "value": "America/Tijuana",
-                                                  },
-                                                  Object {
-                                                    "index": 520,
-                                                    "label": "Novosibirsk (5:00 PM)",
-                                                    "value": "Asia/Novosibirsk",
-                                                  },
-                                                  Object {
-                                                    "index": 520,
-                                                    "label": "Bangkok (5:00 PM)",
-                                                    "value": "Asia/Bangkok",
-                                                  },
-                                                  Object {
-                                                    "index": 520,
-                                                    "label": "Hanoi (5:00 PM)",
-                                                    "value": "Asia/Bangkok",
-                                                  },
-                                                  Object {
-                                                    "index": 520,
-                                                    "label": "Jakarta (5:00 PM)",
-                                                    "value": "Asia/Jakarta",
-                                                  },
-                                                  Object {
-                                                    "index": 520,
-                                                    "label": "Krasnoyarsk (5:00 PM)",
-                                                    "value": "Asia/Krasnoyarsk",
-                                                  },
-                                                  Object {
-                                                    "index": 580,
-                                                    "label": "Beijing (6:00 PM)",
-                                                    "value": "Asia/Shanghai",
-                                                  },
-                                                  Object {
-                                                    "index": 580,
-                                                    "label": "Chongqing (6:00 PM)",
-                                                    "value": "Asia/Chongqing",
-                                                  },
-                                                  Object {
-                                                    "index": 580,
-                                                    "label": "Hong Kong (6:00 PM)",
-                                                    "value": "Asia/Hong_Kong",
-                                                  },
-                                                  Object {
-                                                    "index": 580,
-                                                    "label": "Kuala Lumpur (6:00 PM)",
-                                                    "value": "Asia/Kuala_Lumpur",
-                                                  },
-                                                  Object {
-                                                    "index": 580,
-                                                    "label": "Singapore (6:00 PM)",
-                                                    "value": "Asia/Singapore",
-                                                  },
-                                                  Object {
-                                                    "index": 580,
-                                                    "label": "Taipei (6:00 PM)",
-                                                    "value": "Asia/Taipei",
-                                                  },
-                                                  Object {
-                                                    "index": 580,
-                                                    "label": "Perth (6:00 PM)",
-                                                    "value": "Australia/Perth",
-                                                  },
-                                                  Object {
-                                                    "index": 580,
-                                                    "label": "Irkutsk (6:00 PM)",
-                                                    "value": "Asia/Irkutsk",
-                                                  },
-                                                  Object {
-                                                    "index": 580,
-                                                    "label": "Ulaanbaatar (6:00 PM)",
-                                                    "value": "Asia/Ulaanbaatar",
-                                                  },
-                                                  Object {
-                                                    "index": 640,
-                                                    "label": "Seoul (7:00 PM)",
-                                                    "value": "Asia/Seoul",
-                                                  },
-                                                  Object {
-                                                    "index": 640,
-                                                    "label": "Osaka (7:00 PM)",
-                                                    "value": "Asia/Tokyo",
-                                                  },
-                                                  Object {
-                                                    "index": 640,
-                                                    "label": "Sapporo (7:00 PM)",
-                                                    "value": "Asia/Tokyo",
-                                                  },
-                                                  Object {
-                                                    "index": 640,
-                                                    "label": "Tokyo (7:00 PM)",
-                                                    "value": "Asia/Tokyo",
-                                                  },
-                                                  Object {
-                                                    "index": 640,
-                                                    "label": "Yakutsk (7:00 PM)",
-                                                    "value": "Asia/Yakutsk",
-                                                  },
-                                                  Object {
-                                                    "index": 670,
-                                                    "label": "Darwin (7:30 PM)",
-                                                    "value": "Australia/Darwin",
-                                                  },
-                                                  Object {
-                                                    "index": 670,
-                                                    "label": "Adelaide (7:30 PM)",
-                                                    "value": "Australia/Adelaide",
-                                                  },
-                                                  Object {
-                                                    "index": 700,
-                                                    "label": "Canberra (8:00 PM)",
-                                                    "value": "Australia/Melbourne",
-                                                  },
-                                                  Object {
-                                                    "index": 700,
-                                                    "label": "Melbourne (8:00 PM)",
-                                                    "value": "Australia/Melbourne",
-                                                  },
-                                                  Object {
-                                                    "index": 700,
-                                                    "label": "Sydney (8:00 PM)",
-                                                    "value": "Australia/Sydney",
-                                                  },
-                                                  Object {
-                                                    "index": 700,
-                                                    "label": "Brisbane (8:00 PM)",
-                                                    "value": "Australia/Brisbane",
-                                                  },
-                                                  Object {
-                                                    "index": 700,
-                                                    "label": "Hobart (8:00 PM)",
-                                                    "value": "Australia/Hobart",
-                                                  },
-                                                  Object {
-                                                    "index": 700,
-                                                    "label": "Vladivostok (8:00 PM)",
-                                                    "value": "Asia/Vladivostok",
-                                                  },
-                                                  Object {
-                                                    "index": 700,
-                                                    "label": "Guam (8:00 PM)",
-                                                    "value": "Pacific/Guam",
-                                                  },
-                                                  Object {
-                                                    "index": 700,
-                                                    "label": "Port Moresby (8:00 PM)",
-                                                    "value": "Pacific/Port_Moresby",
-                                                  },
-                                                  Object {
-                                                    "index": 760,
-                                                    "label": "Midway Island (11:00 PM)",
-                                                    "value": "Pacific/Midway",
-                                                  },
-                                                  Object {
-                                                    "index": 760,
-                                                    "label": "American Samoa (11:00 PM)",
-                                                    "value": "Pacific/Pago_Pago",
-                                                  },
-                                                  Object {
-                                                    "index": 760,
-                                                    "label": "Magadan (9:00 PM)",
-                                                    "value": "Asia/Magadan",
-                                                  },
-                                                  Object {
-                                                    "index": 760,
-                                                    "label": "Srednekolymsk (9:00 PM)",
-                                                    "value": "Asia/Srednekolymsk",
-                                                  },
-                                                  Object {
-                                                    "index": 760,
-                                                    "label": "Solomon Is. (9:00 PM)",
-                                                    "value": "Pacific/Guadalcanal",
-                                                  },
-                                                  Object {
-                                                    "index": 760,
-                                                    "label": "New Caledonia (9:00 PM)",
-                                                    "value": "Pacific/Noumea",
-                                                  },
-                                                  Object {
-                                                    "index": 820,
-                                                    "label": "International Date Line West (10:00 PM)",
-                                                    "value": "Etc/GMT+12",
-                                                  },
-                                                  Object {
-                                                    "index": 820,
-                                                    "label": "Fiji (10:00 PM)",
-                                                    "value": "Pacific/Fiji",
-                                                  },
-                                                  Object {
-                                                    "index": 820,
-                                                    "label": "Kamchatka (10:00 PM)",
-                                                    "value": "Asia/Kamchatka",
-                                                  },
-                                                  Object {
-                                                    "index": 820,
-                                                    "label": "Marshall Is. (10:00 PM)",
-                                                    "value": "Pacific/Majuro",
-                                                  },
-                                                  Object {
-                                                    "index": 820,
-                                                    "label": "Auckland (10:00 PM)",
-                                                    "value": "Pacific/Auckland",
-                                                  },
-                                                  Object {
-                                                    "index": 820,
-                                                    "label": "Wellington (10:00 PM)",
-                                                    "value": "Pacific/Auckland",
-                                                  },
-                                                  Object {
-                                                    "index": 865,
-                                                    "label": "Chatham Is. (10:45 PM)",
-                                                    "value": "Pacific/Chatham",
-                                                  },
-                                                  Object {
-                                                    "index": 880,
-                                                    "label": "Nuku'alofa (11:00 PM)",
-                                                    "value": "Pacific/Tongatapu",
-                                                  },
-                                                  Object {
-                                                    "index": 880,
-                                                    "label": "Tokelau Is. (11:00 PM)",
-                                                    "value": "Pacific/Fakaofo",
-                                                  },
-                                                  Object {
-                                                    "index": 880,
-                                                    "label": "Samoa (11:00 PM)",
-                                                    "value": "Pacific/Apia",
-                                                  },
-                                                ]
-                                              }
-                                              selectOption={[Function]}
-                                              selectProps={
-                                                Object {
-                                                  "backspaceRemovesValue": true,
-                                                  "blurInputOnSelect": true,
-                                                  "cache": false,
-                                                  "captureMenuScroll": false,
-                                                  "classNamePrefix": "cf-select",
-                                                  "closeMenuOnScroll": false,
-                                                  "closeMenuOnSelect": true,
-                                                  "components": Object {
-                                                    "Input": [Function],
-                                                    "MenuList": [Function],
-                                                    "Option": [Function],
-                                                  },
-                                                  "controlShouldRenderValue": true,
-                                                  "defaultOptions": undefined,
-                                                  "escapeClearsValue": false,
-                                                  "filterOption": [Function],
-                                                  "formatGroupLabel": [Function],
-                                                  "getOptionLabel": [Function],
-                                                  "getOptionValue": [Function],
-                                                  "inputId": "appellant-tz",
-                                                  "inputValue": "",
-                                                  "isClearable": undefined,
-                                                  "isDisabled": false,
-                                                  "isLoading": false,
-                                                  "isMulti": false,
-                                                  "isOptionDisabled": [Function],
-                                                  "isRtl": false,
-                                                  "isSearchable": true,
-                                                  "loadOptions": undefined,
-                                                  "loadingMessage": [Function],
-                                                  "maxMenuHeight": 300,
-                                                  "menuIsOpen": false,
-                                                  "menuPlacement": "bottom",
-                                                  "menuPosition": "absolute",
-                                                  "menuShouldBlockScroll": false,
-                                                  "menuShouldScrollIntoView": true,
-                                                  "minMenuHeight": 140,
-                                                  "name": "appellantTz",
-                                                  "noOptionsMessage": [Function],
-                                                  "onBlurResetsInput": false,
-                                                  "onChange": [Function],
-                                                  "onInputChange": [Function],
-                                                  "onMenuClose": [Function],
-                                                  "onMenuOpen": [Function],
-                                                  "openMenuOnClick": true,
-                                                  "openMenuOnFocus": false,
-                                                  "options": Array [
-                                                    Object {
-                                                      "label": "",
-                                                      "value": null,
-                                                    },
-                                                    Object {
-                                                      "index": -3,
-                                                      "label": "Eastern Time (US & Canada) (6:00 AM)",
-                                                      "value": "America/New_York",
-                                                    },
-                                                    Object {
-                                                      "index": -2,
-                                                      "label": "Central Time (US & Canada) (5:00 AM)",
-                                                      "value": "America/Chicago",
-                                                    },
-                                                    Object {
-                                                      "index": -1,
-                                                      "label": "Mountain Time (US & Canada) (4:00 AM)",
-                                                      "value": "America/Denver",
-                                                    },
-                                                    Object {
-                                                      "index": -0,
-                                                      "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                      "value": "America/Los_Angeles",
-                                                    },
-                                                    Object {
-                                                      "index": 2.4,
-                                                      "label": "Indiana (East) (6:00 AM)",
-                                                      "value": "America/Indiana/Indianapolis",
-                                                    },
-                                                    Object {
-                                                      "index": 2.4,
-                                                      "label": "Puerto Rico (6:00 AM)",
-                                                      "value": "America/Puerto_Rico",
-                                                    },
-                                                    Object {
-                                                      "index": 4.2,
-                                                      "label": "Arizona (3:00 AM)",
-                                                      "value": "America/Phoenix",
-                                                    },
-                                                    Object {
-                                                      "index": 4.8,
-                                                      "label": "Alaska (2:00 AM)",
-                                                      "value": "America/Juneau",
-                                                    },
-                                                    Object {
-                                                      "index": 4.8,
-                                                      "label": "Philippine Standard Time (6:00 PM)",
-                                                      "value": "Asia/Manila",
-                                                    },
-                                                    Object {
-                                                      "index": 6,
-                                                      "label": "Hawaii (12:00 AM)",
-                                                      "value": "Pacific/Honolulu",
-                                                    },
-                                                    Object {
-                                                      "index": 100,
-                                                      "label": "Azores (10:00 AM)",
-                                                      "value": "Atlantic/Azores",
-                                                    },
-                                                    Object {
-                                                      "index": 100,
-                                                      "label": "Monrovia (10:00 AM)",
-                                                      "value": "Africa/Monrovia",
-                                                    },
-                                                    Object {
-                                                      "index": 100,
-                                                      "label": "UTC (10:00 AM)",
-                                                      "value": "Etc/UTC",
-                                                    },
-                                                    Object {
-                                                      "index": 160,
-                                                      "label": "Cape Verde Is. (9:00 AM)",
-                                                      "value": "Atlantic/Cape_Verde",
-                                                    },
-                                                    Object {
-                                                      "index": 160,
-                                                      "label": "Dublin (11:00 AM)",
-                                                      "value": "Europe/Dublin",
-                                                    },
-                                                    Object {
-                                                      "index": 160,
-                                                      "label": "Edinburgh (11:00 AM)",
-                                                      "value": "Europe/London",
-                                                    },
-                                                    Object {
-                                                      "index": 160,
-                                                      "label": "Lisbon (11:00 AM)",
-                                                      "value": "Europe/Lisbon",
-                                                    },
-                                                    Object {
-                                                      "index": 160,
-                                                      "label": "London (11:00 AM)",
-                                                      "value": "Europe/London",
-                                                    },
-                                                    Object {
-                                                      "index": 160,
-                                                      "label": "Casablanca (11:00 AM)",
-                                                      "value": "Africa/Casablanca",
-                                                    },
-                                                    Object {
-                                                      "index": 160,
-                                                      "label": "West Central Africa (11:00 AM)",
-                                                      "value": "Africa/Algiers",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Greenland (8:00 AM)",
-                                                      "value": "America/Godthab",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Mid-Atlantic (8:00 AM)",
-                                                      "value": "Atlantic/South_Georgia",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Belgrade (12:00 PM)",
-                                                      "value": "Europe/Belgrade",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Bratislava (12:00 PM)",
-                                                      "value": "Europe/Bratislava",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Budapest (12:00 PM)",
-                                                      "value": "Europe/Budapest",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Ljubljana (12:00 PM)",
-                                                      "value": "Europe/Ljubljana",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Prague (12:00 PM)",
-                                                      "value": "Europe/Prague",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Sarajevo (12:00 PM)",
-                                                      "value": "Europe/Sarajevo",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Skopje (12:00 PM)",
-                                                      "value": "Europe/Skopje",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Warsaw (12:00 PM)",
-                                                      "value": "Europe/Warsaw",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Zagreb (12:00 PM)",
-                                                      "value": "Europe/Zagreb",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Brussels (12:00 PM)",
-                                                      "value": "Europe/Brussels",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Copenhagen (12:00 PM)",
-                                                      "value": "Europe/Copenhagen",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Madrid (12:00 PM)",
-                                                      "value": "Europe/Madrid",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Paris (12:00 PM)",
-                                                      "value": "Europe/Paris",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Amsterdam (12:00 PM)",
-                                                      "value": "Europe/Amsterdam",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Berlin (12:00 PM)",
-                                                      "value": "Europe/Berlin",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Bern (12:00 PM)",
-                                                      "value": "Europe/Zurich",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Zurich (12:00 PM)",
-                                                      "value": "Europe/Zurich",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Rome (12:00 PM)",
-                                                      "value": "Europe/Rome",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Stockholm (12:00 PM)",
-                                                      "value": "Europe/Stockholm",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Vienna (12:00 PM)",
-                                                      "value": "Europe/Vienna",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Cairo (12:00 PM)",
-                                                      "value": "Africa/Cairo",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Harare (12:00 PM)",
-                                                      "value": "Africa/Harare",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Pretoria (12:00 PM)",
-                                                      "value": "Africa/Johannesburg",
-                                                    },
-                                                    Object {
-                                                      "index": 220,
-                                                      "label": "Kaliningrad (12:00 PM)",
-                                                      "value": "Europe/Kaliningrad",
-                                                    },
-                                                    Object {
-                                                      "index": 250,
-                                                      "label": "Newfoundland (7:30 AM)",
-                                                      "value": "America/St_Johns",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Atlantic Time (Canada) (7:00 AM)",
-                                                      "value": "America/Halifax",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Brasilia (7:00 AM)",
-                                                      "value": "America/Sao_Paulo",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Buenos Aires (7:00 AM)",
-                                                      "value": "America/Argentina/Buenos_Aires",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Montevideo (7:00 AM)",
-                                                      "value": "America/Montevideo",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Bucharest (1:00 PM)",
-                                                      "value": "Europe/Bucharest",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Helsinki (1:00 PM)",
-                                                      "value": "Europe/Helsinki",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Kyiv (1:00 PM)",
-                                                      "value": "Europe/Kiev",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Riga (1:00 PM)",
-                                                      "value": "Europe/Riga",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Sofia (1:00 PM)",
-                                                      "value": "Europe/Sofia",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Tallinn (1:00 PM)",
-                                                      "value": "Europe/Tallinn",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Vilnius (1:00 PM)",
-                                                      "value": "Europe/Vilnius",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Athens (1:00 PM)",
-                                                      "value": "Europe/Athens",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Istanbul (1:00 PM)",
-                                                      "value": "Europe/Istanbul",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Minsk (1:00 PM)",
-                                                      "value": "Europe/Minsk",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Jerusalem (1:00 PM)",
-                                                      "value": "Asia/Jerusalem",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Moscow (1:00 PM)",
-                                                      "value": "Europe/Moscow",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "St. Petersburg (1:00 PM)",
-                                                      "value": "Europe/Moscow",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Kuwait (1:00 PM)",
-                                                      "value": "Asia/Kuwait",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Riyadh (1:00 PM)",
-                                                      "value": "Asia/Riyadh",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Nairobi (1:00 PM)",
-                                                      "value": "Africa/Nairobi",
-                                                    },
-                                                    Object {
-                                                      "index": 280,
-                                                      "label": "Baghdad (1:00 PM)",
-                                                      "value": "Asia/Baghdad",
-                                                    },
-                                                    Object {
-                                                      "index": 340,
-                                                      "label": "Caracas (6:00 AM)",
-                                                      "value": "America/Caracas",
-                                                    },
-                                                    Object {
-                                                      "index": 340,
-                                                      "label": "La Paz (6:00 AM)",
-                                                      "value": "America/La_Paz",
-                                                    },
-                                                    Object {
-                                                      "index": 340,
-                                                      "label": "Santiago (6:00 AM)",
-                                                      "value": "America/Santiago",
-                                                    },
-                                                    Object {
-                                                      "index": 340,
-                                                      "label": "Georgetown (6:00 AM)",
-                                                      "value": "America/Guyana",
-                                                    },
-                                                    Object {
-                                                      "index": 340,
-                                                      "label": "Volgograd (2:00 PM)",
-                                                      "value": "Europe/Volgograd",
-                                                    },
-                                                    Object {
-                                                      "index": 340,
-                                                      "label": "Samara (2:00 PM)",
-                                                      "value": "Europe/Samara",
-                                                    },
-                                                    Object {
-                                                      "index": 340,
-                                                      "label": "Abu Dhabi (2:00 PM)",
-                                                      "value": "Asia/Muscat",
-                                                    },
-                                                    Object {
-                                                      "index": 340,
-                                                      "label": "Muscat (2:00 PM)",
-                                                      "value": "Asia/Muscat",
-                                                    },
-                                                    Object {
-                                                      "index": 340,
-                                                      "label": "Baku (2:00 PM)",
-                                                      "value": "Asia/Baku",
-                                                    },
-                                                    Object {
-                                                      "index": 340,
-                                                      "label": "Tbilisi (2:00 PM)",
-                                                      "value": "Asia/Tbilisi",
-                                                    },
-                                                    Object {
-                                                      "index": 340,
-                                                      "label": "Yerevan (2:00 PM)",
-                                                      "value": "Asia/Yerevan",
-                                                    },
-                                                    Object {
-                                                      "index": 370,
-                                                      "label": "Tehran (2:30 PM)",
-                                                      "value": "Asia/Tehran",
-                                                    },
-                                                    Object {
-                                                      "index": 370,
-                                                      "label": "Kabul (2:30 PM)",
-                                                      "value": "Asia/Kabul",
-                                                    },
-                                                    Object {
-                                                      "index": 400,
-                                                      "label": "Guadalajara (5:00 AM)",
-                                                      "value": "America/Mexico_City",
-                                                    },
-                                                    Object {
-                                                      "index": 400,
-                                                      "label": "Mexico City (5:00 AM)",
-                                                      "value": "America/Mexico_City",
-                                                    },
-                                                    Object {
-                                                      "index": 400,
-                                                      "label": "Monterrey (5:00 AM)",
-                                                      "value": "America/Monterrey",
-                                                    },
-                                                    Object {
-                                                      "index": 400,
-                                                      "label": "Bogota (5:00 AM)",
-                                                      "value": "America/Bogota",
-                                                    },
-                                                    Object {
-                                                      "index": 400,
-                                                      "label": "Lima (5:00 AM)",
-                                                      "value": "America/Lima",
-                                                    },
-                                                    Object {
-                                                      "index": 400,
-                                                      "label": "Quito (5:00 AM)",
-                                                      "value": "America/Lima",
-                                                    },
-                                                    Object {
-                                                      "index": 400,
-                                                      "label": "Ekaterinburg (3:00 PM)",
-                                                      "value": "Asia/Yekaterinburg",
-                                                    },
-                                                    Object {
-                                                      "index": 400,
-                                                      "label": "Islamabad (3:00 PM)",
-                                                      "value": "Asia/Karachi",
-                                                    },
-                                                    Object {
-                                                      "index": 400,
-                                                      "label": "Karachi (3:00 PM)",
-                                                      "value": "Asia/Karachi",
-                                                    },
-                                                    Object {
-                                                      "index": 400,
-                                                      "label": "Tashkent (3:00 PM)",
-                                                      "value": "Asia/Tashkent",
-                                                    },
-                                                    Object {
-                                                      "index": 430,
-                                                      "label": "Chennai (3:30 PM)",
-                                                      "value": "Asia/Kolkata",
-                                                    },
-                                                    Object {
-                                                      "index": 430,
-                                                      "label": "Kolkata (3:30 PM)",
-                                                      "value": "Asia/Kolkata",
-                                                    },
-                                                    Object {
-                                                      "index": 430,
-                                                      "label": "Mumbai (3:30 PM)",
-                                                      "value": "Asia/Kolkata",
-                                                    },
-                                                    Object {
-                                                      "index": 430,
-                                                      "label": "New Delhi (3:30 PM)",
-                                                      "value": "Asia/Kolkata",
-                                                    },
-                                                    Object {
-                                                      "index": 430,
-                                                      "label": "Sri Jayawardenepura (3:30 PM)",
-                                                      "value": "Asia/Colombo",
-                                                    },
-                                                    Object {
-                                                      "index": 445,
-                                                      "label": "Kathmandu (3:45 PM)",
-                                                      "value": "Asia/Kathmandu",
-                                                    },
-                                                    Object {
-                                                      "index": 460,
-                                                      "label": "Chihuahua (4:00 AM)",
-                                                      "value": "America/Chihuahua",
-                                                    },
-                                                    Object {
-                                                      "index": 460,
-                                                      "label": "Mazatlan (4:00 AM)",
-                                                      "value": "America/Mazatlan",
-                                                    },
-                                                    Object {
-                                                      "index": 460,
-                                                      "label": "Saskatchewan (4:00 AM)",
-                                                      "value": "America/Regina",
-                                                    },
-                                                    Object {
-                                                      "index": 460,
-                                                      "label": "Central America (4:00 AM)",
-                                                      "value": "America/Guatemala",
-                                                    },
-                                                    Object {
-                                                      "index": 460,
-                                                      "label": "Astana (4:00 PM)",
-                                                      "value": "Asia/Dhaka",
-                                                    },
-                                                    Object {
-                                                      "index": 460,
-                                                      "label": "Dhaka (4:00 PM)",
-                                                      "value": "Asia/Dhaka",
-                                                    },
-                                                    Object {
-                                                      "index": 460,
-                                                      "label": "Almaty (4:00 PM)",
-                                                      "value": "Asia/Almaty",
-                                                    },
-                                                    Object {
-                                                      "index": 460,
-                                                      "label": "Urumqi (4:00 PM)",
-                                                      "value": "Asia/Urumqi",
-                                                    },
-                                                    Object {
-                                                      "index": 490,
-                                                      "label": "Rangoon (4:30 PM)",
-                                                      "value": "Asia/Rangoon",
-                                                    },
-                                                    Object {
-                                                      "index": 520,
-                                                      "label": "Tijuana (3:00 AM)",
-                                                      "value": "America/Tijuana",
-                                                    },
-                                                    Object {
-                                                      "index": 520,
-                                                      "label": "Novosibirsk (5:00 PM)",
-                                                      "value": "Asia/Novosibirsk",
-                                                    },
-                                                    Object {
-                                                      "index": 520,
-                                                      "label": "Bangkok (5:00 PM)",
-                                                      "value": "Asia/Bangkok",
-                                                    },
-                                                    Object {
-                                                      "index": 520,
-                                                      "label": "Hanoi (5:00 PM)",
-                                                      "value": "Asia/Bangkok",
-                                                    },
-                                                    Object {
-                                                      "index": 520,
-                                                      "label": "Jakarta (5:00 PM)",
-                                                      "value": "Asia/Jakarta",
-                                                    },
-                                                    Object {
-                                                      "index": 520,
-                                                      "label": "Krasnoyarsk (5:00 PM)",
-                                                      "value": "Asia/Krasnoyarsk",
-                                                    },
-                                                    Object {
-                                                      "index": 580,
-                                                      "label": "Beijing (6:00 PM)",
-                                                      "value": "Asia/Shanghai",
-                                                    },
-                                                    Object {
-                                                      "index": 580,
-                                                      "label": "Chongqing (6:00 PM)",
-                                                      "value": "Asia/Chongqing",
-                                                    },
-                                                    Object {
-                                                      "index": 580,
-                                                      "label": "Hong Kong (6:00 PM)",
-                                                      "value": "Asia/Hong_Kong",
-                                                    },
-                                                    Object {
-                                                      "index": 580,
-                                                      "label": "Kuala Lumpur (6:00 PM)",
-                                                      "value": "Asia/Kuala_Lumpur",
-                                                    },
-                                                    Object {
-                                                      "index": 580,
-                                                      "label": "Singapore (6:00 PM)",
-                                                      "value": "Asia/Singapore",
-                                                    },
-                                                    Object {
-                                                      "index": 580,
-                                                      "label": "Taipei (6:00 PM)",
-                                                      "value": "Asia/Taipei",
-                                                    },
-                                                    Object {
-                                                      "index": 580,
-                                                      "label": "Perth (6:00 PM)",
-                                                      "value": "Australia/Perth",
-                                                    },
-                                                    Object {
-                                                      "index": 580,
-                                                      "label": "Irkutsk (6:00 PM)",
-                                                      "value": "Asia/Irkutsk",
-                                                    },
-                                                    Object {
-                                                      "index": 580,
-                                                      "label": "Ulaanbaatar (6:00 PM)",
-                                                      "value": "Asia/Ulaanbaatar",
-                                                    },
-                                                    Object {
-                                                      "index": 640,
-                                                      "label": "Seoul (7:00 PM)",
-                                                      "value": "Asia/Seoul",
-                                                    },
-                                                    Object {
-                                                      "index": 640,
-                                                      "label": "Osaka (7:00 PM)",
-                                                      "value": "Asia/Tokyo",
-                                                    },
-                                                    Object {
-                                                      "index": 640,
-                                                      "label": "Sapporo (7:00 PM)",
-                                                      "value": "Asia/Tokyo",
-                                                    },
-                                                    Object {
-                                                      "index": 640,
-                                                      "label": "Tokyo (7:00 PM)",
-                                                      "value": "Asia/Tokyo",
-                                                    },
-                                                    Object {
-                                                      "index": 640,
-                                                      "label": "Yakutsk (7:00 PM)",
-                                                      "value": "Asia/Yakutsk",
-                                                    },
-                                                    Object {
-                                                      "index": 670,
-                                                      "label": "Darwin (7:30 PM)",
-                                                      "value": "Australia/Darwin",
-                                                    },
-                                                    Object {
-                                                      "index": 670,
-                                                      "label": "Adelaide (7:30 PM)",
-                                                      "value": "Australia/Adelaide",
-                                                    },
-                                                    Object {
-                                                      "index": 700,
-                                                      "label": "Canberra (8:00 PM)",
-                                                      "value": "Australia/Melbourne",
-                                                    },
-                                                    Object {
-                                                      "index": 700,
-                                                      "label": "Melbourne (8:00 PM)",
-                                                      "value": "Australia/Melbourne",
-                                                    },
-                                                    Object {
-                                                      "index": 700,
-                                                      "label": "Sydney (8:00 PM)",
-                                                      "value": "Australia/Sydney",
-                                                    },
-                                                    Object {
-                                                      "index": 700,
-                                                      "label": "Brisbane (8:00 PM)",
-                                                      "value": "Australia/Brisbane",
-                                                    },
-                                                    Object {
-                                                      "index": 700,
-                                                      "label": "Hobart (8:00 PM)",
-                                                      "value": "Australia/Hobart",
-                                                    },
-                                                    Object {
-                                                      "index": 700,
-                                                      "label": "Vladivostok (8:00 PM)",
-                                                      "value": "Asia/Vladivostok",
-                                                    },
-                                                    Object {
-                                                      "index": 700,
-                                                      "label": "Guam (8:00 PM)",
-                                                      "value": "Pacific/Guam",
-                                                    },
-                                                    Object {
-                                                      "index": 700,
-                                                      "label": "Port Moresby (8:00 PM)",
-                                                      "value": "Pacific/Port_Moresby",
-                                                    },
-                                                    Object {
-                                                      "index": 760,
-                                                      "label": "Midway Island (11:00 PM)",
-                                                      "value": "Pacific/Midway",
-                                                    },
-                                                    Object {
-                                                      "index": 760,
-                                                      "label": "American Samoa (11:00 PM)",
-                                                      "value": "Pacific/Pago_Pago",
-                                                    },
-                                                    Object {
-                                                      "index": 760,
-                                                      "label": "Magadan (9:00 PM)",
-                                                      "value": "Asia/Magadan",
-                                                    },
-                                                    Object {
-                                                      "index": 760,
-                                                      "label": "Srednekolymsk (9:00 PM)",
-                                                      "value": "Asia/Srednekolymsk",
-                                                    },
-                                                    Object {
-                                                      "index": 760,
-                                                      "label": "Solomon Is. (9:00 PM)",
-                                                      "value": "Pacific/Guadalcanal",
-                                                    },
-                                                    Object {
-                                                      "index": 760,
-                                                      "label": "New Caledonia (9:00 PM)",
-                                                      "value": "Pacific/Noumea",
-                                                    },
-                                                    Object {
-                                                      "index": 820,
-                                                      "label": "International Date Line West (10:00 PM)",
-                                                      "value": "Etc/GMT+12",
-                                                    },
-                                                    Object {
-                                                      "index": 820,
-                                                      "label": "Fiji (10:00 PM)",
-                                                      "value": "Pacific/Fiji",
-                                                    },
-                                                    Object {
-                                                      "index": 820,
-                                                      "label": "Kamchatka (10:00 PM)",
-                                                      "value": "Asia/Kamchatka",
-                                                    },
-                                                    Object {
-                                                      "index": 820,
-                                                      "label": "Marshall Is. (10:00 PM)",
-                                                      "value": "Pacific/Majuro",
-                                                    },
-                                                    Object {
-                                                      "index": 820,
-                                                      "label": "Auckland (10:00 PM)",
-                                                      "value": "Pacific/Auckland",
-                                                    },
-                                                    Object {
-                                                      "index": 820,
-                                                      "label": "Wellington (10:00 PM)",
-                                                      "value": "Pacific/Auckland",
-                                                    },
-                                                    Object {
-                                                      "index": 865,
-                                                      "label": "Chatham Is. (10:45 PM)",
-                                                      "value": "Pacific/Chatham",
-                                                    },
-                                                    Object {
-                                                      "index": 880,
-                                                      "label": "Nuku'alofa (11:00 PM)",
-                                                      "value": "Pacific/Tongatapu",
-                                                    },
-                                                    Object {
-                                                      "index": 880,
-                                                      "label": "Tokelau Is. (11:00 PM)",
-                                                      "value": "Pacific/Fakaofo",
-                                                    },
-                                                    Object {
-                                                      "index": 880,
-                                                      "label": "Samoa (11:00 PM)",
-                                                      "value": "Pacific/Apia",
-                                                    },
-                                                  ],
-                                                  "pageSize": 5,
-                                                  "placeholder": "Select a timezone",
-                                                  "screenReaderStatus": [Function],
-                                                  "searchable": undefined,
-                                                  "shouldKeyDownEventCreateNewOption": [Function],
-                                                  "styles": Object {
-                                                    "input": [Function],
-                                                  },
-                                                  "tabIndex": "0",
-                                                  "tabSelectsValue": true,
-                                                  "value": Object {
-                                                    "index": -0,
-                                                    "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                    "value": "America/Los_Angeles",
-                                                  },
-                                                }
+                                  id="copySentDate"
+                                  max="9999-12-31"
+                                  name="copySentDate"
+                                  onBlur={[Function]}
+                                  onChange={[Function]}
+                                  placeholder="mm/dd/yyyy"
+                                  type="date"
+                                />
+                              </div>
+                            </div>
+                          </TextField>
+                        </DateSelector>
+                        <div />
+                      </div>
+                    </TranscriptionRequestInputs>
+                  </div>
+                </div>
+              </ContentSection>
+            </TranscriptionFormSection>
+          </DetailsForm>
+        </div>
+      </section>
+    </AppSegment>
+    <div
+      data-css-rdsogp=""
+    >
+      <Button
+        classNames={
+          Array [
+            "cf-submit",
+          ]
+        }
+        id="Cancel"
+        linkStyling={true}
+        loading={false}
+        name="Cancel"
+        onClick={[Function]}
+        styling={
+          Object {
+            "data-css-14x0t8z": "",
+          }
+        }
+        type="button"
+        willNeverBeLoading={false}
+      >
+        <span>
+          <button
+            className="cf-submit cf-btn-link usa-button"
+            data-css-14x0t8z=""
+            id="Cancel"
+            onClick={[Function]}
+            type="button"
+          >
+            Cancel
+          </button>
+        </span>
+      </Button>
+      <span
+        data-css-jf1dde=""
+      >
+        <Button
+          className="usa-button"
+          classNames={
+            Array [
+              "cf-submit",
+            ]
+          }
+          disabled={true}
+          id="Save"
+          linkStyling={false}
+          loading={false}
+          name="Save"
+          onClick={[Function]}
+          type="button"
+          willNeverBeLoading={false}
+        >
+          <span>
+            <button
+              className="cf-submit usa-button-disabled usa-button"
+              disabled={true}
+              id="Save"
+              onClick={[Function]}
+              type="button"
+            >
+              Save
+            </button>
+          </span>
+        </Button>
+      </span>
+    </div>
+  </HearingDetails>
+</Connect(HearingDetails)>
+`;
+
+exports[`Details TranscriptiomFormSection pexip hearing Does not display transcription section for legacy hearings 1`] = `
+<Connect(HearingDetails)
+  goBack={[MockFunction]}
+  hearing={
+    Object {
+      "advanceOnDocketMotion": null,
+      "aod": false,
+      "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+      "appealId": 613,
+      "appellantAddressLine1": "9999 MISSION ST",
+      "appellantCity": "SAN FRANCISCO",
+      "appellantEmailAddress": "tom.brady@caseflow.gov",
+      "appellantFirstName": "Tom",
+      "appellantIsNotVeteran": true,
+      "appellantLastName": "Brady",
+      "appellantState": "CA",
+      "appellantZip": "94103",
+      "availableHearingLocations": Object {},
+      "bvaPoc": null,
+      "caseType": "Original",
+      "centralOfficeTimeString": "04:00",
+      "claimantId": 604,
+      "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
+      "currentIssueCount": 1,
+      "disposition": null,
+      "dispositionEditable": true,
+      "docketName": "legacy",
+      "docketNumber": "200624-613",
+      "emailEvents": Array [],
+      "evidenceWindowWaived": false,
+      "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+      "hearingDayId": 11,
+      "id": 10,
+      "isVirtual": false,
+      "judge": Object {
+        "createdAt": "2020-06-25T11:00:43.257-04:00",
+        "cssId": "BVAAABSHIRE",
+        "displayName": "BVAAABSHIRE (VACO)",
+        "efolderDocumentsFetchedAt": null,
+        "email": null,
+        "fullName": "Aaron Judge_HearingsAndCases Abshire",
+        "id": 3,
+        "lastLoginAt": null,
+        "roles": Object {},
+        "selectedRegionalOffice": null,
+        "stationId": "101",
+        "status": "active",
+        "statusUpdatedAt": null,
+        "updatedAt": "2020-06-25T11:00:43.257-04:00",
+      },
+      "judgeId": "3",
+      "location": null,
+      "militaryService": "",
+      "notes": null,
+      "paperCase": false,
+      "poaName": "AMERICAN LEGION",
+      "prepped": null,
+      "readableLocation": null,
+      "readableRequestType": "Video",
+      "regionalOfficeKey": "RO17",
+      "regionalOfficeName": "St. Petersburg regional office",
+      "regionalOfficeTimezone": "America/New_York",
+      "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+      "representativeEmailAddress": "tom.brady@caseflow.gov",
+      "representativeName": null,
+      "room": "1",
+      "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+      "scheduledForIsPast": false,
+      "scheduledTime": "2000-01-01T04:00:00.000-05:00",
+      "scheduledTimeString": "04:00",
+      "summary": null,
+      "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+      "veteranAge": 85,
+      "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+      "veteranFileNumber": "100000005",
+      "veteranFirstName": "Brian",
+      "veteranGender": "M",
+      "veteranLastName": "Hodkiewicz",
+      "virtualHearing": null,
+      "wasVirtual": false,
+      "witness": null,
+      "worksheetIssues": Object {},
+    }
+  }
+  onReceiveAlerts={[MockFunction]}
+  onReceiveTransitioningAlert={[MockFunction]}
+  saveHearing={
+    [MockFunction] {
+      "calls": Array [
+        Array [
+          Object {
+            "hearing": Object {
+              "email_recipients_attributes": Object {},
+              "transcriptSentDate": "07/25/2020",
+              "transcription_attributes": Object {},
+              "virtual_hearing_attributes": Object {},
+            },
+          },
+        ],
+      ],
+      "results": Array [
+        Object {
+          "type": "return",
+          "value": undefined,
+        },
+      ],
+    }
+  }
+  setHearing={[MockFunction]}
+  transitionAlert={[MockFunction]}
+>
+  <HearingDetails
+    clearAlerts={[Function]}
+    goBack={[MockFunction]}
+    hearing={
+      Object {
+        "advanceOnDocketMotion": null,
+        "aod": false,
+        "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+        "appealId": 613,
+        "appellantAddressLine1": "9999 MISSION ST",
+        "appellantCity": "SAN FRANCISCO",
+        "appellantEmailAddress": "tom.brady@caseflow.gov",
+        "appellantFirstName": "Tom",
+        "appellantIsNotVeteran": true,
+        "appellantLastName": "Brady",
+        "appellantState": "CA",
+        "appellantZip": "94103",
+        "availableHearingLocations": Object {},
+        "bvaPoc": null,
+        "caseType": "Original",
+        "centralOfficeTimeString": "04:00",
+        "claimantId": 604,
+        "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
+        "currentIssueCount": 1,
+        "disposition": null,
+        "dispositionEditable": true,
+        "docketName": "legacy",
+        "docketNumber": "200624-613",
+        "emailEvents": Array [],
+        "evidenceWindowWaived": false,
+        "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+        "hearingDayId": 11,
+        "id": 10,
+        "isVirtual": false,
+        "judge": Object {
+          "createdAt": "2020-06-25T11:00:43.257-04:00",
+          "cssId": "BVAAABSHIRE",
+          "displayName": "BVAAABSHIRE (VACO)",
+          "efolderDocumentsFetchedAt": null,
+          "email": null,
+          "fullName": "Aaron Judge_HearingsAndCases Abshire",
+          "id": 3,
+          "lastLoginAt": null,
+          "roles": Object {},
+          "selectedRegionalOffice": null,
+          "stationId": "101",
+          "status": "active",
+          "statusUpdatedAt": null,
+          "updatedAt": "2020-06-25T11:00:43.257-04:00",
+        },
+        "judgeId": "3",
+        "location": null,
+        "militaryService": "",
+        "notes": null,
+        "paperCase": false,
+        "poaName": "AMERICAN LEGION",
+        "prepped": null,
+        "readableLocation": null,
+        "readableRequestType": "Video",
+        "regionalOfficeKey": "RO17",
+        "regionalOfficeName": "St. Petersburg regional office",
+        "regionalOfficeTimezone": "America/New_York",
+        "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+        "representativeEmailAddress": "tom.brady@caseflow.gov",
+        "representativeName": null,
+        "room": "1",
+        "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+        "scheduledForIsPast": false,
+        "scheduledTime": "2000-01-01T04:00:00.000-05:00",
+        "scheduledTimeString": "04:00",
+        "summary": null,
+        "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+        "veteranAge": 85,
+        "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+        "veteranFileNumber": "100000005",
+        "veteranFirstName": "Brian",
+        "veteranGender": "M",
+        "veteranLastName": "Hodkiewicz",
+        "virtualHearing": null,
+        "wasVirtual": false,
+        "witness": null,
+        "worksheetIssues": Object {},
+      }
+    }
+    onReceiveAlerts={[Function]}
+    onReceiveTransitioningAlert={[Function]}
+    saveHearing={
+      [MockFunction] {
+        "calls": Array [
+          Array [
+            Object {
+              "hearing": Object {
+                "email_recipients_attributes": Object {},
+                "transcriptSentDate": "07/25/2020",
+                "transcription_attributes": Object {},
+                "virtual_hearing_attributes": Object {},
+              },
+            },
+          ],
+        ],
+        "results": Array [
+          Object {
+            "type": "return",
+            "value": undefined,
+          },
+        ],
+      }
+    }
+    setHearing={[MockFunction]}
+    transitionAlert={[Function]}
+  >
+    <Connect(UserAlerts)>
+      <UserAlerts
+        alerts={Array []}
+        removeAlertsWithTimestamps={[Function]}
+      />
+    </Connect(UserAlerts)>
+    <AppSegment
+      filledBackground={true}
+    >
+      <section
+        className="cf-app-segment cf-app-segment--alt"
+      >
+        <div
+          data-css-1p20eig=""
+        >
+          <DetailsHeader
+            aod={false}
+            disposition={null}
+            docketName="legacy"
+            docketNumber="200624-613"
+            hearing={
+              Object {
+                "advanceOnDocketMotion": null,
+                "aod": false,
+                "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+                "appealId": 613,
+                "appellantAddressLine1": "9999 MISSION ST",
+                "appellantCity": "SAN FRANCISCO",
+                "appellantEmailAddress": "tom.brady@caseflow.gov",
+                "appellantFirstName": "Tom",
+                "appellantIsNotVeteran": true,
+                "appellantLastName": "Brady",
+                "appellantState": "CA",
+                "appellantZip": "94103",
+                "availableHearingLocations": Object {},
+                "bvaPoc": null,
+                "caseType": "Original",
+                "centralOfficeTimeString": "04:00",
+                "claimantId": 604,
+                "closestRegionalOffice": null,
+                "conferenceProvider": "pexip",
+                "currentIssueCount": 1,
+                "disposition": null,
+                "dispositionEditable": true,
+                "docketName": "legacy",
+                "docketNumber": "200624-613",
+                "emailEvents": Array [],
+                "evidenceWindowWaived": false,
+                "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                "hearingDayId": 11,
+                "id": 10,
+                "isVirtual": false,
+                "judge": Object {
+                  "createdAt": "2020-06-25T11:00:43.257-04:00",
+                  "cssId": "BVAAABSHIRE",
+                  "displayName": "BVAAABSHIRE (VACO)",
+                  "efolderDocumentsFetchedAt": null,
+                  "email": null,
+                  "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                  "id": 3,
+                  "lastLoginAt": null,
+                  "roles": Object {},
+                  "selectedRegionalOffice": null,
+                  "stationId": "101",
+                  "status": "active",
+                  "statusUpdatedAt": null,
+                  "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                },
+                "judgeId": "3",
+                "location": null,
+                "militaryService": "",
+                "notes": null,
+                "paperCase": false,
+                "poaName": "AMERICAN LEGION",
+                "prepped": null,
+                "readableLocation": null,
+                "readableRequestType": "Video",
+                "regionalOfficeKey": "RO17",
+                "regionalOfficeName": "St. Petersburg regional office",
+                "regionalOfficeTimezone": "America/New_York",
+                "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                "representativeEmailAddress": "tom.brady@caseflow.gov",
+                "representativeName": null,
+                "room": "1",
+                "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+                "scheduledForIsPast": false,
+                "scheduledTime": "2000-01-01T04:00:00.000-05:00",
+                "scheduledTimeString": "04:00",
+                "summary": null,
+                "transcriptSentDate": undefined,
+                "transcription": Object {
+                  "expectedReturnDate": undefined,
+                  "problemNoticeSentDate": undefined,
+                  "sentToTranscriberDate": undefined,
+                  "uploadedToVbmsDate": undefined,
+                },
+                "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                "veteranAge": 85,
+                "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+                "veteranFileNumber": "100000005",
+                "veteranFirstName": "Brian",
+                "veteranGender": "M",
+                "veteranLastName": "Hodkiewicz",
+                "virtualHearing": null,
+                "wasVirtual": false,
+                "witness": null,
+                "worksheetIssues": Object {},
+              }
+            }
+            hearingDayId={11}
+            isVirtual={false}
+            readableLocation={null}
+            readableRequestType="Video"
+            regionalOfficeName="St. Petersburg regional office"
+            scheduledFor="2020-07-06T04:00:00.000-04:00"
+            veteranFileNumber="100000005"
+            veteranFirstName="Brian"
+            veteranLastName="Hodkiewicz"
+          >
+            <div
+              data-css-valz31=""
+            >
+              <h1
+                className="cf-margin-bottom-0"
+                data-css-1l2qzxe=""
+              >
+                Brian Hodkiewicz's Hearing Details
+              </h1>
+              <div>
+                Veteran ID: 
+                <CopyTextButton
+                  label="Veteran ID"
+                  styling={Object {}}
+                  text="100000005"
+                  textToCopy={null}
+                >
+                  <Tooltip
+                    id="tooltip-100000005"
+                    position="bottom"
+                    text="Click to copy"
+                  >
+                    <CopyToClipboard
+                      aria-describedby="tooltip-100000005"
+                      aria-label=""
+                      data-event="focus mouseenter"
+                      data-event-off="mouseleave keydown"
+                      data-for="tooltip-100000005"
+                      data-tip={true}
+                      tabIndex={0}
+                      text="100000005"
+                    >
+                      <button
+                        aria-describedby="tooltip-100000005"
+                        aria-label=""
+                        className="cf-apppeal-id"
+                        data-css-p6dv0b=""
+                        data-event="focus mouseenter"
+                        data-event-off="mouseleave keydown"
+                        data-for="tooltip-100000005"
+                        data-tip={true}
+                        disabled={true}
+                        onClick={[Function]}
+                        tabIndex={0}
+                        type="submit"
+                      >
+                        100000005
+                         
+                        <ClipboardIcon
+                          className=""
+                          color="#5b616b"
+                          size={17}
+                        >
+                          <svg
+                            className=""
+                            height={17}
+                            viewBox="0 0 21 21"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                              fill="#5b616b"
+                              fillRule="evenodd"
+                            />
+                          </svg>
+                        </ClipboardIcon>
+                      </button>
+                    </CopyToClipboard>
+                    <span
+                      data-css-n52zsg=""
+                    >
+                      <ReactTooltip
+                        className="cf-tooltip"
+                        clickable={false}
+                        effect="solid"
+                        id="tooltip-100000005"
+                        insecure={true}
+                        multiline={true}
+                        offset={Object {}}
+                        place="bottom"
+                        resizeHide={true}
+                        role="tooltip"
+                        wrapper="div"
+                      >
+                        <div
+                          className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                          data-id="tooltip"
+                          id="tooltip-100000005"
+                          role="tooltip"
+                        >
+                          <style
+                            dangerouslySetInnerHTML={
+                              Object {
+                                "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                              }
+                            }
+                          />
+                          Click to copy
+                        </div>
+                      </ReactTooltip>
+                    </span>
+                  </Tooltip>
+                </CopyTextButton>
+              </div>
+              <div
+                style={
+                  Object {
+                    "display": "inline-flex",
+                  }
+                }
+              >
+                <MstBadge
+                  appeal={
+                    Object {
+                      "advanceOnDocketMotion": null,
+                      "aod": false,
+                      "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+                      "appealId": 613,
+                      "appellantAddressLine1": "9999 MISSION ST",
+                      "appellantCity": "SAN FRANCISCO",
+                      "appellantEmailAddress": "tom.brady@caseflow.gov",
+                      "appellantFirstName": "Tom",
+                      "appellantIsNotVeteran": true,
+                      "appellantLastName": "Brady",
+                      "appellantState": "CA",
+                      "appellantZip": "94103",
+                      "availableHearingLocations": Object {},
+                      "bvaPoc": null,
+                      "caseType": "Original",
+                      "centralOfficeTimeString": "04:00",
+                      "claimantId": 604,
+                      "closestRegionalOffice": null,
+                      "conferenceProvider": "pexip",
+                      "currentIssueCount": 1,
+                      "disposition": null,
+                      "dispositionEditable": true,
+                      "docketName": "legacy",
+                      "docketNumber": "200624-613",
+                      "emailEvents": Array [],
+                      "evidenceWindowWaived": false,
+                      "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                      "hearingDayId": 11,
+                      "id": 10,
+                      "isVirtual": false,
+                      "judge": Object {
+                        "createdAt": "2020-06-25T11:00:43.257-04:00",
+                        "cssId": "BVAAABSHIRE",
+                        "displayName": "BVAAABSHIRE (VACO)",
+                        "efolderDocumentsFetchedAt": null,
+                        "email": null,
+                        "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                        "id": 3,
+                        "lastLoginAt": null,
+                        "roles": Object {},
+                        "selectedRegionalOffice": null,
+                        "stationId": "101",
+                        "status": "active",
+                        "statusUpdatedAt": null,
+                        "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                      },
+                      "judgeId": "3",
+                      "location": null,
+                      "militaryService": "",
+                      "notes": null,
+                      "paperCase": false,
+                      "poaName": "AMERICAN LEGION",
+                      "prepped": null,
+                      "readableLocation": null,
+                      "readableRequestType": "Video",
+                      "regionalOfficeKey": "RO17",
+                      "regionalOfficeName": "St. Petersburg regional office",
+                      "regionalOfficeTimezone": "America/New_York",
+                      "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                      "representativeEmailAddress": "tom.brady@caseflow.gov",
+                      "representativeName": null,
+                      "room": "1",
+                      "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+                      "scheduledForIsPast": false,
+                      "scheduledTime": "2000-01-01T04:00:00.000-05:00",
+                      "scheduledTimeString": "04:00",
+                      "summary": null,
+                      "transcriptSentDate": undefined,
+                      "transcription": Object {
+                        "expectedReturnDate": undefined,
+                        "problemNoticeSentDate": undefined,
+                        "sentToTranscriberDate": undefined,
+                        "uploadedToVbmsDate": undefined,
+                      },
+                      "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                      "veteranAge": 85,
+                      "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+                      "veteranFileNumber": "100000005",
+                      "veteranFirstName": "Brian",
+                      "veteranGender": "M",
+                      "veteranLastName": "Hodkiewicz",
+                      "virtualHearing": null,
+                      "wasVirtual": false,
+                      "witness": null,
+                      "worksheetIssues": Object {},
+                    }
+                  }
+                />
+                <PactBadge
+                  appeal={
+                    Object {
+                      "advanceOnDocketMotion": null,
+                      "aod": false,
+                      "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+                      "appealId": 613,
+                      "appellantAddressLine1": "9999 MISSION ST",
+                      "appellantCity": "SAN FRANCISCO",
+                      "appellantEmailAddress": "tom.brady@caseflow.gov",
+                      "appellantFirstName": "Tom",
+                      "appellantIsNotVeteran": true,
+                      "appellantLastName": "Brady",
+                      "appellantState": "CA",
+                      "appellantZip": "94103",
+                      "availableHearingLocations": Object {},
+                      "bvaPoc": null,
+                      "caseType": "Original",
+                      "centralOfficeTimeString": "04:00",
+                      "claimantId": 604,
+                      "closestRegionalOffice": null,
+                      "conferenceProvider": "pexip",
+                      "currentIssueCount": 1,
+                      "disposition": null,
+                      "dispositionEditable": true,
+                      "docketName": "legacy",
+                      "docketNumber": "200624-613",
+                      "emailEvents": Array [],
+                      "evidenceWindowWaived": false,
+                      "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                      "hearingDayId": 11,
+                      "id": 10,
+                      "isVirtual": false,
+                      "judge": Object {
+                        "createdAt": "2020-06-25T11:00:43.257-04:00",
+                        "cssId": "BVAAABSHIRE",
+                        "displayName": "BVAAABSHIRE (VACO)",
+                        "efolderDocumentsFetchedAt": null,
+                        "email": null,
+                        "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                        "id": 3,
+                        "lastLoginAt": null,
+                        "roles": Object {},
+                        "selectedRegionalOffice": null,
+                        "stationId": "101",
+                        "status": "active",
+                        "statusUpdatedAt": null,
+                        "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                      },
+                      "judgeId": "3",
+                      "location": null,
+                      "militaryService": "",
+                      "notes": null,
+                      "paperCase": false,
+                      "poaName": "AMERICAN LEGION",
+                      "prepped": null,
+                      "readableLocation": null,
+                      "readableRequestType": "Video",
+                      "regionalOfficeKey": "RO17",
+                      "regionalOfficeName": "St. Petersburg regional office",
+                      "regionalOfficeTimezone": "America/New_York",
+                      "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                      "representativeEmailAddress": "tom.brady@caseflow.gov",
+                      "representativeName": null,
+                      "room": "1",
+                      "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+                      "scheduledForIsPast": false,
+                      "scheduledTime": "2000-01-01T04:00:00.000-05:00",
+                      "scheduledTimeString": "04:00",
+                      "summary": null,
+                      "transcriptSentDate": undefined,
+                      "transcription": Object {
+                        "expectedReturnDate": undefined,
+                        "problemNoticeSentDate": undefined,
+                        "sentToTranscriberDate": undefined,
+                        "uploadedToVbmsDate": undefined,
+                      },
+                      "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                      "veteranAge": 85,
+                      "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+                      "veteranFileNumber": "100000005",
+                      "veteranFirstName": "Brian",
+                      "veteranGender": "M",
+                      "veteranLastName": "Hodkiewicz",
+                      "virtualHearing": null,
+                      "wasVirtual": false,
+                      "witness": null,
+                      "worksheetIssues": Object {},
+                    }
+                  }
+                />
+              </div>
+            </div>
+            <TitleDetailsSubheader
+              columns={
+                Array [
+                  Object {
+                    "label": "Hearing Date",
+                    "value": <Link
+                      to="/schedule/docket/11"
+                    >
+                      <strong>
+                        07/06/2020
+                      </strong>
+                    </Link>,
+                  },
+                  Object {
+                    "label": "Docket Number",
+                    "value": <span>
+                      <DocketTypeBadge
+                        name="legacy"
+                        number="200624-613"
+                      />
+                      200624-613
+                    </span>,
+                  },
+                  Object {
+                    "label": "Regional office",
+                    "value": "St. Petersburg regional office",
+                  },
+                  Object {
+                    "label": "Hearing Location",
+                    "value": null,
+                  },
+                  Object {
+                    "label": "Disposition",
+                    "value": "None",
+                  },
+                  Object {
+                    "label": "Type",
+                    "value": "Video",
+                  },
+                  Object {
+                    "label": "AOD Status",
+                    "value": "None",
+                  },
+                ]
+              }
+            >
+              <div
+                data-css-7v4y9j=""
+                id=""
+              >
+                <div
+                  data-css-1atuorp=""
+                >
+                  <TitleDetailsSubheaderSection
+                    title="Hearing Date"
+                  >
+                    <div
+                      data-css-1yy2eo1=""
+                    >
+                      <p>
+                        Hearing Date
+                      </p>
+                      <div>
+                        <Link
+                          to="/schedule/docket/11"
+                        >
+                          <LinkAnchor
+                            href="/schedule/docket/11"
+                            navigate={[Function]}
+                          >
+                            <a
+                              href="/schedule/docket/11"
+                              onClick={[Function]}
+                            >
+                              <strong>
+                                07/06/2020
+                              </strong>
+                            </a>
+                          </LinkAnchor>
+                        </Link>
+                      </div>
+                    </div>
+                  </TitleDetailsSubheaderSection>
+                  <TitleDetailsSubheaderSection
+                    title="Docket Number"
+                  >
+                    <div
+                      data-css-1yy2eo1=""
+                    >
+                      <p>
+                        Docket Number
+                      </p>
+                      <div>
+                        <span>
+                          <DocketTypeBadge
+                            name="legacy"
+                            number="200624-613"
+                          >
+                            <Tooltip
+                              id="badge-200624-613"
+                              position="bottom"
+                              text="Legacy"
+                            >
+                              <span
+                                aria-describedby="badge-200624-613"
+                                aria-label=""
+                                data-css-2moai0=""
+                                data-event="focus mouseenter"
+                                data-event-off="mouseleave keydown"
+                                data-for="badge-200624-613"
+                                data-tip={true}
+                                tabIndex={0}
+                              >
+                                L
+                              </span>
+                              <span
+                                data-css-1iar5hk=""
+                              >
+                                <ReactTooltip
+                                  className="cf-tooltip"
+                                  clickable={false}
+                                  effect="solid"
+                                  id="badge-200624-613"
+                                  insecure={true}
+                                  multiline={true}
+                                  offset={Object {}}
+                                  place="bottom"
+                                  resizeHide={true}
+                                  role="tooltip"
+                                  wrapper="div"
+                                >
+                                  <div
+                                    className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                                    data-id="tooltip"
+                                    id="badge-200624-613"
+                                    role="tooltip"
+                                  >
+                                    <style
+                                      dangerouslySetInnerHTML={
+                                        Object {
+                                          "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                                        }
+                                      }
+                                    />
+                                    Legacy
+                                  </div>
+                                </ReactTooltip>
+                              </span>
+                            </Tooltip>
+                          </DocketTypeBadge>
+                          200624-613
+                        </span>
+                      </div>
+                    </div>
+                  </TitleDetailsSubheaderSection>
+                  <TitleDetailsSubheaderSection
+                    title="Regional office"
+                  >
+                    <div
+                      data-css-1yy2eo1=""
+                    >
+                      <p>
+                        Regional office
+                      </p>
+                      <div>
+                        St. Petersburg regional office
+                      </div>
+                    </div>
+                  </TitleDetailsSubheaderSection>
+                  <TitleDetailsSubheaderSection
+                    title="Hearing Location"
+                  >
+                    <div
+                      data-css-1yy2eo1=""
+                    >
+                      <p>
+                        Hearing Location
+                      </p>
+                      <div />
+                    </div>
+                  </TitleDetailsSubheaderSection>
+                  <TitleDetailsSubheaderSection
+                    title="Disposition"
+                  >
+                    <div
+                      data-css-1yy2eo1=""
+                    >
+                      <p>
+                        Disposition
+                      </p>
+                      <div>
+                        None
+                      </div>
+                    </div>
+                  </TitleDetailsSubheaderSection>
+                  <TitleDetailsSubheaderSection
+                    title="Type"
+                  >
+                    <div
+                      data-css-1yy2eo1=""
+                    >
+                      <p>
+                        Type
+                      </p>
+                      <div>
+                        Video
+                      </div>
+                    </div>
+                  </TitleDetailsSubheaderSection>
+                  <TitleDetailsSubheaderSection
+                    title="AOD Status"
+                  >
+                    <div
+                      data-css-1yy2eo1=""
+                    >
+                      <p>
+                        AOD Status
+                      </p>
+                      <div>
+                        None
+                      </div>
+                    </div>
+                  </TitleDetailsSubheaderSection>
+                </div>
+              </div>
+            </TitleDetailsSubheader>
+          </DetailsHeader>
+          <DetailsForm
+            errors={Object {}}
+            hearing={
+              Object {
+                "advanceOnDocketMotion": null,
+                "aod": false,
+                "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+                "appealId": 613,
+                "appellantAddressLine1": "9999 MISSION ST",
+                "appellantCity": "SAN FRANCISCO",
+                "appellantEmailAddress": "tom.brady@caseflow.gov",
+                "appellantFirstName": "Tom",
+                "appellantIsNotVeteran": true,
+                "appellantLastName": "Brady",
+                "appellantState": "CA",
+                "appellantZip": "94103",
+                "availableHearingLocations": Object {},
+                "bvaPoc": null,
+                "caseType": "Original",
+                "centralOfficeTimeString": "04:00",
+                "claimantId": 604,
+                "closestRegionalOffice": null,
+                "conferenceProvider": "pexip",
+                "currentIssueCount": 1,
+                "disposition": null,
+                "dispositionEditable": true,
+                "docketName": "legacy",
+                "docketNumber": "200624-613",
+                "emailEvents": Array [],
+                "evidenceWindowWaived": false,
+                "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                "hearingDayId": 11,
+                "id": 10,
+                "isVirtual": false,
+                "judge": Object {
+                  "createdAt": "2020-06-25T11:00:43.257-04:00",
+                  "cssId": "BVAAABSHIRE",
+                  "displayName": "BVAAABSHIRE (VACO)",
+                  "efolderDocumentsFetchedAt": null,
+                  "email": null,
+                  "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                  "id": 3,
+                  "lastLoginAt": null,
+                  "roles": Object {},
+                  "selectedRegionalOffice": null,
+                  "stationId": "101",
+                  "status": "active",
+                  "statusUpdatedAt": null,
+                  "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                },
+                "judgeId": "3",
+                "location": null,
+                "militaryService": "",
+                "notes": null,
+                "paperCase": false,
+                "poaName": "AMERICAN LEGION",
+                "prepped": null,
+                "readableLocation": null,
+                "readableRequestType": "Video",
+                "regionalOfficeKey": "RO17",
+                "regionalOfficeName": "St. Petersburg regional office",
+                "regionalOfficeTimezone": "America/New_York",
+                "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                "representativeEmailAddress": "tom.brady@caseflow.gov",
+                "representativeName": null,
+                "room": "1",
+                "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+                "scheduledForIsPast": false,
+                "scheduledTime": "2000-01-01T04:00:00.000-05:00",
+                "scheduledTimeString": "04:00",
+                "summary": null,
+                "transcriptSentDate": undefined,
+                "transcription": Object {
+                  "expectedReturnDate": undefined,
+                  "problemNoticeSentDate": undefined,
+                  "sentToTranscriberDate": undefined,
+                  "uploadedToVbmsDate": undefined,
+                },
+                "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                "veteranAge": 85,
+                "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+                "veteranFileNumber": "100000005",
+                "veteranFirstName": "Brian",
+                "veteranGender": "M",
+                "veteranLastName": "Hodkiewicz",
+                "virtualHearing": null,
+                "wasVirtual": false,
+                "witness": null,
+                "worksheetIssues": Object {},
+              }
+            }
+            hearingRequestTypeDropdownCurrentOption={
+              Object {
+                "label": "Video",
+                "value": false,
+              }
+            }
+            hearingRequestTypeDropdownOnchange={[Function]}
+            hearingRequestTypeDropdownOptions={
+              Array [
+                Object {
+                  "label": "Virtual",
+                  "value": true,
+                },
+              ]
+            }
+            initialHearing={
+              Object {
+                "advanceOnDocketMotion": null,
+                "aod": false,
+                "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+                "appealId": 613,
+                "appellantAddressLine1": "9999 MISSION ST",
+                "appellantCity": "SAN FRANCISCO",
+                "appellantEmailAddress": "tom.brady@caseflow.gov",
+                "appellantFirstName": "Tom",
+                "appellantIsNotVeteran": true,
+                "appellantLastName": "Brady",
+                "appellantState": "CA",
+                "appellantZip": "94103",
+                "availableHearingLocations": Object {},
+                "bvaPoc": null,
+                "caseType": "Original",
+                "centralOfficeTimeString": "04:00",
+                "claimantId": 604,
+                "closestRegionalOffice": null,
+                "conferenceProvider": "pexip",
+                "currentIssueCount": 1,
+                "disposition": null,
+                "dispositionEditable": true,
+                "docketName": "legacy",
+                "docketNumber": "200624-613",
+                "emailEvents": Array [],
+                "evidenceWindowWaived": false,
+                "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                "hearingDayId": 11,
+                "id": 10,
+                "isVirtual": false,
+                "judge": Object {
+                  "createdAt": "2020-06-25T11:00:43.257-04:00",
+                  "cssId": "BVAAABSHIRE",
+                  "displayName": "BVAAABSHIRE (VACO)",
+                  "efolderDocumentsFetchedAt": null,
+                  "email": null,
+                  "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                  "id": 3,
+                  "lastLoginAt": null,
+                  "roles": Object {},
+                  "selectedRegionalOffice": null,
+                  "stationId": "101",
+                  "status": "active",
+                  "statusUpdatedAt": null,
+                  "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                },
+                "judgeId": "3",
+                "location": null,
+                "militaryService": "",
+                "notes": null,
+                "paperCase": false,
+                "poaName": "AMERICAN LEGION",
+                "prepped": null,
+                "readableLocation": null,
+                "readableRequestType": "Video",
+                "regionalOfficeKey": "RO17",
+                "regionalOfficeName": "St. Petersburg regional office",
+                "regionalOfficeTimezone": "America/New_York",
+                "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                "representativeEmailAddress": "tom.brady@caseflow.gov",
+                "representativeName": null,
+                "room": "1",
+                "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+                "scheduledForIsPast": false,
+                "scheduledTime": "2000-01-01T04:00:00.000-05:00",
+                "scheduledTimeString": "04:00",
+                "summary": null,
+                "transcriptSentDate": undefined,
+                "transcription": Object {
+                  "expectedReturnDate": undefined,
+                  "problemNoticeSentDate": undefined,
+                  "sentToTranscriberDate": undefined,
+                  "uploadedToVbmsDate": undefined,
+                },
+                "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                "veteranAge": 85,
+                "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+                "veteranFileNumber": "100000005",
+                "veteranFirstName": "Brian",
+                "veteranGender": "M",
+                "veteranLastName": "Hodkiewicz",
+                "virtualHearing": null,
+                "wasVirtual": false,
+                "witness": null,
+                "worksheetIssues": Object {},
+              }
+            }
+            isLegacy={true}
+            update={[Function]}
+          >
+            <ContentSection
+              header="Hearing Details"
+            >
+              <div
+                className="cf-app-segment"
+              >
+                <h2
+                  data-css-3rhuy2=""
+                >
+                  Hearing Details
+                </h2>
+                <div
+                  data-css-1571z6o=""
+                >
+                  <div
+                    data-css-1fmltfu=""
+                  >
+                    <Connect(JudgeDropdown)
+                      name="judgeDropdown"
+                      onChange={[Function]}
+                      value="3"
+                    >
+                      <JudgeDropdown
+                        judges={Object {}}
+                        label="VLJ"
+                        name="judgeDropdown"
+                        onChange={[Function]}
+                        onFetchDropdownData={[Function]}
+                        onReceiveDropdownData={[Function]}
+                        value="3"
+                      >
+                        <SearchableDropdown
+                          clearOnSelect={false}
+                          label="VLJ"
+                          loading={false}
+                          name="judgeDropdown"
+                          onChange={[Function]}
+                          strongLabel={true}
+                          value={
+                            Object {
+                              "label": null,
+                              "value": null,
+                            }
+                          }
+                        >
+                          <div
+                            className=""
+                          >
+                            <div
+                              className="cf-form-dropdown dropdown-judgeDropdown"
+                            >
+                              <label
+                                className="question-label"
+                                htmlFor="judge-dropdown"
+                                id="judge-dropdown-label"
+                              >
+                                <strong>
+                                  <FormLabel
+                                    label="VLJ"
+                                    name="VLJ"
+                                  >
+                                    <span>
+                                      VLJ
+                                    </span>
+                                  </FormLabel>
+                                </strong>
+                              </label>
+                              <div
+                                className="cf-select"
+                              >
+                                <StateManager
+                                  cache={false}
+                                  classNamePrefix="cf-select"
+                                  components={
+                                    Object {
+                                      "Input": [Function],
+                                      "MenuList": [Function],
+                                      "Option": [Function],
+                                    }
+                                  }
+                                  defaultInputValue=""
+                                  defaultMenuIsOpen={false}
+                                  defaultValue={null}
+                                  inputId="judge-dropdown"
+                                  isLoading={false}
+                                  isSearchable={true}
+                                  name="judgeDropdown"
+                                  noOptionsMessage={[Function]}
+                                  onBlurResetsInput={false}
+                                  onChange={[Function]}
+                                  onMenuClose={[Function]}
+                                  onMenuOpen={[Function]}
+                                  shouldKeyDownEventCreateNewOption={[Function]}
+                                  styles={
+                                    Object {
+                                      "input": [Function],
+                                    }
+                                  }
+                                  value={
+                                    Object {
+                                      "label": null,
+                                      "value": null,
+                                    }
+                                  }
+                                >
+                                  <Select
+                                    backspaceRemovesValue={true}
+                                    blurInputOnSelect={true}
+                                    cache={false}
+                                    captureMenuScroll={false}
+                                    classNamePrefix="cf-select"
+                                    closeMenuOnScroll={false}
+                                    closeMenuOnSelect={true}
+                                    components={
+                                      Object {
+                                        "Input": [Function],
+                                        "MenuList": [Function],
+                                        "Option": [Function],
+                                      }
+                                    }
+                                    controlShouldRenderValue={true}
+                                    escapeClearsValue={false}
+                                    filterOption={[Function]}
+                                    formatGroupLabel={[Function]}
+                                    getOptionLabel={[Function]}
+                                    getOptionValue={[Function]}
+                                    inputId="judge-dropdown"
+                                    inputValue=""
+                                    isDisabled={false}
+                                    isLoading={false}
+                                    isMulti={false}
+                                    isOptionDisabled={[Function]}
+                                    isRtl={false}
+                                    isSearchable={true}
+                                    loadingMessage={[Function]}
+                                    maxMenuHeight={300}
+                                    menuIsOpen={false}
+                                    menuPlacement="bottom"
+                                    menuPosition="absolute"
+                                    menuShouldBlockScroll={false}
+                                    menuShouldScrollIntoView={true}
+                                    minMenuHeight={140}
+                                    name="judgeDropdown"
+                                    noOptionsMessage={[Function]}
+                                    onBlurResetsInput={false}
+                                    onChange={[Function]}
+                                    onInputChange={[Function]}
+                                    onMenuClose={[Function]}
+                                    onMenuOpen={[Function]}
+                                    openMenuOnClick={true}
+                                    openMenuOnFocus={false}
+                                    options={Array []}
+                                    pageSize={5}
+                                    placeholder="Select..."
+                                    screenReaderStatus={[Function]}
+                                    shouldKeyDownEventCreateNewOption={[Function]}
+                                    styles={
+                                      Object {
+                                        "input": [Function],
+                                      }
+                                    }
+                                    tabIndex="0"
+                                    tabSelectsValue={true}
+                                    value={
+                                      Object {
+                                        "label": null,
+                                        "value": null,
+                                      }
+                                    }
+                                  >
+                                    <SelectContainer
+                                      clearValue={[Function]}
+                                      cx={[Function]}
+                                      getStyles={[Function]}
+                                      getValue={[Function]}
+                                      hasValue={true}
+                                      innerProps={
+                                        Object {
+                                          "id": undefined,
+                                          "onKeyDown": [Function],
+                                        }
+                                      }
+                                      isDisabled={false}
+                                      isFocused={false}
+                                      isMulti={false}
+                                      isRtl={false}
+                                      options={Array []}
+                                      selectOption={[Function]}
+                                      selectProps={
+                                        Object {
+                                          "backspaceRemovesValue": true,
+                                          "blurInputOnSelect": true,
+                                          "cache": false,
+                                          "captureMenuScroll": false,
+                                          "classNamePrefix": "cf-select",
+                                          "closeMenuOnScroll": false,
+                                          "closeMenuOnSelect": true,
+                                          "components": Object {
+                                            "Input": [Function],
+                                            "MenuList": [Function],
+                                            "Option": [Function],
+                                          },
+                                          "controlShouldRenderValue": true,
+                                          "defaultOptions": undefined,
+                                          "escapeClearsValue": false,
+                                          "filterOption": [Function],
+                                          "formatGroupLabel": [Function],
+                                          "getOptionLabel": [Function],
+                                          "getOptionValue": [Function],
+                                          "inputId": "judge-dropdown",
+                                          "inputValue": "",
+                                          "isClearable": undefined,
+                                          "isDisabled": false,
+                                          "isLoading": false,
+                                          "isMulti": false,
+                                          "isOptionDisabled": [Function],
+                                          "isRtl": false,
+                                          "isSearchable": true,
+                                          "loadOptions": undefined,
+                                          "loadingMessage": [Function],
+                                          "maxMenuHeight": 300,
+                                          "menuIsOpen": false,
+                                          "menuPlacement": "bottom",
+                                          "menuPosition": "absolute",
+                                          "menuShouldBlockScroll": false,
+                                          "menuShouldScrollIntoView": true,
+                                          "minMenuHeight": 140,
+                                          "name": "judgeDropdown",
+                                          "noOptionsMessage": [Function],
+                                          "onBlurResetsInput": false,
+                                          "onChange": [Function],
+                                          "onInputChange": [Function],
+                                          "onMenuClose": [Function],
+                                          "onMenuOpen": [Function],
+                                          "openMenuOnClick": true,
+                                          "openMenuOnFocus": false,
+                                          "options": Array [],
+                                          "pageSize": 5,
+                                          "placeholder": "Select...",
+                                          "screenReaderStatus": [Function],
+                                          "searchable": undefined,
+                                          "shouldKeyDownEventCreateNewOption": [Function],
+                                          "styles": Object {
+                                            "input": [Function],
+                                          },
+                                          "tabIndex": "0",
+                                          "tabSelectsValue": true,
+                                          "value": Object {
+                                            "label": null,
+                                            "value": null,
+                                          },
+                                        }
+                                      }
+                                      setValue={[Function]}
+                                      theme={
+                                        Object {
+                                          "borderRadius": 4,
+                                          "colors": Object {
+                                            "danger": "#DE350B",
+                                            "dangerLight": "#FFBDAD",
+                                            "neutral0": "hsl(0, 0%, 100%)",
+                                            "neutral10": "hsl(0, 0%, 90%)",
+                                            "neutral20": "hsl(0, 0%, 80%)",
+                                            "neutral30": "hsl(0, 0%, 70%)",
+                                            "neutral40": "hsl(0, 0%, 60%)",
+                                            "neutral5": "hsl(0, 0%, 95%)",
+                                            "neutral50": "hsl(0, 0%, 50%)",
+                                            "neutral60": "hsl(0, 0%, 40%)",
+                                            "neutral70": "hsl(0, 0%, 30%)",
+                                            "neutral80": "hsl(0, 0%, 20%)",
+                                            "neutral90": "hsl(0, 0%, 10%)",
+                                            "primary": "#2684FF",
+                                            "primary25": "#DEEBFF",
+                                            "primary50": "#B2D4FF",
+                                            "primary75": "#4C9AFF",
+                                          },
+                                          "spacing": Object {
+                                            "baseUnit": 4,
+                                            "controlHeight": 38,
+                                            "menuGutter": 8,
+                                          },
+                                        }
+                                      }
+                                    >
+                                      <EmotionCssPropInternal
+                                        __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SelectContainer"
+                                        __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                        className=""
+                                        css={
+                                          Object {
+                                            "boxSizing": "border-box",
+                                            "direction": null,
+                                            "label": "container",
+                                            "pointerEvents": null,
+                                            "position": "relative",
+                                          }
+                                        }
+                                        onKeyDown={[Function]}
+                                      >
+                                        <div
+                                          className=" css-2b097c-container"
+                                          onKeyDown={[Function]}
+                                        >
+                                          <Control
+                                            clearValue={[Function]}
+                                            cx={[Function]}
+                                            getStyles={[Function]}
+                                            getValue={[Function]}
+                                            hasValue={true}
+                                            innerProps={
+                                              Object {
+                                                "onMouseDown": [Function],
+                                                "onTouchEnd": [Function],
                                               }
-                                              setValue={[Function]}
-                                              theme={
-                                                Object {
-                                                  "borderRadius": 4,
-                                                  "colors": Object {
-                                                    "danger": "#DE350B",
-                                                    "dangerLight": "#FFBDAD",
-                                                    "neutral0": "hsl(0, 0%, 100%)",
-                                                    "neutral10": "hsl(0, 0%, 90%)",
-                                                    "neutral20": "hsl(0, 0%, 80%)",
-                                                    "neutral30": "hsl(0, 0%, 70%)",
-                                                    "neutral40": "hsl(0, 0%, 60%)",
-                                                    "neutral5": "hsl(0, 0%, 95%)",
-                                                    "neutral50": "hsl(0, 0%, 50%)",
-                                                    "neutral60": "hsl(0, 0%, 40%)",
-                                                    "neutral70": "hsl(0, 0%, 30%)",
-                                                    "neutral80": "hsl(0, 0%, 20%)",
-                                                    "neutral90": "hsl(0, 0%, 10%)",
-                                                    "primary": "#2684FF",
-                                                    "primary25": "#DEEBFF",
-                                                    "primary50": "#B2D4FF",
-                                                    "primary75": "#4C9AFF",
-                                                  },
-                                                  "spacing": Object {
-                                                    "baseUnit": 4,
-                                                    "controlHeight": 38,
-                                                    "menuGutter": 8,
-                                                  },
-                                                }
+                                            }
+                                            innerRef={[Function]}
+                                            isDisabled={false}
+                                            isFocused={false}
+                                            isMulti={false}
+                                            isRtl={false}
+                                            menuIsOpen={false}
+                                            options={Array []}
+                                            selectOption={[Function]}
+                                            selectProps={
+                                              Object {
+                                                "backspaceRemovesValue": true,
+                                                "blurInputOnSelect": true,
+                                                "cache": false,
+                                                "captureMenuScroll": false,
+                                                "classNamePrefix": "cf-select",
+                                                "closeMenuOnScroll": false,
+                                                "closeMenuOnSelect": true,
+                                                "components": Object {
+                                                  "Input": [Function],
+                                                  "MenuList": [Function],
+                                                  "Option": [Function],
+                                                },
+                                                "controlShouldRenderValue": true,
+                                                "defaultOptions": undefined,
+                                                "escapeClearsValue": false,
+                                                "filterOption": [Function],
+                                                "formatGroupLabel": [Function],
+                                                "getOptionLabel": [Function],
+                                                "getOptionValue": [Function],
+                                                "inputId": "judge-dropdown",
+                                                "inputValue": "",
+                                                "isClearable": undefined,
+                                                "isDisabled": false,
+                                                "isLoading": false,
+                                                "isMulti": false,
+                                                "isOptionDisabled": [Function],
+                                                "isRtl": false,
+                                                "isSearchable": true,
+                                                "loadOptions": undefined,
+                                                "loadingMessage": [Function],
+                                                "maxMenuHeight": 300,
+                                                "menuIsOpen": false,
+                                                "menuPlacement": "bottom",
+                                                "menuPosition": "absolute",
+                                                "menuShouldBlockScroll": false,
+                                                "menuShouldScrollIntoView": true,
+                                                "minMenuHeight": 140,
+                                                "name": "judgeDropdown",
+                                                "noOptionsMessage": [Function],
+                                                "onBlurResetsInput": false,
+                                                "onChange": [Function],
+                                                "onInputChange": [Function],
+                                                "onMenuClose": [Function],
+                                                "onMenuOpen": [Function],
+                                                "openMenuOnClick": true,
+                                                "openMenuOnFocus": false,
+                                                "options": Array [],
+                                                "pageSize": 5,
+                                                "placeholder": "Select...",
+                                                "screenReaderStatus": [Function],
+                                                "searchable": undefined,
+                                                "shouldKeyDownEventCreateNewOption": [Function],
+                                                "styles": Object {
+                                                  "input": [Function],
+                                                },
+                                                "tabIndex": "0",
+                                                "tabSelectsValue": true,
+                                                "value": Object {
+                                                  "label": null,
+                                                  "value": null,
+                                                },
                                               }
-                                            >
-                                              <EmotionCssPropInternal
-                                                __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Control"
-                                                __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                className="cf-select__control"
-                                                css={
-                                                  Object {
-                                                    "&:hover": Object {
-                                                      "borderColor": "hsl(0, 0%, 70%)",
-                                                    },
-                                                    "alignItems": "center",
-                                                    "backgroundColor": "hsl(0, 0%, 100%)",
-                                                    "borderColor": "hsl(0, 0%, 80%)",
-                                                    "borderRadius": 4,
-                                                    "borderStyle": "solid",
-                                                    "borderWidth": 1,
-                                                    "boxShadow": null,
-                                                    "boxSizing": "border-box",
-                                                    "cursor": "default",
-                                                    "display": "flex",
-                                                    "flexWrap": "wrap",
-                                                    "justifyContent": "space-between",
-                                                    "label": "control",
-                                                    "minHeight": 38,
-                                                    "outline": "0 !important",
-                                                    "position": "relative",
-                                                    "transition": "all 100ms",
-                                                  }
-                                                }
-                                                onMouseDown={[Function]}
-                                                onTouchEnd={[Function]}
-                                              >
-                                                <div
-                                                  className="cf-select__control css-yk16xz-control"
-                                                  onMouseDown={[Function]}
-                                                  onTouchEnd={[Function]}
-                                                >
-                                                  <ValueContainer
-                                                    clearValue={[Function]}
-                                                    cx={[Function]}
-                                                    getStyles={[Function]}
-                                                    getValue={[Function]}
-                                                    hasValue={true}
-                                                    isDisabled={false}
-                                                    isMulti={false}
-                                                    isRtl={false}
-                                                    options={
-                                                      Array [
-                                                        Object {
-                                                          "label": "",
-                                                          "value": null,
-                                                        },
-                                                        Object {
-                                                          "index": -3,
-                                                          "label": "Eastern Time (US & Canada) (6:00 AM)",
-                                                          "value": "America/New_York",
-                                                        },
-                                                        Object {
-                                                          "index": -2,
-                                                          "label": "Central Time (US & Canada) (5:00 AM)",
-                                                          "value": "America/Chicago",
-                                                        },
-                                                        Object {
-                                                          "index": -1,
-                                                          "label": "Mountain Time (US & Canada) (4:00 AM)",
-                                                          "value": "America/Denver",
-                                                        },
-                                                        Object {
-                                                          "index": -0,
-                                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                          "value": "America/Los_Angeles",
-                                                        },
-                                                        Object {
-                                                          "index": 2.4,
-                                                          "label": "Indiana (East) (6:00 AM)",
-                                                          "value": "America/Indiana/Indianapolis",
-                                                        },
-                                                        Object {
-                                                          "index": 2.4,
-                                                          "label": "Puerto Rico (6:00 AM)",
-                                                          "value": "America/Puerto_Rico",
-                                                        },
-                                                        Object {
-                                                          "index": 4.2,
-                                                          "label": "Arizona (3:00 AM)",
-                                                          "value": "America/Phoenix",
-                                                        },
-                                                        Object {
-                                                          "index": 4.8,
-                                                          "label": "Alaska (2:00 AM)",
-                                                          "value": "America/Juneau",
-                                                        },
-                                                        Object {
-                                                          "index": 4.8,
-                                                          "label": "Philippine Standard Time (6:00 PM)",
-                                                          "value": "Asia/Manila",
-                                                        },
-                                                        Object {
-                                                          "index": 6,
-                                                          "label": "Hawaii (12:00 AM)",
-                                                          "value": "Pacific/Honolulu",
-                                                        },
-                                                        Object {
-                                                          "index": 100,
-                                                          "label": "Azores (10:00 AM)",
-                                                          "value": "Atlantic/Azores",
-                                                        },
-                                                        Object {
-                                                          "index": 100,
-                                                          "label": "Monrovia (10:00 AM)",
-                                                          "value": "Africa/Monrovia",
-                                                        },
-                                                        Object {
-                                                          "index": 100,
-                                                          "label": "UTC (10:00 AM)",
-                                                          "value": "Etc/UTC",
-                                                        },
-                                                        Object {
-                                                          "index": 160,
-                                                          "label": "Cape Verde Is. (9:00 AM)",
-                                                          "value": "Atlantic/Cape_Verde",
-                                                        },
-                                                        Object {
-                                                          "index": 160,
-                                                          "label": "Dublin (11:00 AM)",
-                                                          "value": "Europe/Dublin",
-                                                        },
-                                                        Object {
-                                                          "index": 160,
-                                                          "label": "Edinburgh (11:00 AM)",
-                                                          "value": "Europe/London",
-                                                        },
-                                                        Object {
-                                                          "index": 160,
-                                                          "label": "Lisbon (11:00 AM)",
-                                                          "value": "Europe/Lisbon",
-                                                        },
-                                                        Object {
-                                                          "index": 160,
-                                                          "label": "London (11:00 AM)",
-                                                          "value": "Europe/London",
-                                                        },
-                                                        Object {
-                                                          "index": 160,
-                                                          "label": "Casablanca (11:00 AM)",
-                                                          "value": "Africa/Casablanca",
-                                                        },
-                                                        Object {
-                                                          "index": 160,
-                                                          "label": "West Central Africa (11:00 AM)",
-                                                          "value": "Africa/Algiers",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Greenland (8:00 AM)",
-                                                          "value": "America/Godthab",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Mid-Atlantic (8:00 AM)",
-                                                          "value": "Atlantic/South_Georgia",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Belgrade (12:00 PM)",
-                                                          "value": "Europe/Belgrade",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Bratislava (12:00 PM)",
-                                                          "value": "Europe/Bratislava",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Budapest (12:00 PM)",
-                                                          "value": "Europe/Budapest",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Ljubljana (12:00 PM)",
-                                                          "value": "Europe/Ljubljana",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Prague (12:00 PM)",
-                                                          "value": "Europe/Prague",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Sarajevo (12:00 PM)",
-                                                          "value": "Europe/Sarajevo",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Skopje (12:00 PM)",
-                                                          "value": "Europe/Skopje",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Warsaw (12:00 PM)",
-                                                          "value": "Europe/Warsaw",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Zagreb (12:00 PM)",
-                                                          "value": "Europe/Zagreb",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Brussels (12:00 PM)",
-                                                          "value": "Europe/Brussels",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Copenhagen (12:00 PM)",
-                                                          "value": "Europe/Copenhagen",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Madrid (12:00 PM)",
-                                                          "value": "Europe/Madrid",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Paris (12:00 PM)",
-                                                          "value": "Europe/Paris",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Amsterdam (12:00 PM)",
-                                                          "value": "Europe/Amsterdam",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Berlin (12:00 PM)",
-                                                          "value": "Europe/Berlin",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Bern (12:00 PM)",
-                                                          "value": "Europe/Zurich",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Zurich (12:00 PM)",
-                                                          "value": "Europe/Zurich",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Rome (12:00 PM)",
-                                                          "value": "Europe/Rome",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Stockholm (12:00 PM)",
-                                                          "value": "Europe/Stockholm",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Vienna (12:00 PM)",
-                                                          "value": "Europe/Vienna",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Cairo (12:00 PM)",
-                                                          "value": "Africa/Cairo",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Harare (12:00 PM)",
-                                                          "value": "Africa/Harare",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Pretoria (12:00 PM)",
-                                                          "value": "Africa/Johannesburg",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Kaliningrad (12:00 PM)",
-                                                          "value": "Europe/Kaliningrad",
-                                                        },
-                                                        Object {
-                                                          "index": 250,
-                                                          "label": "Newfoundland (7:30 AM)",
-                                                          "value": "America/St_Johns",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Atlantic Time (Canada) (7:00 AM)",
-                                                          "value": "America/Halifax",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Brasilia (7:00 AM)",
-                                                          "value": "America/Sao_Paulo",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Buenos Aires (7:00 AM)",
-                                                          "value": "America/Argentina/Buenos_Aires",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Montevideo (7:00 AM)",
-                                                          "value": "America/Montevideo",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Bucharest (1:00 PM)",
-                                                          "value": "Europe/Bucharest",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Helsinki (1:00 PM)",
-                                                          "value": "Europe/Helsinki",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Kyiv (1:00 PM)",
-                                                          "value": "Europe/Kiev",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Riga (1:00 PM)",
-                                                          "value": "Europe/Riga",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Sofia (1:00 PM)",
-                                                          "value": "Europe/Sofia",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Tallinn (1:00 PM)",
-                                                          "value": "Europe/Tallinn",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Vilnius (1:00 PM)",
-                                                          "value": "Europe/Vilnius",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Athens (1:00 PM)",
-                                                          "value": "Europe/Athens",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Istanbul (1:00 PM)",
-                                                          "value": "Europe/Istanbul",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Minsk (1:00 PM)",
-                                                          "value": "Europe/Minsk",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Jerusalem (1:00 PM)",
-                                                          "value": "Asia/Jerusalem",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Moscow (1:00 PM)",
-                                                          "value": "Europe/Moscow",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "St. Petersburg (1:00 PM)",
-                                                          "value": "Europe/Moscow",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Kuwait (1:00 PM)",
-                                                          "value": "Asia/Kuwait",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Riyadh (1:00 PM)",
-                                                          "value": "Asia/Riyadh",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Nairobi (1:00 PM)",
-                                                          "value": "Africa/Nairobi",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Baghdad (1:00 PM)",
-                                                          "value": "Asia/Baghdad",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Caracas (6:00 AM)",
-                                                          "value": "America/Caracas",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "La Paz (6:00 AM)",
-                                                          "value": "America/La_Paz",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Santiago (6:00 AM)",
-                                                          "value": "America/Santiago",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Georgetown (6:00 AM)",
-                                                          "value": "America/Guyana",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Volgograd (2:00 PM)",
-                                                          "value": "Europe/Volgograd",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Samara (2:00 PM)",
-                                                          "value": "Europe/Samara",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Abu Dhabi (2:00 PM)",
-                                                          "value": "Asia/Muscat",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Muscat (2:00 PM)",
-                                                          "value": "Asia/Muscat",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Baku (2:00 PM)",
-                                                          "value": "Asia/Baku",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Tbilisi (2:00 PM)",
-                                                          "value": "Asia/Tbilisi",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Yerevan (2:00 PM)",
-                                                          "value": "Asia/Yerevan",
-                                                        },
-                                                        Object {
-                                                          "index": 370,
-                                                          "label": "Tehran (2:30 PM)",
-                                                          "value": "Asia/Tehran",
-                                                        },
-                                                        Object {
-                                                          "index": 370,
-                                                          "label": "Kabul (2:30 PM)",
-                                                          "value": "Asia/Kabul",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Guadalajara (5:00 AM)",
-                                                          "value": "America/Mexico_City",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Mexico City (5:00 AM)",
-                                                          "value": "America/Mexico_City",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Monterrey (5:00 AM)",
-                                                          "value": "America/Monterrey",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Bogota (5:00 AM)",
-                                                          "value": "America/Bogota",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Lima (5:00 AM)",
-                                                          "value": "America/Lima",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Quito (5:00 AM)",
-                                                          "value": "America/Lima",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Ekaterinburg (3:00 PM)",
-                                                          "value": "Asia/Yekaterinburg",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Islamabad (3:00 PM)",
-                                                          "value": "Asia/Karachi",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Karachi (3:00 PM)",
-                                                          "value": "Asia/Karachi",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Tashkent (3:00 PM)",
-                                                          "value": "Asia/Tashkent",
-                                                        },
-                                                        Object {
-                                                          "index": 430,
-                                                          "label": "Chennai (3:30 PM)",
-                                                          "value": "Asia/Kolkata",
-                                                        },
-                                                        Object {
-                                                          "index": 430,
-                                                          "label": "Kolkata (3:30 PM)",
-                                                          "value": "Asia/Kolkata",
-                                                        },
-                                                        Object {
-                                                          "index": 430,
-                                                          "label": "Mumbai (3:30 PM)",
-                                                          "value": "Asia/Kolkata",
-                                                        },
-                                                        Object {
-                                                          "index": 430,
-                                                          "label": "New Delhi (3:30 PM)",
-                                                          "value": "Asia/Kolkata",
-                                                        },
-                                                        Object {
-                                                          "index": 430,
-                                                          "label": "Sri Jayawardenepura (3:30 PM)",
-                                                          "value": "Asia/Colombo",
-                                                        },
-                                                        Object {
-                                                          "index": 445,
-                                                          "label": "Kathmandu (3:45 PM)",
-                                                          "value": "Asia/Kathmandu",
-                                                        },
-                                                        Object {
-                                                          "index": 460,
-                                                          "label": "Chihuahua (4:00 AM)",
-                                                          "value": "America/Chihuahua",
-                                                        },
-                                                        Object {
-                                                          "index": 460,
-                                                          "label": "Mazatlan (4:00 AM)",
-                                                          "value": "America/Mazatlan",
-                                                        },
-                                                        Object {
-                                                          "index": 460,
-                                                          "label": "Saskatchewan (4:00 AM)",
-                                                          "value": "America/Regina",
-                                                        },
-                                                        Object {
-                                                          "index": 460,
-                                                          "label": "Central America (4:00 AM)",
-                                                          "value": "America/Guatemala",
-                                                        },
-                                                        Object {
-                                                          "index": 460,
-                                                          "label": "Astana (4:00 PM)",
-                                                          "value": "Asia/Dhaka",
-                                                        },
-                                                        Object {
-                                                          "index": 460,
-                                                          "label": "Dhaka (4:00 PM)",
-                                                          "value": "Asia/Dhaka",
-                                                        },
-                                                        Object {
-                                                          "index": 460,
-                                                          "label": "Almaty (4:00 PM)",
-                                                          "value": "Asia/Almaty",
-                                                        },
-                                                        Object {
-                                                          "index": 460,
-                                                          "label": "Urumqi (4:00 PM)",
-                                                          "value": "Asia/Urumqi",
-                                                        },
-                                                        Object {
-                                                          "index": 490,
-                                                          "label": "Rangoon (4:30 PM)",
-                                                          "value": "Asia/Rangoon",
-                                                        },
-                                                        Object {
-                                                          "index": 520,
-                                                          "label": "Tijuana (3:00 AM)",
-                                                          "value": "America/Tijuana",
-                                                        },
-                                                        Object {
-                                                          "index": 520,
-                                                          "label": "Novosibirsk (5:00 PM)",
-                                                          "value": "Asia/Novosibirsk",
-                                                        },
-                                                        Object {
-                                                          "index": 520,
-                                                          "label": "Bangkok (5:00 PM)",
-                                                          "value": "Asia/Bangkok",
-                                                        },
-                                                        Object {
-                                                          "index": 520,
-                                                          "label": "Hanoi (5:00 PM)",
-                                                          "value": "Asia/Bangkok",
-                                                        },
-                                                        Object {
-                                                          "index": 520,
-                                                          "label": "Jakarta (5:00 PM)",
-                                                          "value": "Asia/Jakarta",
-                                                        },
-                                                        Object {
-                                                          "index": 520,
-                                                          "label": "Krasnoyarsk (5:00 PM)",
-                                                          "value": "Asia/Krasnoyarsk",
-                                                        },
-                                                        Object {
-                                                          "index": 580,
-                                                          "label": "Beijing (6:00 PM)",
-                                                          "value": "Asia/Shanghai",
-                                                        },
-                                                        Object {
-                                                          "index": 580,
-                                                          "label": "Chongqing (6:00 PM)",
-                                                          "value": "Asia/Chongqing",
-                                                        },
-                                                        Object {
-                                                          "index": 580,
-                                                          "label": "Hong Kong (6:00 PM)",
-                                                          "value": "Asia/Hong_Kong",
-                                                        },
-                                                        Object {
-                                                          "index": 580,
-                                                          "label": "Kuala Lumpur (6:00 PM)",
-                                                          "value": "Asia/Kuala_Lumpur",
-                                                        },
-                                                        Object {
-                                                          "index": 580,
-                                                          "label": "Singapore (6:00 PM)",
-                                                          "value": "Asia/Singapore",
-                                                        },
-                                                        Object {
-                                                          "index": 580,
-                                                          "label": "Taipei (6:00 PM)",
-                                                          "value": "Asia/Taipei",
-                                                        },
-                                                        Object {
-                                                          "index": 580,
-                                                          "label": "Perth (6:00 PM)",
-                                                          "value": "Australia/Perth",
-                                                        },
-                                                        Object {
-                                                          "index": 580,
-                                                          "label": "Irkutsk (6:00 PM)",
-                                                          "value": "Asia/Irkutsk",
-                                                        },
-                                                        Object {
-                                                          "index": 580,
-                                                          "label": "Ulaanbaatar (6:00 PM)",
-                                                          "value": "Asia/Ulaanbaatar",
-                                                        },
-                                                        Object {
-                                                          "index": 640,
-                                                          "label": "Seoul (7:00 PM)",
-                                                          "value": "Asia/Seoul",
-                                                        },
-                                                        Object {
-                                                          "index": 640,
-                                                          "label": "Osaka (7:00 PM)",
-                                                          "value": "Asia/Tokyo",
-                                                        },
-                                                        Object {
-                                                          "index": 640,
-                                                          "label": "Sapporo (7:00 PM)",
-                                                          "value": "Asia/Tokyo",
-                                                        },
-                                                        Object {
-                                                          "index": 640,
-                                                          "label": "Tokyo (7:00 PM)",
-                                                          "value": "Asia/Tokyo",
-                                                        },
-                                                        Object {
-                                                          "index": 640,
-                                                          "label": "Yakutsk (7:00 PM)",
-                                                          "value": "Asia/Yakutsk",
-                                                        },
-                                                        Object {
-                                                          "index": 670,
-                                                          "label": "Darwin (7:30 PM)",
-                                                          "value": "Australia/Darwin",
-                                                        },
-                                                        Object {
-                                                          "index": 670,
-                                                          "label": "Adelaide (7:30 PM)",
-                                                          "value": "Australia/Adelaide",
-                                                        },
-                                                        Object {
-                                                          "index": 700,
-                                                          "label": "Canberra (8:00 PM)",
-                                                          "value": "Australia/Melbourne",
-                                                        },
-                                                        Object {
-                                                          "index": 700,
-                                                          "label": "Melbourne (8:00 PM)",
-                                                          "value": "Australia/Melbourne",
-                                                        },
-                                                        Object {
-                                                          "index": 700,
-                                                          "label": "Sydney (8:00 PM)",
-                                                          "value": "Australia/Sydney",
-                                                        },
-                                                        Object {
-                                                          "index": 700,
-                                                          "label": "Brisbane (8:00 PM)",
-                                                          "value": "Australia/Brisbane",
-                                                        },
-                                                        Object {
-                                                          "index": 700,
-                                                          "label": "Hobart (8:00 PM)",
-                                                          "value": "Australia/Hobart",
-                                                        },
-                                                        Object {
-                                                          "index": 700,
-                                                          "label": "Vladivostok (8:00 PM)",
-                                                          "value": "Asia/Vladivostok",
-                                                        },
-                                                        Object {
-                                                          "index": 700,
-                                                          "label": "Guam (8:00 PM)",
-                                                          "value": "Pacific/Guam",
-                                                        },
-                                                        Object {
-                                                          "index": 700,
-                                                          "label": "Port Moresby (8:00 PM)",
-                                                          "value": "Pacific/Port_Moresby",
-                                                        },
-                                                        Object {
-                                                          "index": 760,
-                                                          "label": "Midway Island (11:00 PM)",
-                                                          "value": "Pacific/Midway",
-                                                        },
-                                                        Object {
-                                                          "index": 760,
-                                                          "label": "American Samoa (11:00 PM)",
-                                                          "value": "Pacific/Pago_Pago",
-                                                        },
-                                                        Object {
-                                                          "index": 760,
-                                                          "label": "Magadan (9:00 PM)",
-                                                          "value": "Asia/Magadan",
-                                                        },
-                                                        Object {
-                                                          "index": 760,
-                                                          "label": "Srednekolymsk (9:00 PM)",
-                                                          "value": "Asia/Srednekolymsk",
-                                                        },
-                                                        Object {
-                                                          "index": 760,
-                                                          "label": "Solomon Is. (9:00 PM)",
-                                                          "value": "Pacific/Guadalcanal",
-                                                        },
-                                                        Object {
-                                                          "index": 760,
-                                                          "label": "New Caledonia (9:00 PM)",
-                                                          "value": "Pacific/Noumea",
-                                                        },
-                                                        Object {
-                                                          "index": 820,
-                                                          "label": "International Date Line West (10:00 PM)",
-                                                          "value": "Etc/GMT+12",
-                                                        },
-                                                        Object {
-                                                          "index": 820,
-                                                          "label": "Fiji (10:00 PM)",
-                                                          "value": "Pacific/Fiji",
-                                                        },
-                                                        Object {
-                                                          "index": 820,
-                                                          "label": "Kamchatka (10:00 PM)",
-                                                          "value": "Asia/Kamchatka",
-                                                        },
-                                                        Object {
-                                                          "index": 820,
-                                                          "label": "Marshall Is. (10:00 PM)",
-                                                          "value": "Pacific/Majuro",
-                                                        },
-                                                        Object {
-                                                          "index": 820,
-                                                          "label": "Auckland (10:00 PM)",
-                                                          "value": "Pacific/Auckland",
-                                                        },
-                                                        Object {
-                                                          "index": 820,
-                                                          "label": "Wellington (10:00 PM)",
-                                                          "value": "Pacific/Auckland",
-                                                        },
-                                                        Object {
-                                                          "index": 865,
-                                                          "label": "Chatham Is. (10:45 PM)",
-                                                          "value": "Pacific/Chatham",
-                                                        },
-                                                        Object {
-                                                          "index": 880,
-                                                          "label": "Nuku'alofa (11:00 PM)",
-                                                          "value": "Pacific/Tongatapu",
-                                                        },
-                                                        Object {
-                                                          "index": 880,
-                                                          "label": "Tokelau Is. (11:00 PM)",
-                                                          "value": "Pacific/Fakaofo",
-                                                        },
-                                                        Object {
-                                                          "index": 880,
-                                                          "label": "Samoa (11:00 PM)",
-                                                          "value": "Pacific/Apia",
-                                                        },
-                                                      ]
+                                            }
+                                            setValue={[Function]}
+                                            theme={
+                                              Object {
+                                                "borderRadius": 4,
+                                                "colors": Object {
+                                                  "danger": "#DE350B",
+                                                  "dangerLight": "#FFBDAD",
+                                                  "neutral0": "hsl(0, 0%, 100%)",
+                                                  "neutral10": "hsl(0, 0%, 90%)",
+                                                  "neutral20": "hsl(0, 0%, 80%)",
+                                                  "neutral30": "hsl(0, 0%, 70%)",
+                                                  "neutral40": "hsl(0, 0%, 60%)",
+                                                  "neutral5": "hsl(0, 0%, 95%)",
+                                                  "neutral50": "hsl(0, 0%, 50%)",
+                                                  "neutral60": "hsl(0, 0%, 40%)",
+                                                  "neutral70": "hsl(0, 0%, 30%)",
+                                                  "neutral80": "hsl(0, 0%, 20%)",
+                                                  "neutral90": "hsl(0, 0%, 10%)",
+                                                  "primary": "#2684FF",
+                                                  "primary25": "#DEEBFF",
+                                                  "primary50": "#B2D4FF",
+                                                  "primary75": "#4C9AFF",
+                                                },
+                                                "spacing": Object {
+                                                  "baseUnit": 4,
+                                                  "controlHeight": 38,
+                                                  "menuGutter": 8,
+                                                },
+                                              }
+                                            }
+                                          >
+                                            <EmotionCssPropInternal
+                                              __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Control"
+                                              __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                              className="cf-select__control"
+                                              css={
+                                                Object {
+                                                  "&:hover": Object {
+                                                    "borderColor": "hsl(0, 0%, 70%)",
+                                                  },
+                                                  "alignItems": "center",
+                                                  "backgroundColor": "hsl(0, 0%, 100%)",
+                                                  "borderColor": "hsl(0, 0%, 80%)",
+                                                  "borderRadius": 4,
+                                                  "borderStyle": "solid",
+                                                  "borderWidth": 1,
+                                                  "boxShadow": null,
+                                                  "boxSizing": "border-box",
+                                                  "cursor": "default",
+                                                  "display": "flex",
+                                                  "flexWrap": "wrap",
+                                                  "justifyContent": "space-between",
+                                                  "label": "control",
+                                                  "minHeight": 38,
+                                                  "outline": "0 !important",
+                                                  "position": "relative",
+                                                  "transition": "all 100ms",
+                                                }
+                                              }
+                                              onMouseDown={[Function]}
+                                              onTouchEnd={[Function]}
+                                            >
+                                              <div
+                                                className="cf-select__control css-yk16xz-control"
+                                                onMouseDown={[Function]}
+                                                onTouchEnd={[Function]}
+                                              >
+                                                <ValueContainer
+                                                  clearValue={[Function]}
+                                                  cx={[Function]}
+                                                  getStyles={[Function]}
+                                                  getValue={[Function]}
+                                                  hasValue={true}
+                                                  isDisabled={false}
+                                                  isMulti={false}
+                                                  isRtl={false}
+                                                  options={Array []}
+                                                  selectOption={[Function]}
+                                                  selectProps={
+                                                    Object {
+                                                      "backspaceRemovesValue": true,
+                                                      "blurInputOnSelect": true,
+                                                      "cache": false,
+                                                      "captureMenuScroll": false,
+                                                      "classNamePrefix": "cf-select",
+                                                      "closeMenuOnScroll": false,
+                                                      "closeMenuOnSelect": true,
+                                                      "components": Object {
+                                                        "Input": [Function],
+                                                        "MenuList": [Function],
+                                                        "Option": [Function],
+                                                      },
+                                                      "controlShouldRenderValue": true,
+                                                      "defaultOptions": undefined,
+                                                      "escapeClearsValue": false,
+                                                      "filterOption": [Function],
+                                                      "formatGroupLabel": [Function],
+                                                      "getOptionLabel": [Function],
+                                                      "getOptionValue": [Function],
+                                                      "inputId": "judge-dropdown",
+                                                      "inputValue": "",
+                                                      "isClearable": undefined,
+                                                      "isDisabled": false,
+                                                      "isLoading": false,
+                                                      "isMulti": false,
+                                                      "isOptionDisabled": [Function],
+                                                      "isRtl": false,
+                                                      "isSearchable": true,
+                                                      "loadOptions": undefined,
+                                                      "loadingMessage": [Function],
+                                                      "maxMenuHeight": 300,
+                                                      "menuIsOpen": false,
+                                                      "menuPlacement": "bottom",
+                                                      "menuPosition": "absolute",
+                                                      "menuShouldBlockScroll": false,
+                                                      "menuShouldScrollIntoView": true,
+                                                      "minMenuHeight": 140,
+                                                      "name": "judgeDropdown",
+                                                      "noOptionsMessage": [Function],
+                                                      "onBlurResetsInput": false,
+                                                      "onChange": [Function],
+                                                      "onInputChange": [Function],
+                                                      "onMenuClose": [Function],
+                                                      "onMenuOpen": [Function],
+                                                      "openMenuOnClick": true,
+                                                      "openMenuOnFocus": false,
+                                                      "options": Array [],
+                                                      "pageSize": 5,
+                                                      "placeholder": "Select...",
+                                                      "screenReaderStatus": [Function],
+                                                      "searchable": undefined,
+                                                      "shouldKeyDownEventCreateNewOption": [Function],
+                                                      "styles": Object {
+                                                        "input": [Function],
+                                                      },
+                                                      "tabIndex": "0",
+                                                      "tabSelectsValue": true,
+                                                      "value": Object {
+                                                        "label": null,
+                                                        "value": null,
+                                                      },
                                                     }
-                                                    selectOption={[Function]}
-                                                    selectProps={
-                                                      Object {
-                                                        "backspaceRemovesValue": true,
-                                                        "blurInputOnSelect": true,
-                                                        "cache": false,
-                                                        "captureMenuScroll": false,
-                                                        "classNamePrefix": "cf-select",
-                                                        "closeMenuOnScroll": false,
-                                                        "closeMenuOnSelect": true,
-                                                        "components": Object {
-                                                          "Input": [Function],
-                                                          "MenuList": [Function],
-                                                          "Option": [Function],
-                                                        },
-                                                        "controlShouldRenderValue": true,
-                                                        "defaultOptions": undefined,
-                                                        "escapeClearsValue": false,
-                                                        "filterOption": [Function],
-                                                        "formatGroupLabel": [Function],
-                                                        "getOptionLabel": [Function],
-                                                        "getOptionValue": [Function],
-                                                        "inputId": "appellant-tz",
-                                                        "inputValue": "",
-                                                        "isClearable": undefined,
-                                                        "isDisabled": false,
-                                                        "isLoading": false,
-                                                        "isMulti": false,
-                                                        "isOptionDisabled": [Function],
-                                                        "isRtl": false,
-                                                        "isSearchable": true,
-                                                        "loadOptions": undefined,
-                                                        "loadingMessage": [Function],
-                                                        "maxMenuHeight": 300,
-                                                        "menuIsOpen": false,
-                                                        "menuPlacement": "bottom",
-                                                        "menuPosition": "absolute",
-                                                        "menuShouldBlockScroll": false,
-                                                        "menuShouldScrollIntoView": true,
-                                                        "minMenuHeight": 140,
-                                                        "name": "appellantTz",
-                                                        "noOptionsMessage": [Function],
-                                                        "onBlurResetsInput": false,
-                                                        "onChange": [Function],
-                                                        "onInputChange": [Function],
-                                                        "onMenuClose": [Function],
-                                                        "onMenuOpen": [Function],
-                                                        "openMenuOnClick": true,
-                                                        "openMenuOnFocus": false,
-                                                        "options": Array [
-                                                          Object {
-                                                            "label": "",
-                                                            "value": null,
-                                                          },
-                                                          Object {
-                                                            "index": -3,
-                                                            "label": "Eastern Time (US & Canada) (6:00 AM)",
-                                                            "value": "America/New_York",
-                                                          },
-                                                          Object {
-                                                            "index": -2,
-                                                            "label": "Central Time (US & Canada) (5:00 AM)",
-                                                            "value": "America/Chicago",
-                                                          },
-                                                          Object {
-                                                            "index": -1,
-                                                            "label": "Mountain Time (US & Canada) (4:00 AM)",
-                                                            "value": "America/Denver",
-                                                          },
-                                                          Object {
-                                                            "index": -0,
-                                                            "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                            "value": "America/Los_Angeles",
-                                                          },
-                                                          Object {
-                                                            "index": 2.4,
-                                                            "label": "Indiana (East) (6:00 AM)",
-                                                            "value": "America/Indiana/Indianapolis",
-                                                          },
-                                                          Object {
-                                                            "index": 2.4,
-                                                            "label": "Puerto Rico (6:00 AM)",
-                                                            "value": "America/Puerto_Rico",
-                                                          },
-                                                          Object {
-                                                            "index": 4.2,
-                                                            "label": "Arizona (3:00 AM)",
-                                                            "value": "America/Phoenix",
-                                                          },
-                                                          Object {
-                                                            "index": 4.8,
-                                                            "label": "Alaska (2:00 AM)",
-                                                            "value": "America/Juneau",
-                                                          },
-                                                          Object {
-                                                            "index": 4.8,
-                                                            "label": "Philippine Standard Time (6:00 PM)",
-                                                            "value": "Asia/Manila",
-                                                          },
-                                                          Object {
-                                                            "index": 6,
-                                                            "label": "Hawaii (12:00 AM)",
-                                                            "value": "Pacific/Honolulu",
-                                                          },
-                                                          Object {
-                                                            "index": 100,
-                                                            "label": "Azores (10:00 AM)",
-                                                            "value": "Atlantic/Azores",
-                                                          },
-                                                          Object {
-                                                            "index": 100,
-                                                            "label": "Monrovia (10:00 AM)",
-                                                            "value": "Africa/Monrovia",
-                                                          },
-                                                          Object {
-                                                            "index": 100,
-                                                            "label": "UTC (10:00 AM)",
-                                                            "value": "Etc/UTC",
-                                                          },
-                                                          Object {
-                                                            "index": 160,
-                                                            "label": "Cape Verde Is. (9:00 AM)",
-                                                            "value": "Atlantic/Cape_Verde",
-                                                          },
-                                                          Object {
-                                                            "index": 160,
-                                                            "label": "Dublin (11:00 AM)",
-                                                            "value": "Europe/Dublin",
-                                                          },
-                                                          Object {
-                                                            "index": 160,
-                                                            "label": "Edinburgh (11:00 AM)",
-                                                            "value": "Europe/London",
-                                                          },
-                                                          Object {
-                                                            "index": 160,
-                                                            "label": "Lisbon (11:00 AM)",
-                                                            "value": "Europe/Lisbon",
-                                                          },
-                                                          Object {
-                                                            "index": 160,
-                                                            "label": "London (11:00 AM)",
-                                                            "value": "Europe/London",
-                                                          },
-                                                          Object {
-                                                            "index": 160,
-                                                            "label": "Casablanca (11:00 AM)",
-                                                            "value": "Africa/Casablanca",
-                                                          },
-                                                          Object {
-                                                            "index": 160,
-                                                            "label": "West Central Africa (11:00 AM)",
-                                                            "value": "Africa/Algiers",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Greenland (8:00 AM)",
-                                                            "value": "America/Godthab",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Mid-Atlantic (8:00 AM)",
-                                                            "value": "Atlantic/South_Georgia",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Belgrade (12:00 PM)",
-                                                            "value": "Europe/Belgrade",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Bratislava (12:00 PM)",
-                                                            "value": "Europe/Bratislava",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Budapest (12:00 PM)",
-                                                            "value": "Europe/Budapest",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Ljubljana (12:00 PM)",
-                                                            "value": "Europe/Ljubljana",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Prague (12:00 PM)",
-                                                            "value": "Europe/Prague",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Sarajevo (12:00 PM)",
-                                                            "value": "Europe/Sarajevo",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Skopje (12:00 PM)",
-                                                            "value": "Europe/Skopje",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Warsaw (12:00 PM)",
-                                                            "value": "Europe/Warsaw",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Zagreb (12:00 PM)",
-                                                            "value": "Europe/Zagreb",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Brussels (12:00 PM)",
-                                                            "value": "Europe/Brussels",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Copenhagen (12:00 PM)",
-                                                            "value": "Europe/Copenhagen",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Madrid (12:00 PM)",
-                                                            "value": "Europe/Madrid",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Paris (12:00 PM)",
-                                                            "value": "Europe/Paris",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Amsterdam (12:00 PM)",
-                                                            "value": "Europe/Amsterdam",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Berlin (12:00 PM)",
-                                                            "value": "Europe/Berlin",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Bern (12:00 PM)",
-                                                            "value": "Europe/Zurich",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Zurich (12:00 PM)",
-                                                            "value": "Europe/Zurich",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Rome (12:00 PM)",
-                                                            "value": "Europe/Rome",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Stockholm (12:00 PM)",
-                                                            "value": "Europe/Stockholm",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Vienna (12:00 PM)",
-                                                            "value": "Europe/Vienna",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Cairo (12:00 PM)",
-                                                            "value": "Africa/Cairo",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Harare (12:00 PM)",
-                                                            "value": "Africa/Harare",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Pretoria (12:00 PM)",
-                                                            "value": "Africa/Johannesburg",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Kaliningrad (12:00 PM)",
-                                                            "value": "Europe/Kaliningrad",
-                                                          },
-                                                          Object {
-                                                            "index": 250,
-                                                            "label": "Newfoundland (7:30 AM)",
-                                                            "value": "America/St_Johns",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Atlantic Time (Canada) (7:00 AM)",
-                                                            "value": "America/Halifax",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Brasilia (7:00 AM)",
-                                                            "value": "America/Sao_Paulo",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Buenos Aires (7:00 AM)",
-                                                            "value": "America/Argentina/Buenos_Aires",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Montevideo (7:00 AM)",
-                                                            "value": "America/Montevideo",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Bucharest (1:00 PM)",
-                                                            "value": "Europe/Bucharest",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Helsinki (1:00 PM)",
-                                                            "value": "Europe/Helsinki",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Kyiv (1:00 PM)",
-                                                            "value": "Europe/Kiev",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Riga (1:00 PM)",
-                                                            "value": "Europe/Riga",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Sofia (1:00 PM)",
-                                                            "value": "Europe/Sofia",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Tallinn (1:00 PM)",
-                                                            "value": "Europe/Tallinn",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Vilnius (1:00 PM)",
-                                                            "value": "Europe/Vilnius",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Athens (1:00 PM)",
-                                                            "value": "Europe/Athens",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Istanbul (1:00 PM)",
-                                                            "value": "Europe/Istanbul",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Minsk (1:00 PM)",
-                                                            "value": "Europe/Minsk",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Jerusalem (1:00 PM)",
-                                                            "value": "Asia/Jerusalem",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Moscow (1:00 PM)",
-                                                            "value": "Europe/Moscow",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "St. Petersburg (1:00 PM)",
-                                                            "value": "Europe/Moscow",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Kuwait (1:00 PM)",
-                                                            "value": "Asia/Kuwait",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Riyadh (1:00 PM)",
-                                                            "value": "Asia/Riyadh",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Nairobi (1:00 PM)",
-                                                            "value": "Africa/Nairobi",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Baghdad (1:00 PM)",
-                                                            "value": "Asia/Baghdad",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Caracas (6:00 AM)",
-                                                            "value": "America/Caracas",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "La Paz (6:00 AM)",
-                                                            "value": "America/La_Paz",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Santiago (6:00 AM)",
-                                                            "value": "America/Santiago",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Georgetown (6:00 AM)",
-                                                            "value": "America/Guyana",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Volgograd (2:00 PM)",
-                                                            "value": "Europe/Volgograd",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Samara (2:00 PM)",
-                                                            "value": "Europe/Samara",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Abu Dhabi (2:00 PM)",
-                                                            "value": "Asia/Muscat",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Muscat (2:00 PM)",
-                                                            "value": "Asia/Muscat",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Baku (2:00 PM)",
-                                                            "value": "Asia/Baku",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Tbilisi (2:00 PM)",
-                                                            "value": "Asia/Tbilisi",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Yerevan (2:00 PM)",
-                                                            "value": "Asia/Yerevan",
-                                                          },
-                                                          Object {
-                                                            "index": 370,
-                                                            "label": "Tehran (2:30 PM)",
-                                                            "value": "Asia/Tehran",
-                                                          },
-                                                          Object {
-                                                            "index": 370,
-                                                            "label": "Kabul (2:30 PM)",
-                                                            "value": "Asia/Kabul",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Guadalajara (5:00 AM)",
-                                                            "value": "America/Mexico_City",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Mexico City (5:00 AM)",
-                                                            "value": "America/Mexico_City",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Monterrey (5:00 AM)",
-                                                            "value": "America/Monterrey",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Bogota (5:00 AM)",
-                                                            "value": "America/Bogota",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Lima (5:00 AM)",
-                                                            "value": "America/Lima",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Quito (5:00 AM)",
-                                                            "value": "America/Lima",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Ekaterinburg (3:00 PM)",
-                                                            "value": "Asia/Yekaterinburg",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Islamabad (3:00 PM)",
-                                                            "value": "Asia/Karachi",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Karachi (3:00 PM)",
-                                                            "value": "Asia/Karachi",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Tashkent (3:00 PM)",
-                                                            "value": "Asia/Tashkent",
-                                                          },
-                                                          Object {
-                                                            "index": 430,
-                                                            "label": "Chennai (3:30 PM)",
-                                                            "value": "Asia/Kolkata",
-                                                          },
-                                                          Object {
-                                                            "index": 430,
-                                                            "label": "Kolkata (3:30 PM)",
-                                                            "value": "Asia/Kolkata",
-                                                          },
-                                                          Object {
-                                                            "index": 430,
-                                                            "label": "Mumbai (3:30 PM)",
-                                                            "value": "Asia/Kolkata",
-                                                          },
-                                                          Object {
-                                                            "index": 430,
-                                                            "label": "New Delhi (3:30 PM)",
-                                                            "value": "Asia/Kolkata",
-                                                          },
-                                                          Object {
-                                                            "index": 430,
-                                                            "label": "Sri Jayawardenepura (3:30 PM)",
-                                                            "value": "Asia/Colombo",
-                                                          },
-                                                          Object {
-                                                            "index": 445,
-                                                            "label": "Kathmandu (3:45 PM)",
-                                                            "value": "Asia/Kathmandu",
-                                                          },
-                                                          Object {
-                                                            "index": 460,
-                                                            "label": "Chihuahua (4:00 AM)",
-                                                            "value": "America/Chihuahua",
-                                                          },
-                                                          Object {
-                                                            "index": 460,
-                                                            "label": "Mazatlan (4:00 AM)",
-                                                            "value": "America/Mazatlan",
-                                                          },
-                                                          Object {
-                                                            "index": 460,
-                                                            "label": "Saskatchewan (4:00 AM)",
-                                                            "value": "America/Regina",
-                                                          },
-                                                          Object {
-                                                            "index": 460,
-                                                            "label": "Central America (4:00 AM)",
-                                                            "value": "America/Guatemala",
-                                                          },
-                                                          Object {
-                                                            "index": 460,
-                                                            "label": "Astana (4:00 PM)",
-                                                            "value": "Asia/Dhaka",
-                                                          },
-                                                          Object {
-                                                            "index": 460,
-                                                            "label": "Dhaka (4:00 PM)",
-                                                            "value": "Asia/Dhaka",
-                                                          },
-                                                          Object {
-                                                            "index": 460,
-                                                            "label": "Almaty (4:00 PM)",
-                                                            "value": "Asia/Almaty",
-                                                          },
-                                                          Object {
-                                                            "index": 460,
-                                                            "label": "Urumqi (4:00 PM)",
-                                                            "value": "Asia/Urumqi",
-                                                          },
-                                                          Object {
-                                                            "index": 490,
-                                                            "label": "Rangoon (4:30 PM)",
-                                                            "value": "Asia/Rangoon",
-                                                          },
-                                                          Object {
-                                                            "index": 520,
-                                                            "label": "Tijuana (3:00 AM)",
-                                                            "value": "America/Tijuana",
-                                                          },
-                                                          Object {
-                                                            "index": 520,
-                                                            "label": "Novosibirsk (5:00 PM)",
-                                                            "value": "Asia/Novosibirsk",
-                                                          },
-                                                          Object {
-                                                            "index": 520,
-                                                            "label": "Bangkok (5:00 PM)",
-                                                            "value": "Asia/Bangkok",
-                                                          },
-                                                          Object {
-                                                            "index": 520,
-                                                            "label": "Hanoi (5:00 PM)",
-                                                            "value": "Asia/Bangkok",
-                                                          },
-                                                          Object {
-                                                            "index": 520,
-                                                            "label": "Jakarta (5:00 PM)",
-                                                            "value": "Asia/Jakarta",
-                                                          },
-                                                          Object {
-                                                            "index": 520,
-                                                            "label": "Krasnoyarsk (5:00 PM)",
-                                                            "value": "Asia/Krasnoyarsk",
-                                                          },
-                                                          Object {
-                                                            "index": 580,
-                                                            "label": "Beijing (6:00 PM)",
-                                                            "value": "Asia/Shanghai",
-                                                          },
-                                                          Object {
-                                                            "index": 580,
-                                                            "label": "Chongqing (6:00 PM)",
-                                                            "value": "Asia/Chongqing",
-                                                          },
-                                                          Object {
-                                                            "index": 580,
-                                                            "label": "Hong Kong (6:00 PM)",
-                                                            "value": "Asia/Hong_Kong",
-                                                          },
-                                                          Object {
-                                                            "index": 580,
-                                                            "label": "Kuala Lumpur (6:00 PM)",
-                                                            "value": "Asia/Kuala_Lumpur",
-                                                          },
-                                                          Object {
-                                                            "index": 580,
-                                                            "label": "Singapore (6:00 PM)",
-                                                            "value": "Asia/Singapore",
-                                                          },
-                                                          Object {
-                                                            "index": 580,
-                                                            "label": "Taipei (6:00 PM)",
-                                                            "value": "Asia/Taipei",
-                                                          },
-                                                          Object {
-                                                            "index": 580,
-                                                            "label": "Perth (6:00 PM)",
-                                                            "value": "Australia/Perth",
-                                                          },
-                                                          Object {
-                                                            "index": 580,
-                                                            "label": "Irkutsk (6:00 PM)",
-                                                            "value": "Asia/Irkutsk",
-                                                          },
-                                                          Object {
-                                                            "index": 580,
-                                                            "label": "Ulaanbaatar (6:00 PM)",
-                                                            "value": "Asia/Ulaanbaatar",
-                                                          },
-                                                          Object {
-                                                            "index": 640,
-                                                            "label": "Seoul (7:00 PM)",
-                                                            "value": "Asia/Seoul",
-                                                          },
-                                                          Object {
-                                                            "index": 640,
-                                                            "label": "Osaka (7:00 PM)",
-                                                            "value": "Asia/Tokyo",
-                                                          },
-                                                          Object {
-                                                            "index": 640,
-                                                            "label": "Sapporo (7:00 PM)",
-                                                            "value": "Asia/Tokyo",
-                                                          },
-                                                          Object {
-                                                            "index": 640,
-                                                            "label": "Tokyo (7:00 PM)",
-                                                            "value": "Asia/Tokyo",
-                                                          },
-                                                          Object {
-                                                            "index": 640,
-                                                            "label": "Yakutsk (7:00 PM)",
-                                                            "value": "Asia/Yakutsk",
-                                                          },
-                                                          Object {
-                                                            "index": 670,
-                                                            "label": "Darwin (7:30 PM)",
-                                                            "value": "Australia/Darwin",
-                                                          },
-                                                          Object {
-                                                            "index": 670,
-                                                            "label": "Adelaide (7:30 PM)",
-                                                            "value": "Australia/Adelaide",
-                                                          },
-                                                          Object {
-                                                            "index": 700,
-                                                            "label": "Canberra (8:00 PM)",
-                                                            "value": "Australia/Melbourne",
-                                                          },
-                                                          Object {
-                                                            "index": 700,
-                                                            "label": "Melbourne (8:00 PM)",
-                                                            "value": "Australia/Melbourne",
-                                                          },
-                                                          Object {
-                                                            "index": 700,
-                                                            "label": "Sydney (8:00 PM)",
-                                                            "value": "Australia/Sydney",
-                                                          },
-                                                          Object {
-                                                            "index": 700,
-                                                            "label": "Brisbane (8:00 PM)",
-                                                            "value": "Australia/Brisbane",
-                                                          },
-                                                          Object {
-                                                            "index": 700,
-                                                            "label": "Hobart (8:00 PM)",
-                                                            "value": "Australia/Hobart",
-                                                          },
-                                                          Object {
-                                                            "index": 700,
-                                                            "label": "Vladivostok (8:00 PM)",
-                                                            "value": "Asia/Vladivostok",
-                                                          },
-                                                          Object {
-                                                            "index": 700,
-                                                            "label": "Guam (8:00 PM)",
-                                                            "value": "Pacific/Guam",
-                                                          },
-                                                          Object {
-                                                            "index": 700,
-                                                            "label": "Port Moresby (8:00 PM)",
-                                                            "value": "Pacific/Port_Moresby",
-                                                          },
-                                                          Object {
-                                                            "index": 760,
-                                                            "label": "Midway Island (11:00 PM)",
-                                                            "value": "Pacific/Midway",
-                                                          },
-                                                          Object {
-                                                            "index": 760,
-                                                            "label": "American Samoa (11:00 PM)",
-                                                            "value": "Pacific/Pago_Pago",
-                                                          },
-                                                          Object {
-                                                            "index": 760,
-                                                            "label": "Magadan (9:00 PM)",
-                                                            "value": "Asia/Magadan",
-                                                          },
-                                                          Object {
-                                                            "index": 760,
-                                                            "label": "Srednekolymsk (9:00 PM)",
-                                                            "value": "Asia/Srednekolymsk",
-                                                          },
-                                                          Object {
-                                                            "index": 760,
-                                                            "label": "Solomon Is. (9:00 PM)",
-                                                            "value": "Pacific/Guadalcanal",
-                                                          },
-                                                          Object {
-                                                            "index": 760,
-                                                            "label": "New Caledonia (9:00 PM)",
-                                                            "value": "Pacific/Noumea",
-                                                          },
-                                                          Object {
-                                                            "index": 820,
-                                                            "label": "International Date Line West (10:00 PM)",
-                                                            "value": "Etc/GMT+12",
-                                                          },
-                                                          Object {
-                                                            "index": 820,
-                                                            "label": "Fiji (10:00 PM)",
-                                                            "value": "Pacific/Fiji",
-                                                          },
-                                                          Object {
-                                                            "index": 820,
-                                                            "label": "Kamchatka (10:00 PM)",
-                                                            "value": "Asia/Kamchatka",
-                                                          },
-                                                          Object {
-                                                            "index": 820,
-                                                            "label": "Marshall Is. (10:00 PM)",
-                                                            "value": "Pacific/Majuro",
-                                                          },
-                                                          Object {
-                                                            "index": 820,
-                                                            "label": "Auckland (10:00 PM)",
-                                                            "value": "Pacific/Auckland",
-                                                          },
-                                                          Object {
-                                                            "index": 820,
-                                                            "label": "Wellington (10:00 PM)",
-                                                            "value": "Pacific/Auckland",
-                                                          },
-                                                          Object {
-                                                            "index": 865,
-                                                            "label": "Chatham Is. (10:45 PM)",
-                                                            "value": "Pacific/Chatham",
-                                                          },
-                                                          Object {
-                                                            "index": 880,
-                                                            "label": "Nuku'alofa (11:00 PM)",
-                                                            "value": "Pacific/Tongatapu",
-                                                          },
-                                                          Object {
-                                                            "index": 880,
-                                                            "label": "Tokelau Is. (11:00 PM)",
-                                                            "value": "Pacific/Fakaofo",
-                                                          },
-                                                          Object {
-                                                            "index": 880,
-                                                            "label": "Samoa (11:00 PM)",
-                                                            "value": "Pacific/Apia",
-                                                          },
-                                                        ],
-                                                        "pageSize": 5,
-                                                        "placeholder": "Select a timezone",
-                                                        "screenReaderStatus": [Function],
-                                                        "searchable": undefined,
-                                                        "shouldKeyDownEventCreateNewOption": [Function],
-                                                        "styles": Object {
-                                                          "input": [Function],
-                                                        },
-                                                        "tabIndex": "0",
-                                                        "tabSelectsValue": true,
-                                                        "value": Object {
-                                                          "index": -0,
-                                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                          "value": "America/Los_Angeles",
-                                                        },
-                                                      }
+                                                  }
+                                                  setValue={[Function]}
+                                                  theme={
+                                                    Object {
+                                                      "borderRadius": 4,
+                                                      "colors": Object {
+                                                        "danger": "#DE350B",
+                                                        "dangerLight": "#FFBDAD",
+                                                        "neutral0": "hsl(0, 0%, 100%)",
+                                                        "neutral10": "hsl(0, 0%, 90%)",
+                                                        "neutral20": "hsl(0, 0%, 80%)",
+                                                        "neutral30": "hsl(0, 0%, 70%)",
+                                                        "neutral40": "hsl(0, 0%, 60%)",
+                                                        "neutral5": "hsl(0, 0%, 95%)",
+                                                        "neutral50": "hsl(0, 0%, 50%)",
+                                                        "neutral60": "hsl(0, 0%, 40%)",
+                                                        "neutral70": "hsl(0, 0%, 30%)",
+                                                        "neutral80": "hsl(0, 0%, 20%)",
+                                                        "neutral90": "hsl(0, 0%, 10%)",
+                                                        "primary": "#2684FF",
+                                                        "primary25": "#DEEBFF",
+                                                        "primary50": "#B2D4FF",
+                                                        "primary75": "#4C9AFF",
+                                                      },
+                                                      "spacing": Object {
+                                                        "baseUnit": 4,
+                                                        "controlHeight": 38,
+                                                        "menuGutter": 8,
+                                                      },
                                                     }
-                                                    setValue={[Function]}
-                                                    theme={
+                                                  }
+                                                >
+                                                  <EmotionCssPropInternal
+                                                    __EMOTION_LABEL_PLEASE_DO_NOT_USE__="ValueContainer"
+                                                    __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                    className="cf-select__value-container cf-select__value-container--has-value"
+                                                    css={
                                                       Object {
-                                                        "borderRadius": 4,
-                                                        "colors": Object {
-                                                          "danger": "#DE350B",
-                                                          "dangerLight": "#FFBDAD",
-                                                          "neutral0": "hsl(0, 0%, 100%)",
-                                                          "neutral10": "hsl(0, 0%, 90%)",
-                                                          "neutral20": "hsl(0, 0%, 80%)",
-                                                          "neutral30": "hsl(0, 0%, 70%)",
-                                                          "neutral40": "hsl(0, 0%, 60%)",
-                                                          "neutral5": "hsl(0, 0%, 95%)",
-                                                          "neutral50": "hsl(0, 0%, 50%)",
-                                                          "neutral60": "hsl(0, 0%, 40%)",
-                                                          "neutral70": "hsl(0, 0%, 30%)",
-                                                          "neutral80": "hsl(0, 0%, 20%)",
-                                                          "neutral90": "hsl(0, 0%, 10%)",
-                                                          "primary": "#2684FF",
-                                                          "primary25": "#DEEBFF",
-                                                          "primary50": "#B2D4FF",
-                                                          "primary75": "#4C9AFF",
-                                                        },
-                                                        "spacing": Object {
-                                                          "baseUnit": 4,
-                                                          "controlHeight": 38,
-                                                          "menuGutter": 8,
-                                                        },
+                                                        "WebkitOverflowScrolling": "touch",
+                                                        "alignItems": "center",
+                                                        "boxSizing": "border-box",
+                                                        "display": "flex",
+                                                        "flex": 1,
+                                                        "flexWrap": "wrap",
+                                                        "overflow": "hidden",
+                                                        "padding": "2px 8px",
+                                                        "position": "relative",
                                                       }
                                                     }
                                                   >
-                                                    <EmotionCssPropInternal
-                                                      __EMOTION_LABEL_PLEASE_DO_NOT_USE__="ValueContainer"
-                                                      __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                      className="cf-select__value-container cf-select__value-container--has-value"
-                                                      css={
-                                                        Object {
-                                                          "WebkitOverflowScrolling": "touch",
-                                                          "alignItems": "center",
-                                                          "boxSizing": "border-box",
-                                                          "display": "flex",
-                                                          "flex": 1,
-                                                          "flexWrap": "wrap",
-                                                          "overflow": "hidden",
-                                                          "padding": "2px 8px",
-                                                          "position": "relative",
-                                                        }
-                                                      }
+                                                    <div
+                                                      className="cf-select__value-container cf-select__value-container--has-value css-g1d714-ValueContainer"
                                                     >
-                                                      <div
-                                                        className="cf-select__value-container cf-select__value-container--has-value css-g1d714-ValueContainer"
+                                                      <SingleValue
+                                                        clearValue={[Function]}
+                                                        cx={[Function]}
+                                                        data={
+                                                          Object {
+                                                            "label": null,
+                                                            "value": null,
+                                                          }
+                                                        }
+                                                        getStyles={[Function]}
+                                                        getValue={[Function]}
+                                                        hasValue={true}
+                                                        isDisabled={false}
+                                                        isMulti={false}
+                                                        isRtl={false}
+                                                        options={Array []}
+                                                        selectOption={[Function]}
+                                                        selectProps={
+                                                          Object {
+                                                            "backspaceRemovesValue": true,
+                                                            "blurInputOnSelect": true,
+                                                            "cache": false,
+                                                            "captureMenuScroll": false,
+                                                            "classNamePrefix": "cf-select",
+                                                            "closeMenuOnScroll": false,
+                                                            "closeMenuOnSelect": true,
+                                                            "components": Object {
+                                                              "Input": [Function],
+                                                              "MenuList": [Function],
+                                                              "Option": [Function],
+                                                            },
+                                                            "controlShouldRenderValue": true,
+                                                            "defaultOptions": undefined,
+                                                            "escapeClearsValue": false,
+                                                            "filterOption": [Function],
+                                                            "formatGroupLabel": [Function],
+                                                            "getOptionLabel": [Function],
+                                                            "getOptionValue": [Function],
+                                                            "inputId": "judge-dropdown",
+                                                            "inputValue": "",
+                                                            "isClearable": undefined,
+                                                            "isDisabled": false,
+                                                            "isLoading": false,
+                                                            "isMulti": false,
+                                                            "isOptionDisabled": [Function],
+                                                            "isRtl": false,
+                                                            "isSearchable": true,
+                                                            "loadOptions": undefined,
+                                                            "loadingMessage": [Function],
+                                                            "maxMenuHeight": 300,
+                                                            "menuIsOpen": false,
+                                                            "menuPlacement": "bottom",
+                                                            "menuPosition": "absolute",
+                                                            "menuShouldBlockScroll": false,
+                                                            "menuShouldScrollIntoView": true,
+                                                            "minMenuHeight": 140,
+                                                            "name": "judgeDropdown",
+                                                            "noOptionsMessage": [Function],
+                                                            "onBlurResetsInput": false,
+                                                            "onChange": [Function],
+                                                            "onInputChange": [Function],
+                                                            "onMenuClose": [Function],
+                                                            "onMenuOpen": [Function],
+                                                            "openMenuOnClick": true,
+                                                            "openMenuOnFocus": false,
+                                                            "options": Array [],
+                                                            "pageSize": 5,
+                                                            "placeholder": "Select...",
+                                                            "screenReaderStatus": [Function],
+                                                            "searchable": undefined,
+                                                            "shouldKeyDownEventCreateNewOption": [Function],
+                                                            "styles": Object {
+                                                              "input": [Function],
+                                                            },
+                                                            "tabIndex": "0",
+                                                            "tabSelectsValue": true,
+                                                            "value": Object {
+                                                              "label": null,
+                                                              "value": null,
+                                                            },
+                                                          }
+                                                        }
+                                                        setValue={[Function]}
+                                                        theme={
+                                                          Object {
+                                                            "borderRadius": 4,
+                                                            "colors": Object {
+                                                              "danger": "#DE350B",
+                                                              "dangerLight": "#FFBDAD",
+                                                              "neutral0": "hsl(0, 0%, 100%)",
+                                                              "neutral10": "hsl(0, 0%, 90%)",
+                                                              "neutral20": "hsl(0, 0%, 80%)",
+                                                              "neutral30": "hsl(0, 0%, 70%)",
+                                                              "neutral40": "hsl(0, 0%, 60%)",
+                                                              "neutral5": "hsl(0, 0%, 95%)",
+                                                              "neutral50": "hsl(0, 0%, 50%)",
+                                                              "neutral60": "hsl(0, 0%, 40%)",
+                                                              "neutral70": "hsl(0, 0%, 30%)",
+                                                              "neutral80": "hsl(0, 0%, 20%)",
+                                                              "neutral90": "hsl(0, 0%, 10%)",
+                                                              "primary": "#2684FF",
+                                                              "primary25": "#DEEBFF",
+                                                              "primary50": "#B2D4FF",
+                                                              "primary75": "#4C9AFF",
+                                                            },
+                                                            "spacing": Object {
+                                                              "baseUnit": 4,
+                                                              "controlHeight": 38,
+                                                              "menuGutter": 8,
+                                                            },
+                                                          }
+                                                        }
                                                       >
-                                                        <SingleValue
-                                                          clearValue={[Function]}
-                                                          cx={[Function]}
-                                                          data={
+                                                        <EmotionCssPropInternal
+                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SingleValue"
+                                                          __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                          className="cf-select__single-value"
+                                                          css={
                                                             Object {
-                                                              "index": -0,
-                                                              "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                              "value": "America/Los_Angeles",
+                                                              "boxSizing": "border-box",
+                                                              "color": "hsl(0, 0%, 20%)",
+                                                              "label": "singleValue",
+                                                              "marginLeft": 2,
+                                                              "marginRight": 2,
+                                                              "maxWidth": "calc(100% - 8px)",
+                                                              "overflow": "hidden",
+                                                              "position": "absolute",
+                                                              "textOverflow": "ellipsis",
+                                                              "top": "50%",
+                                                              "transform": "translateY(-50%)",
+                                                              "whiteSpace": "nowrap",
                                                             }
                                                           }
-                                                          getStyles={[Function]}
-                                                          getValue={[Function]}
-                                                          hasValue={true}
-                                                          isDisabled={false}
-                                                          isMulti={false}
-                                                          isRtl={false}
-                                                          options={
-                                                            Array [
-                                                              Object {
-                                                                "label": "",
-                                                                "value": null,
-                                                              },
-                                                              Object {
-                                                                "index": -3,
-                                                                "label": "Eastern Time (US & Canada) (6:00 AM)",
-                                                                "value": "America/New_York",
-                                                              },
-                                                              Object {
-                                                                "index": -2,
-                                                                "label": "Central Time (US & Canada) (5:00 AM)",
-                                                                "value": "America/Chicago",
-                                                              },
-                                                              Object {
-                                                                "index": -1,
-                                                                "label": "Mountain Time (US & Canada) (4:00 AM)",
-                                                                "value": "America/Denver",
-                                                              },
-                                                              Object {
-                                                                "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                                "value": "America/Los_Angeles",
-                                                              },
-                                                              Object {
-                                                                "index": 2.4,
-                                                                "label": "Indiana (East) (6:00 AM)",
-                                                                "value": "America/Indiana/Indianapolis",
-                                                              },
-                                                              Object {
-                                                                "index": 2.4,
-                                                                "label": "Puerto Rico (6:00 AM)",
-                                                                "value": "America/Puerto_Rico",
-                                                              },
-                                                              Object {
-                                                                "index": 4.2,
-                                                                "label": "Arizona (3:00 AM)",
-                                                                "value": "America/Phoenix",
-                                                              },
-                                                              Object {
-                                                                "index": 4.8,
-                                                                "label": "Alaska (2:00 AM)",
-                                                                "value": "America/Juneau",
-                                                              },
-                                                              Object {
-                                                                "index": 4.8,
-                                                                "label": "Philippine Standard Time (6:00 PM)",
-                                                                "value": "Asia/Manila",
-                                                              },
-                                                              Object {
-                                                                "index": 6,
-                                                                "label": "Hawaii (12:00 AM)",
-                                                                "value": "Pacific/Honolulu",
-                                                              },
-                                                              Object {
-                                                                "index": 100,
-                                                                "label": "Azores (10:00 AM)",
-                                                                "value": "Atlantic/Azores",
-                                                              },
-                                                              Object {
-                                                                "index": 100,
-                                                                "label": "Monrovia (10:00 AM)",
-                                                                "value": "Africa/Monrovia",
-                                                              },
-                                                              Object {
-                                                                "index": 100,
-                                                                "label": "UTC (10:00 AM)",
-                                                                "value": "Etc/UTC",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "Cape Verde Is. (9:00 AM)",
-                                                                "value": "Atlantic/Cape_Verde",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "Dublin (11:00 AM)",
-                                                                "value": "Europe/Dublin",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "Edinburgh (11:00 AM)",
-                                                                "value": "Europe/London",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "Lisbon (11:00 AM)",
-                                                                "value": "Europe/Lisbon",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "London (11:00 AM)",
-                                                                "value": "Europe/London",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "Casablanca (11:00 AM)",
-                                                                "value": "Africa/Casablanca",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "West Central Africa (11:00 AM)",
-                                                                "value": "Africa/Algiers",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Greenland (8:00 AM)",
-                                                                "value": "America/Godthab",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Mid-Atlantic (8:00 AM)",
-                                                                "value": "Atlantic/South_Georgia",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Belgrade (12:00 PM)",
-                                                                "value": "Europe/Belgrade",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Bratislava (12:00 PM)",
-                                                                "value": "Europe/Bratislava",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Budapest (12:00 PM)",
-                                                                "value": "Europe/Budapest",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Ljubljana (12:00 PM)",
-                                                                "value": "Europe/Ljubljana",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Prague (12:00 PM)",
-                                                                "value": "Europe/Prague",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Sarajevo (12:00 PM)",
-                                                                "value": "Europe/Sarajevo",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Skopje (12:00 PM)",
-                                                                "value": "Europe/Skopje",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Warsaw (12:00 PM)",
-                                                                "value": "Europe/Warsaw",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Zagreb (12:00 PM)",
-                                                                "value": "Europe/Zagreb",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Brussels (12:00 PM)",
-                                                                "value": "Europe/Brussels",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Copenhagen (12:00 PM)",
-                                                                "value": "Europe/Copenhagen",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Madrid (12:00 PM)",
-                                                                "value": "Europe/Madrid",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Paris (12:00 PM)",
-                                                                "value": "Europe/Paris",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Amsterdam (12:00 PM)",
-                                                                "value": "Europe/Amsterdam",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Berlin (12:00 PM)",
-                                                                "value": "Europe/Berlin",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Bern (12:00 PM)",
-                                                                "value": "Europe/Zurich",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Zurich (12:00 PM)",
-                                                                "value": "Europe/Zurich",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Rome (12:00 PM)",
-                                                                "value": "Europe/Rome",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Stockholm (12:00 PM)",
-                                                                "value": "Europe/Stockholm",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Vienna (12:00 PM)",
-                                                                "value": "Europe/Vienna",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Cairo (12:00 PM)",
-                                                                "value": "Africa/Cairo",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Harare (12:00 PM)",
-                                                                "value": "Africa/Harare",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Pretoria (12:00 PM)",
-                                                                "value": "Africa/Johannesburg",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Kaliningrad (12:00 PM)",
-                                                                "value": "Europe/Kaliningrad",
-                                                              },
-                                                              Object {
-                                                                "index": 250,
-                                                                "label": "Newfoundland (7:30 AM)",
-                                                                "value": "America/St_Johns",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Atlantic Time (Canada) (7:00 AM)",
-                                                                "value": "America/Halifax",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Brasilia (7:00 AM)",
-                                                                "value": "America/Sao_Paulo",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Buenos Aires (7:00 AM)",
-                                                                "value": "America/Argentina/Buenos_Aires",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Montevideo (7:00 AM)",
-                                                                "value": "America/Montevideo",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Bucharest (1:00 PM)",
-                                                                "value": "Europe/Bucharest",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Helsinki (1:00 PM)",
-                                                                "value": "Europe/Helsinki",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Kyiv (1:00 PM)",
-                                                                "value": "Europe/Kiev",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Riga (1:00 PM)",
-                                                                "value": "Europe/Riga",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Sofia (1:00 PM)",
-                                                                "value": "Europe/Sofia",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Tallinn (1:00 PM)",
-                                                                "value": "Europe/Tallinn",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Vilnius (1:00 PM)",
-                                                                "value": "Europe/Vilnius",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Athens (1:00 PM)",
-                                                                "value": "Europe/Athens",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Istanbul (1:00 PM)",
-                                                                "value": "Europe/Istanbul",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Minsk (1:00 PM)",
-                                                                "value": "Europe/Minsk",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Jerusalem (1:00 PM)",
-                                                                "value": "Asia/Jerusalem",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Moscow (1:00 PM)",
-                                                                "value": "Europe/Moscow",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "St. Petersburg (1:00 PM)",
-                                                                "value": "Europe/Moscow",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Kuwait (1:00 PM)",
-                                                                "value": "Asia/Kuwait",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Riyadh (1:00 PM)",
-                                                                "value": "Asia/Riyadh",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Nairobi (1:00 PM)",
-                                                                "value": "Africa/Nairobi",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Baghdad (1:00 PM)",
-                                                                "value": "Asia/Baghdad",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Caracas (6:00 AM)",
-                                                                "value": "America/Caracas",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "La Paz (6:00 AM)",
-                                                                "value": "America/La_Paz",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Santiago (6:00 AM)",
-                                                                "value": "America/Santiago",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Georgetown (6:00 AM)",
-                                                                "value": "America/Guyana",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Volgograd (2:00 PM)",
-                                                                "value": "Europe/Volgograd",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Samara (2:00 PM)",
-                                                                "value": "Europe/Samara",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Abu Dhabi (2:00 PM)",
-                                                                "value": "Asia/Muscat",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Muscat (2:00 PM)",
-                                                                "value": "Asia/Muscat",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Baku (2:00 PM)",
-                                                                "value": "Asia/Baku",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Tbilisi (2:00 PM)",
-                                                                "value": "Asia/Tbilisi",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Yerevan (2:00 PM)",
-                                                                "value": "Asia/Yerevan",
-                                                              },
-                                                              Object {
-                                                                "index": 370,
-                                                                "label": "Tehran (2:30 PM)",
-                                                                "value": "Asia/Tehran",
-                                                              },
-                                                              Object {
-                                                                "index": 370,
-                                                                "label": "Kabul (2:30 PM)",
-                                                                "value": "Asia/Kabul",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Guadalajara (5:00 AM)",
-                                                                "value": "America/Mexico_City",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Mexico City (5:00 AM)",
-                                                                "value": "America/Mexico_City",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Monterrey (5:00 AM)",
-                                                                "value": "America/Monterrey",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Bogota (5:00 AM)",
-                                                                "value": "America/Bogota",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Lima (5:00 AM)",
-                                                                "value": "America/Lima",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Quito (5:00 AM)",
-                                                                "value": "America/Lima",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Ekaterinburg (3:00 PM)",
-                                                                "value": "Asia/Yekaterinburg",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Islamabad (3:00 PM)",
-                                                                "value": "Asia/Karachi",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Karachi (3:00 PM)",
-                                                                "value": "Asia/Karachi",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Tashkent (3:00 PM)",
-                                                                "value": "Asia/Tashkent",
-                                                              },
-                                                              Object {
-                                                                "index": 430,
-                                                                "label": "Chennai (3:30 PM)",
-                                                                "value": "Asia/Kolkata",
-                                                              },
-                                                              Object {
-                                                                "index": 430,
-                                                                "label": "Kolkata (3:30 PM)",
-                                                                "value": "Asia/Kolkata",
-                                                              },
-                                                              Object {
-                                                                "index": 430,
-                                                                "label": "Mumbai (3:30 PM)",
-                                                                "value": "Asia/Kolkata",
-                                                              },
-                                                              Object {
-                                                                "index": 430,
-                                                                "label": "New Delhi (3:30 PM)",
-                                                                "value": "Asia/Kolkata",
-                                                              },
-                                                              Object {
-                                                                "index": 430,
-                                                                "label": "Sri Jayawardenepura (3:30 PM)",
-                                                                "value": "Asia/Colombo",
-                                                              },
-                                                              Object {
-                                                                "index": 445,
-                                                                "label": "Kathmandu (3:45 PM)",
-                                                                "value": "Asia/Kathmandu",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Chihuahua (4:00 AM)",
-                                                                "value": "America/Chihuahua",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Mazatlan (4:00 AM)",
-                                                                "value": "America/Mazatlan",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Saskatchewan (4:00 AM)",
-                                                                "value": "America/Regina",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Central America (4:00 AM)",
-                                                                "value": "America/Guatemala",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Astana (4:00 PM)",
-                                                                "value": "Asia/Dhaka",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Dhaka (4:00 PM)",
-                                                                "value": "Asia/Dhaka",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Almaty (4:00 PM)",
-                                                                "value": "Asia/Almaty",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Urumqi (4:00 PM)",
-                                                                "value": "Asia/Urumqi",
-                                                              },
-                                                              Object {
-                                                                "index": 490,
-                                                                "label": "Rangoon (4:30 PM)",
-                                                                "value": "Asia/Rangoon",
-                                                              },
-                                                              Object {
-                                                                "index": 520,
-                                                                "label": "Tijuana (3:00 AM)",
-                                                                "value": "America/Tijuana",
-                                                              },
-                                                              Object {
-                                                                "index": 520,
-                                                                "label": "Novosibirsk (5:00 PM)",
-                                                                "value": "Asia/Novosibirsk",
-                                                              },
-                                                              Object {
-                                                                "index": 520,
-                                                                "label": "Bangkok (5:00 PM)",
-                                                                "value": "Asia/Bangkok",
-                                                              },
-                                                              Object {
-                                                                "index": 520,
-                                                                "label": "Hanoi (5:00 PM)",
-                                                                "value": "Asia/Bangkok",
-                                                              },
-                                                              Object {
-                                                                "index": 520,
-                                                                "label": "Jakarta (5:00 PM)",
-                                                                "value": "Asia/Jakarta",
-                                                              },
-                                                              Object {
-                                                                "index": 520,
-                                                                "label": "Krasnoyarsk (5:00 PM)",
-                                                                "value": "Asia/Krasnoyarsk",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Beijing (6:00 PM)",
-                                                                "value": "Asia/Shanghai",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Chongqing (6:00 PM)",
-                                                                "value": "Asia/Chongqing",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Hong Kong (6:00 PM)",
-                                                                "value": "Asia/Hong_Kong",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Kuala Lumpur (6:00 PM)",
-                                                                "value": "Asia/Kuala_Lumpur",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Singapore (6:00 PM)",
-                                                                "value": "Asia/Singapore",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Taipei (6:00 PM)",
-                                                                "value": "Asia/Taipei",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Perth (6:00 PM)",
-                                                                "value": "Australia/Perth",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Irkutsk (6:00 PM)",
-                                                                "value": "Asia/Irkutsk",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Ulaanbaatar (6:00 PM)",
-                                                                "value": "Asia/Ulaanbaatar",
-                                                              },
-                                                              Object {
-                                                                "index": 640,
-                                                                "label": "Seoul (7:00 PM)",
-                                                                "value": "Asia/Seoul",
-                                                              },
-                                                              Object {
-                                                                "index": 640,
-                                                                "label": "Osaka (7:00 PM)",
-                                                                "value": "Asia/Tokyo",
-                                                              },
-                                                              Object {
-                                                                "index": 640,
-                                                                "label": "Sapporo (7:00 PM)",
-                                                                "value": "Asia/Tokyo",
-                                                              },
-                                                              Object {
-                                                                "index": 640,
-                                                                "label": "Tokyo (7:00 PM)",
-                                                                "value": "Asia/Tokyo",
-                                                              },
-                                                              Object {
-                                                                "index": 640,
-                                                                "label": "Yakutsk (7:00 PM)",
-                                                                "value": "Asia/Yakutsk",
-                                                              },
-                                                              Object {
-                                                                "index": 670,
-                                                                "label": "Darwin (7:30 PM)",
-                                                                "value": "Australia/Darwin",
-                                                              },
-                                                              Object {
-                                                                "index": 670,
-                                                                "label": "Adelaide (7:30 PM)",
-                                                                "value": "Australia/Adelaide",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Canberra (8:00 PM)",
-                                                                "value": "Australia/Melbourne",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Melbourne (8:00 PM)",
-                                                                "value": "Australia/Melbourne",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Sydney (8:00 PM)",
-                                                                "value": "Australia/Sydney",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Brisbane (8:00 PM)",
-                                                                "value": "Australia/Brisbane",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Hobart (8:00 PM)",
-                                                                "value": "Australia/Hobart",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Vladivostok (8:00 PM)",
-                                                                "value": "Asia/Vladivostok",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Guam (8:00 PM)",
-                                                                "value": "Pacific/Guam",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Port Moresby (8:00 PM)",
-                                                                "value": "Pacific/Port_Moresby",
-                                                              },
-                                                              Object {
-                                                                "index": 760,
-                                                                "label": "Midway Island (11:00 PM)",
-                                                                "value": "Pacific/Midway",
-                                                              },
-                                                              Object {
-                                                                "index": 760,
-                                                                "label": "American Samoa (11:00 PM)",
-                                                                "value": "Pacific/Pago_Pago",
-                                                              },
-                                                              Object {
-                                                                "index": 760,
-                                                                "label": "Magadan (9:00 PM)",
-                                                                "value": "Asia/Magadan",
-                                                              },
-                                                              Object {
-                                                                "index": 760,
-                                                                "label": "Srednekolymsk (9:00 PM)",
-                                                                "value": "Asia/Srednekolymsk",
-                                                              },
-                                                              Object {
-                                                                "index": 760,
-                                                                "label": "Solomon Is. (9:00 PM)",
-                                                                "value": "Pacific/Guadalcanal",
-                                                              },
-                                                              Object {
-                                                                "index": 760,
-                                                                "label": "New Caledonia (9:00 PM)",
-                                                                "value": "Pacific/Noumea",
-                                                              },
-                                                              Object {
-                                                                "index": 820,
-                                                                "label": "International Date Line West (10:00 PM)",
-                                                                "value": "Etc/GMT+12",
-                                                              },
-                                                              Object {
-                                                                "index": 820,
-                                                                "label": "Fiji (10:00 PM)",
-                                                                "value": "Pacific/Fiji",
-                                                              },
-                                                              Object {
-                                                                "index": 820,
-                                                                "label": "Kamchatka (10:00 PM)",
-                                                                "value": "Asia/Kamchatka",
-                                                              },
-                                                              Object {
-                                                                "index": 820,
-                                                                "label": "Marshall Is. (10:00 PM)",
-                                                                "value": "Pacific/Majuro",
-                                                              },
-                                                              Object {
-                                                                "index": 820,
-                                                                "label": "Auckland (10:00 PM)",
-                                                                "value": "Pacific/Auckland",
-                                                              },
-                                                              Object {
-                                                                "index": 820,
-                                                                "label": "Wellington (10:00 PM)",
-                                                                "value": "Pacific/Auckland",
-                                                              },
-                                                              Object {
-                                                                "index": 865,
-                                                                "label": "Chatham Is. (10:45 PM)",
-                                                                "value": "Pacific/Chatham",
-                                                              },
-                                                              Object {
-                                                                "index": 880,
-                                                                "label": "Nuku'alofa (11:00 PM)",
-                                                                "value": "Pacific/Tongatapu",
-                                                              },
-                                                              Object {
-                                                                "index": 880,
-                                                                "label": "Tokelau Is. (11:00 PM)",
-                                                                "value": "Pacific/Fakaofo",
-                                                              },
-                                                              Object {
-                                                                "index": 880,
-                                                                "label": "Samoa (11:00 PM)",
-                                                                "value": "Pacific/Apia",
-                                                              },
-                                                            ]
+                                                        >
+                                                          <div
+                                                            className="cf-select__single-value css-1uccc91-singleValue"
+                                                          />
+                                                        </EmotionCssPropInternal>
+                                                      </SingleValue>
+                                                      <CustomInput
+                                                        aria-autocomplete="list"
+                                                        autoCapitalize="none"
+                                                        autoComplete="off"
+                                                        autoCorrect="off"
+                                                        cx={[Function]}
+                                                        getStyles={[Function]}
+                                                        id="judge-dropdown"
+                                                        innerRef={[Function]}
+                                                        isDisabled={false}
+                                                        isHidden={false}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        selectProps={
+                                                          Object {
+                                                            "backspaceRemovesValue": true,
+                                                            "blurInputOnSelect": true,
+                                                            "cache": false,
+                                                            "captureMenuScroll": false,
+                                                            "classNamePrefix": "cf-select",
+                                                            "closeMenuOnScroll": false,
+                                                            "closeMenuOnSelect": true,
+                                                            "components": Object {
+                                                              "Input": [Function],
+                                                              "MenuList": [Function],
+                                                              "Option": [Function],
+                                                            },
+                                                            "controlShouldRenderValue": true,
+                                                            "defaultOptions": undefined,
+                                                            "escapeClearsValue": false,
+                                                            "filterOption": [Function],
+                                                            "formatGroupLabel": [Function],
+                                                            "getOptionLabel": [Function],
+                                                            "getOptionValue": [Function],
+                                                            "inputId": "judge-dropdown",
+                                                            "inputValue": "",
+                                                            "isClearable": undefined,
+                                                            "isDisabled": false,
+                                                            "isLoading": false,
+                                                            "isMulti": false,
+                                                            "isOptionDisabled": [Function],
+                                                            "isRtl": false,
+                                                            "isSearchable": true,
+                                                            "loadOptions": undefined,
+                                                            "loadingMessage": [Function],
+                                                            "maxMenuHeight": 300,
+                                                            "menuIsOpen": false,
+                                                            "menuPlacement": "bottom",
+                                                            "menuPosition": "absolute",
+                                                            "menuShouldBlockScroll": false,
+                                                            "menuShouldScrollIntoView": true,
+                                                            "minMenuHeight": 140,
+                                                            "name": "judgeDropdown",
+                                                            "noOptionsMessage": [Function],
+                                                            "onBlurResetsInput": false,
+                                                            "onChange": [Function],
+                                                            "onInputChange": [Function],
+                                                            "onMenuClose": [Function],
+                                                            "onMenuOpen": [Function],
+                                                            "openMenuOnClick": true,
+                                                            "openMenuOnFocus": false,
+                                                            "options": Array [],
+                                                            "pageSize": 5,
+                                                            "placeholder": "Select...",
+                                                            "screenReaderStatus": [Function],
+                                                            "searchable": undefined,
+                                                            "shouldKeyDownEventCreateNewOption": [Function],
+                                                            "styles": Object {
+                                                              "input": [Function],
+                                                            },
+                                                            "tabIndex": "0",
+                                                            "tabSelectsValue": true,
+                                                            "value": Object {
+                                                              "label": null,
+                                                              "value": null,
+                                                            },
+                                                          }
+                                                        }
+                                                        spellCheck="false"
+                                                        tabIndex="0"
+                                                        theme={
+                                                          Object {
+                                                            "borderRadius": 4,
+                                                            "colors": Object {
+                                                              "danger": "#DE350B",
+                                                              "dangerLight": "#FFBDAD",
+                                                              "neutral0": "hsl(0, 0%, 100%)",
+                                                              "neutral10": "hsl(0, 0%, 90%)",
+                                                              "neutral20": "hsl(0, 0%, 80%)",
+                                                              "neutral30": "hsl(0, 0%, 70%)",
+                                                              "neutral40": "hsl(0, 0%, 60%)",
+                                                              "neutral5": "hsl(0, 0%, 95%)",
+                                                              "neutral50": "hsl(0, 0%, 50%)",
+                                                              "neutral60": "hsl(0, 0%, 40%)",
+                                                              "neutral70": "hsl(0, 0%, 30%)",
+                                                              "neutral80": "hsl(0, 0%, 20%)",
+                                                              "neutral90": "hsl(0, 0%, 10%)",
+                                                              "primary": "#2684FF",
+                                                              "primary25": "#DEEBFF",
+                                                              "primary50": "#B2D4FF",
+                                                              "primary75": "#4C9AFF",
+                                                            },
+                                                            "spacing": Object {
+                                                              "baseUnit": 4,
+                                                              "controlHeight": 38,
+                                                              "menuGutter": 8,
+                                                            },
                                                           }
-                                                          selectOption={[Function]}
+                                                        }
+                                                        type="text"
+                                                        value=""
+                                                      >
+                                                        <Input
+                                                          aria-autocomplete="list"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-labelledby="judge-dropdown-label"
+                                                          aria-owns="judge-dropdown-listbox"
+                                                          autoCapitalize="none"
+                                                          autoComplete="off"
+                                                          autoCorrect="off"
+                                                          cx={[Function]}
+                                                          getStyles={[Function]}
+                                                          id="judge-dropdown"
+                                                          innerRef={[Function]}
+                                                          isDisabled={false}
+                                                          isHidden={false}
+                                                          onBlur={[Function]}
+                                                          onChange={[Function]}
+                                                          onFocus={[Function]}
+                                                          role="combobox"
                                                           selectProps={
                                                             Object {
                                                               "backspaceRemovesValue": true,
@@ -287668,7 +276787,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "formatGroupLabel": [Function],
                                                               "getOptionLabel": [Function],
                                                               "getOptionValue": [Function],
-                                                              "inputId": "appellant-tz",
+                                                              "inputId": "judge-dropdown",
                                                               "inputValue": "",
                                                               "isClearable": undefined,
                                                               "isDisabled": false,
@@ -287686,7 +276805,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "menuShouldBlockScroll": false,
                                                               "menuShouldScrollIntoView": true,
                                                               "minMenuHeight": 140,
-                                                              "name": "appellantTz",
+                                                              "name": "judgeDropdown",
                                                               "noOptionsMessage": [Function],
                                                               "onBlurResetsInput": false,
                                                               "onChange": [Function],
@@ -287695,774 +276814,9 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "onMenuOpen": [Function],
                                                               "openMenuOnClick": true,
                                                               "openMenuOnFocus": false,
-                                                              "options": Array [
-                                                                Object {
-                                                                  "label": "",
-                                                                  "value": null,
-                                                                },
-                                                                Object {
-                                                                  "index": -3,
-                                                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
-                                                                  "value": "America/New_York",
-                                                                },
-                                                                Object {
-                                                                  "index": -2,
-                                                                  "label": "Central Time (US & Canada) (5:00 AM)",
-                                                                  "value": "America/Chicago",
-                                                                },
-                                                                Object {
-                                                                  "index": -1,
-                                                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
-                                                                  "value": "America/Denver",
-                                                                },
-                                                                Object {
-                                                                  "index": -0,
-                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                                  "value": "America/Los_Angeles",
-                                                                },
-                                                                Object {
-                                                                  "index": 2.4,
-                                                                  "label": "Indiana (East) (6:00 AM)",
-                                                                  "value": "America/Indiana/Indianapolis",
-                                                                },
-                                                                Object {
-                                                                  "index": 2.4,
-                                                                  "label": "Puerto Rico (6:00 AM)",
-                                                                  "value": "America/Puerto_Rico",
-                                                                },
-                                                                Object {
-                                                                  "index": 4.2,
-                                                                  "label": "Arizona (3:00 AM)",
-                                                                  "value": "America/Phoenix",
-                                                                },
-                                                                Object {
-                                                                  "index": 4.8,
-                                                                  "label": "Alaska (2:00 AM)",
-                                                                  "value": "America/Juneau",
-                                                                },
-                                                                Object {
-                                                                  "index": 4.8,
-                                                                  "label": "Philippine Standard Time (6:00 PM)",
-                                                                  "value": "Asia/Manila",
-                                                                },
-                                                                Object {
-                                                                  "index": 6,
-                                                                  "label": "Hawaii (12:00 AM)",
-                                                                  "value": "Pacific/Honolulu",
-                                                                },
-                                                                Object {
-                                                                  "index": 100,
-                                                                  "label": "Azores (10:00 AM)",
-                                                                  "value": "Atlantic/Azores",
-                                                                },
-                                                                Object {
-                                                                  "index": 100,
-                                                                  "label": "Monrovia (10:00 AM)",
-                                                                  "value": "Africa/Monrovia",
-                                                                },
-                                                                Object {
-                                                                  "index": 100,
-                                                                  "label": "UTC (10:00 AM)",
-                                                                  "value": "Etc/UTC",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Cape Verde Is. (9:00 AM)",
-                                                                  "value": "Atlantic/Cape_Verde",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Dublin (11:00 AM)",
-                                                                  "value": "Europe/Dublin",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Edinburgh (11:00 AM)",
-                                                                  "value": "Europe/London",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Lisbon (11:00 AM)",
-                                                                  "value": "Europe/Lisbon",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "London (11:00 AM)",
-                                                                  "value": "Europe/London",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Casablanca (11:00 AM)",
-                                                                  "value": "Africa/Casablanca",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "West Central Africa (11:00 AM)",
-                                                                  "value": "Africa/Algiers",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Greenland (8:00 AM)",
-                                                                  "value": "America/Godthab",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Mid-Atlantic (8:00 AM)",
-                                                                  "value": "Atlantic/South_Georgia",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Belgrade (12:00 PM)",
-                                                                  "value": "Europe/Belgrade",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Bratislava (12:00 PM)",
-                                                                  "value": "Europe/Bratislava",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Budapest (12:00 PM)",
-                                                                  "value": "Europe/Budapest",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Ljubljana (12:00 PM)",
-                                                                  "value": "Europe/Ljubljana",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Prague (12:00 PM)",
-                                                                  "value": "Europe/Prague",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Sarajevo (12:00 PM)",
-                                                                  "value": "Europe/Sarajevo",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Skopje (12:00 PM)",
-                                                                  "value": "Europe/Skopje",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Warsaw (12:00 PM)",
-                                                                  "value": "Europe/Warsaw",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Zagreb (12:00 PM)",
-                                                                  "value": "Europe/Zagreb",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Brussels (12:00 PM)",
-                                                                  "value": "Europe/Brussels",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Copenhagen (12:00 PM)",
-                                                                  "value": "Europe/Copenhagen",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Madrid (12:00 PM)",
-                                                                  "value": "Europe/Madrid",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Paris (12:00 PM)",
-                                                                  "value": "Europe/Paris",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Amsterdam (12:00 PM)",
-                                                                  "value": "Europe/Amsterdam",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Berlin (12:00 PM)",
-                                                                  "value": "Europe/Berlin",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Bern (12:00 PM)",
-                                                                  "value": "Europe/Zurich",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Zurich (12:00 PM)",
-                                                                  "value": "Europe/Zurich",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Rome (12:00 PM)",
-                                                                  "value": "Europe/Rome",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Stockholm (12:00 PM)",
-                                                                  "value": "Europe/Stockholm",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Vienna (12:00 PM)",
-                                                                  "value": "Europe/Vienna",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Cairo (12:00 PM)",
-                                                                  "value": "Africa/Cairo",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Harare (12:00 PM)",
-                                                                  "value": "Africa/Harare",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Pretoria (12:00 PM)",
-                                                                  "value": "Africa/Johannesburg",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Kaliningrad (12:00 PM)",
-                                                                  "value": "Europe/Kaliningrad",
-                                                                },
-                                                                Object {
-                                                                  "index": 250,
-                                                                  "label": "Newfoundland (7:30 AM)",
-                                                                  "value": "America/St_Johns",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Atlantic Time (Canada) (7:00 AM)",
-                                                                  "value": "America/Halifax",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Brasilia (7:00 AM)",
-                                                                  "value": "America/Sao_Paulo",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Buenos Aires (7:00 AM)",
-                                                                  "value": "America/Argentina/Buenos_Aires",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Montevideo (7:00 AM)",
-                                                                  "value": "America/Montevideo",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Bucharest (1:00 PM)",
-                                                                  "value": "Europe/Bucharest",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Helsinki (1:00 PM)",
-                                                                  "value": "Europe/Helsinki",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Kyiv (1:00 PM)",
-                                                                  "value": "Europe/Kiev",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Riga (1:00 PM)",
-                                                                  "value": "Europe/Riga",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Sofia (1:00 PM)",
-                                                                  "value": "Europe/Sofia",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Tallinn (1:00 PM)",
-                                                                  "value": "Europe/Tallinn",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Vilnius (1:00 PM)",
-                                                                  "value": "Europe/Vilnius",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Athens (1:00 PM)",
-                                                                  "value": "Europe/Athens",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Istanbul (1:00 PM)",
-                                                                  "value": "Europe/Istanbul",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Minsk (1:00 PM)",
-                                                                  "value": "Europe/Minsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Jerusalem (1:00 PM)",
-                                                                  "value": "Asia/Jerusalem",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Moscow (1:00 PM)",
-                                                                  "value": "Europe/Moscow",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "St. Petersburg (1:00 PM)",
-                                                                  "value": "Europe/Moscow",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Kuwait (1:00 PM)",
-                                                                  "value": "Asia/Kuwait",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Riyadh (1:00 PM)",
-                                                                  "value": "Asia/Riyadh",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Nairobi (1:00 PM)",
-                                                                  "value": "Africa/Nairobi",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Baghdad (1:00 PM)",
-                                                                  "value": "Asia/Baghdad",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Caracas (6:00 AM)",
-                                                                  "value": "America/Caracas",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "La Paz (6:00 AM)",
-                                                                  "value": "America/La_Paz",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Santiago (6:00 AM)",
-                                                                  "value": "America/Santiago",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Georgetown (6:00 AM)",
-                                                                  "value": "America/Guyana",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Volgograd (2:00 PM)",
-                                                                  "value": "Europe/Volgograd",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Samara (2:00 PM)",
-                                                                  "value": "Europe/Samara",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Abu Dhabi (2:00 PM)",
-                                                                  "value": "Asia/Muscat",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Muscat (2:00 PM)",
-                                                                  "value": "Asia/Muscat",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Baku (2:00 PM)",
-                                                                  "value": "Asia/Baku",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Tbilisi (2:00 PM)",
-                                                                  "value": "Asia/Tbilisi",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Yerevan (2:00 PM)",
-                                                                  "value": "Asia/Yerevan",
-                                                                },
-                                                                Object {
-                                                                  "index": 370,
-                                                                  "label": "Tehran (2:30 PM)",
-                                                                  "value": "Asia/Tehran",
-                                                                },
-                                                                Object {
-                                                                  "index": 370,
-                                                                  "label": "Kabul (2:30 PM)",
-                                                                  "value": "Asia/Kabul",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Guadalajara (5:00 AM)",
-                                                                  "value": "America/Mexico_City",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Mexico City (5:00 AM)",
-                                                                  "value": "America/Mexico_City",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Monterrey (5:00 AM)",
-                                                                  "value": "America/Monterrey",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Bogota (5:00 AM)",
-                                                                  "value": "America/Bogota",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Lima (5:00 AM)",
-                                                                  "value": "America/Lima",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Quito (5:00 AM)",
-                                                                  "value": "America/Lima",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Ekaterinburg (3:00 PM)",
-                                                                  "value": "Asia/Yekaterinburg",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Islamabad (3:00 PM)",
-                                                                  "value": "Asia/Karachi",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Karachi (3:00 PM)",
-                                                                  "value": "Asia/Karachi",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Tashkent (3:00 PM)",
-                                                                  "value": "Asia/Tashkent",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "Chennai (3:30 PM)",
-                                                                  "value": "Asia/Kolkata",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "Kolkata (3:30 PM)",
-                                                                  "value": "Asia/Kolkata",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "Mumbai (3:30 PM)",
-                                                                  "value": "Asia/Kolkata",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "New Delhi (3:30 PM)",
-                                                                  "value": "Asia/Kolkata",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "Sri Jayawardenepura (3:30 PM)",
-                                                                  "value": "Asia/Colombo",
-                                                                },
-                                                                Object {
-                                                                  "index": 445,
-                                                                  "label": "Kathmandu (3:45 PM)",
-                                                                  "value": "Asia/Kathmandu",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Chihuahua (4:00 AM)",
-                                                                  "value": "America/Chihuahua",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Mazatlan (4:00 AM)",
-                                                                  "value": "America/Mazatlan",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Saskatchewan (4:00 AM)",
-                                                                  "value": "America/Regina",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Central America (4:00 AM)",
-                                                                  "value": "America/Guatemala",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Astana (4:00 PM)",
-                                                                  "value": "Asia/Dhaka",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Dhaka (4:00 PM)",
-                                                                  "value": "Asia/Dhaka",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Almaty (4:00 PM)",
-                                                                  "value": "Asia/Almaty",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Urumqi (4:00 PM)",
-                                                                  "value": "Asia/Urumqi",
-                                                                },
-                                                                Object {
-                                                                  "index": 490,
-                                                                  "label": "Rangoon (4:30 PM)",
-                                                                  "value": "Asia/Rangoon",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Tijuana (3:00 AM)",
-                                                                  "value": "America/Tijuana",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Novosibirsk (5:00 PM)",
-                                                                  "value": "Asia/Novosibirsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Bangkok (5:00 PM)",
-                                                                  "value": "Asia/Bangkok",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Hanoi (5:00 PM)",
-                                                                  "value": "Asia/Bangkok",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Jakarta (5:00 PM)",
-                                                                  "value": "Asia/Jakarta",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Krasnoyarsk (5:00 PM)",
-                                                                  "value": "Asia/Krasnoyarsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Beijing (6:00 PM)",
-                                                                  "value": "Asia/Shanghai",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Chongqing (6:00 PM)",
-                                                                  "value": "Asia/Chongqing",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Hong Kong (6:00 PM)",
-                                                                  "value": "Asia/Hong_Kong",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Kuala Lumpur (6:00 PM)",
-                                                                  "value": "Asia/Kuala_Lumpur",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Singapore (6:00 PM)",
-                                                                  "value": "Asia/Singapore",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Taipei (6:00 PM)",
-                                                                  "value": "Asia/Taipei",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Perth (6:00 PM)",
-                                                                  "value": "Australia/Perth",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Irkutsk (6:00 PM)",
-                                                                  "value": "Asia/Irkutsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Ulaanbaatar (6:00 PM)",
-                                                                  "value": "Asia/Ulaanbaatar",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Seoul (7:00 PM)",
-                                                                  "value": "Asia/Seoul",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Osaka (7:00 PM)",
-                                                                  "value": "Asia/Tokyo",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Sapporo (7:00 PM)",
-                                                                  "value": "Asia/Tokyo",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Tokyo (7:00 PM)",
-                                                                  "value": "Asia/Tokyo",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Yakutsk (7:00 PM)",
-                                                                  "value": "Asia/Yakutsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 670,
-                                                                  "label": "Darwin (7:30 PM)",
-                                                                  "value": "Australia/Darwin",
-                                                                },
-                                                                Object {
-                                                                  "index": 670,
-                                                                  "label": "Adelaide (7:30 PM)",
-                                                                  "value": "Australia/Adelaide",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Canberra (8:00 PM)",
-                                                                  "value": "Australia/Melbourne",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Melbourne (8:00 PM)",
-                                                                  "value": "Australia/Melbourne",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Sydney (8:00 PM)",
-                                                                  "value": "Australia/Sydney",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Brisbane (8:00 PM)",
-                                                                  "value": "Australia/Brisbane",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Hobart (8:00 PM)",
-                                                                  "value": "Australia/Hobart",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Vladivostok (8:00 PM)",
-                                                                  "value": "Asia/Vladivostok",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Guam (8:00 PM)",
-                                                                  "value": "Pacific/Guam",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Port Moresby (8:00 PM)",
-                                                                  "value": "Pacific/Port_Moresby",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "Midway Island (11:00 PM)",
-                                                                  "value": "Pacific/Midway",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "American Samoa (11:00 PM)",
-                                                                  "value": "Pacific/Pago_Pago",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "Magadan (9:00 PM)",
-                                                                  "value": "Asia/Magadan",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "Srednekolymsk (9:00 PM)",
-                                                                  "value": "Asia/Srednekolymsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "Solomon Is. (9:00 PM)",
-                                                                  "value": "Pacific/Guadalcanal",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "New Caledonia (9:00 PM)",
-                                                                  "value": "Pacific/Noumea",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "International Date Line West (10:00 PM)",
-                                                                  "value": "Etc/GMT+12",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Fiji (10:00 PM)",
-                                                                  "value": "Pacific/Fiji",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Kamchatka (10:00 PM)",
-                                                                  "value": "Asia/Kamchatka",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Marshall Is. (10:00 PM)",
-                                                                  "value": "Pacific/Majuro",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Auckland (10:00 PM)",
-                                                                  "value": "Pacific/Auckland",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Wellington (10:00 PM)",
-                                                                  "value": "Pacific/Auckland",
-                                                                },
-                                                                Object {
-                                                                  "index": 865,
-                                                                  "label": "Chatham Is. (10:45 PM)",
-                                                                  "value": "Pacific/Chatham",
-                                                                },
-                                                                Object {
-                                                                  "index": 880,
-                                                                  "label": "Nuku'alofa (11:00 PM)",
-                                                                  "value": "Pacific/Tongatapu",
-                                                                },
-                                                                Object {
-                                                                  "index": 880,
-                                                                  "label": "Tokelau Is. (11:00 PM)",
-                                                                  "value": "Pacific/Fakaofo",
-                                                                },
-                                                                Object {
-                                                                  "index": 880,
-                                                                  "label": "Samoa (11:00 PM)",
-                                                                  "value": "Pacific/Apia",
-                                                                },
-                                                              ],
+                                                              "options": Array [],
                                                               "pageSize": 5,
-                                                              "placeholder": "Select a timezone",
+                                                              "placeholder": "Select...",
                                                               "screenReaderStatus": [Function],
                                                               "searchable": undefined,
                                                               "shouldKeyDownEventCreateNewOption": [Function],
@@ -288472,7101 +276826,8494 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "tabIndex": "0",
                                                               "tabSelectsValue": true,
                                                               "value": Object {
-                                                                "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                                "value": "America/Los_Angeles",
+                                                                "label": null,
+                                                                "value": null,
+                                                              },
+                                                            }
+                                                          }
+                                                          spellCheck="false"
+                                                          tabIndex="0"
+                                                          theme={
+                                                            Object {
+                                                              "borderRadius": 4,
+                                                              "colors": Object {
+                                                                "danger": "#DE350B",
+                                                                "dangerLight": "#FFBDAD",
+                                                                "neutral0": "hsl(0, 0%, 100%)",
+                                                                "neutral10": "hsl(0, 0%, 90%)",
+                                                                "neutral20": "hsl(0, 0%, 80%)",
+                                                                "neutral30": "hsl(0, 0%, 70%)",
+                                                                "neutral40": "hsl(0, 0%, 60%)",
+                                                                "neutral5": "hsl(0, 0%, 95%)",
+                                                                "neutral50": "hsl(0, 0%, 50%)",
+                                                                "neutral60": "hsl(0, 0%, 40%)",
+                                                                "neutral70": "hsl(0, 0%, 30%)",
+                                                                "neutral80": "hsl(0, 0%, 20%)",
+                                                                "neutral90": "hsl(0, 0%, 10%)",
+                                                                "primary": "#2684FF",
+                                                                "primary25": "#DEEBFF",
+                                                                "primary50": "#B2D4FF",
+                                                                "primary75": "#4C9AFF",
+                                                              },
+                                                              "spacing": Object {
+                                                                "baseUnit": 4,
+                                                                "controlHeight": 38,
+                                                                "menuGutter": 8,
+                                                              },
+                                                            }
+                                                          }
+                                                          type="text"
+                                                          value=""
+                                                        >
+                                                          <EmotionCssPropInternal
+                                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Input"
+                                                            __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                            css={
+                                                              Object {
+                                                                "height": "44px",
+                                                              }
+                                                            }
+                                                          >
+                                                            <div
+                                                              className="css-81nyic-Input"
+                                                            >
+                                                              <AutosizeInput
+                                                                aria-autocomplete="list"
+                                                                aria-expanded={false}
+                                                                aria-haspopup={true}
+                                                                aria-labelledby="judge-dropdown-label"
+                                                                aria-owns="judge-dropdown-listbox"
+                                                                autoCapitalize="none"
+                                                                autoComplete="off"
+                                                                autoCorrect="off"
+                                                                className="cf-select__input"
+                                                                disabled={false}
+                                                                id="judge-dropdown"
+                                                                injectStyles={true}
+                                                                inputRef={[Function]}
+                                                                inputStyle={
+                                                                  Object {
+                                                                    "background": 0,
+                                                                    "border": 0,
+                                                                    "color": "inherit",
+                                                                    "fontSize": "inherit",
+                                                                    "label": "input",
+                                                                    "opacity": 1,
+                                                                    "outline": 0,
+                                                                    "padding": 0,
+                                                                  }
+                                                                }
+                                                                minWidth={1}
+                                                                onBlur={[Function]}
+                                                                onChange={[Function]}
+                                                                onFocus={[Function]}
+                                                                role="combobox"
+                                                                spellCheck="false"
+                                                                tabIndex="0"
+                                                                type="text"
+                                                                value=""
+                                                              >
+                                                                <div
+                                                                  className="cf-select__input"
+                                                                  style={
+                                                                    Object {
+                                                                      "display": "inline-block",
+                                                                    }
+                                                                  }
+                                                                >
+                                                                  <input
+                                                                    aria-autocomplete="list"
+                                                                    aria-expanded={false}
+                                                                    aria-haspopup={true}
+                                                                    aria-labelledby="judge-dropdown-label"
+                                                                    aria-owns="judge-dropdown-listbox"
+                                                                    autoCapitalize="none"
+                                                                    autoComplete="off"
+                                                                    autoCorrect="off"
+                                                                    disabled={false}
+                                                                    id="judge-dropdown"
+                                                                    onBlur={[Function]}
+                                                                    onChange={[Function]}
+                                                                    onFocus={[Function]}
+                                                                    role="combobox"
+                                                                    spellCheck="false"
+                                                                    style={
+                                                                      Object {
+                                                                        "background": 0,
+                                                                        "border": 0,
+                                                                        "boxSizing": "content-box",
+                                                                        "color": "inherit",
+                                                                        "fontSize": "inherit",
+                                                                        "label": "input",
+                                                                        "opacity": 1,
+                                                                        "outline": 0,
+                                                                        "padding": 0,
+                                                                        "width": "2px",
+                                                                      }
+                                                                    }
+                                                                    tabIndex="0"
+                                                                    type="text"
+                                                                    value=""
+                                                                  />
+                                                                  <div
+                                                                    style={
+                                                                      Object {
+                                                                        "height": 0,
+                                                                        "left": 0,
+                                                                        "overflow": "scroll",
+                                                                        "position": "absolute",
+                                                                        "top": 0,
+                                                                        "visibility": "hidden",
+                                                                        "whiteSpace": "pre",
+                                                                      }
+                                                                    }
+                                                                  />
+                                                                </div>
+                                                              </AutosizeInput>
+                                                            </div>
+                                                          </EmotionCssPropInternal>
+                                                        </Input>
+                                                      </CustomInput>
+                                                    </div>
+                                                  </EmotionCssPropInternal>
+                                                </ValueContainer>
+                                                <IndicatorsContainer
+                                                  clearValue={[Function]}
+                                                  cx={[Function]}
+                                                  getStyles={[Function]}
+                                                  getValue={[Function]}
+                                                  hasValue={true}
+                                                  isDisabled={false}
+                                                  isMulti={false}
+                                                  isRtl={false}
+                                                  options={Array []}
+                                                  selectOption={[Function]}
+                                                  selectProps={
+                                                    Object {
+                                                      "backspaceRemovesValue": true,
+                                                      "blurInputOnSelect": true,
+                                                      "cache": false,
+                                                      "captureMenuScroll": false,
+                                                      "classNamePrefix": "cf-select",
+                                                      "closeMenuOnScroll": false,
+                                                      "closeMenuOnSelect": true,
+                                                      "components": Object {
+                                                        "Input": [Function],
+                                                        "MenuList": [Function],
+                                                        "Option": [Function],
+                                                      },
+                                                      "controlShouldRenderValue": true,
+                                                      "defaultOptions": undefined,
+                                                      "escapeClearsValue": false,
+                                                      "filterOption": [Function],
+                                                      "formatGroupLabel": [Function],
+                                                      "getOptionLabel": [Function],
+                                                      "getOptionValue": [Function],
+                                                      "inputId": "judge-dropdown",
+                                                      "inputValue": "",
+                                                      "isClearable": undefined,
+                                                      "isDisabled": false,
+                                                      "isLoading": false,
+                                                      "isMulti": false,
+                                                      "isOptionDisabled": [Function],
+                                                      "isRtl": false,
+                                                      "isSearchable": true,
+                                                      "loadOptions": undefined,
+                                                      "loadingMessage": [Function],
+                                                      "maxMenuHeight": 300,
+                                                      "menuIsOpen": false,
+                                                      "menuPlacement": "bottom",
+                                                      "menuPosition": "absolute",
+                                                      "menuShouldBlockScroll": false,
+                                                      "menuShouldScrollIntoView": true,
+                                                      "minMenuHeight": 140,
+                                                      "name": "judgeDropdown",
+                                                      "noOptionsMessage": [Function],
+                                                      "onBlurResetsInput": false,
+                                                      "onChange": [Function],
+                                                      "onInputChange": [Function],
+                                                      "onMenuClose": [Function],
+                                                      "onMenuOpen": [Function],
+                                                      "openMenuOnClick": true,
+                                                      "openMenuOnFocus": false,
+                                                      "options": Array [],
+                                                      "pageSize": 5,
+                                                      "placeholder": "Select...",
+                                                      "screenReaderStatus": [Function],
+                                                      "searchable": undefined,
+                                                      "shouldKeyDownEventCreateNewOption": [Function],
+                                                      "styles": Object {
+                                                        "input": [Function],
+                                                      },
+                                                      "tabIndex": "0",
+                                                      "tabSelectsValue": true,
+                                                      "value": Object {
+                                                        "label": null,
+                                                        "value": null,
+                                                      },
+                                                    }
+                                                  }
+                                                  setValue={[Function]}
+                                                  theme={
+                                                    Object {
+                                                      "borderRadius": 4,
+                                                      "colors": Object {
+                                                        "danger": "#DE350B",
+                                                        "dangerLight": "#FFBDAD",
+                                                        "neutral0": "hsl(0, 0%, 100%)",
+                                                        "neutral10": "hsl(0, 0%, 90%)",
+                                                        "neutral20": "hsl(0, 0%, 80%)",
+                                                        "neutral30": "hsl(0, 0%, 70%)",
+                                                        "neutral40": "hsl(0, 0%, 60%)",
+                                                        "neutral5": "hsl(0, 0%, 95%)",
+                                                        "neutral50": "hsl(0, 0%, 50%)",
+                                                        "neutral60": "hsl(0, 0%, 40%)",
+                                                        "neutral70": "hsl(0, 0%, 30%)",
+                                                        "neutral80": "hsl(0, 0%, 20%)",
+                                                        "neutral90": "hsl(0, 0%, 10%)",
+                                                        "primary": "#2684FF",
+                                                        "primary25": "#DEEBFF",
+                                                        "primary50": "#B2D4FF",
+                                                        "primary75": "#4C9AFF",
+                                                      },
+                                                      "spacing": Object {
+                                                        "baseUnit": 4,
+                                                        "controlHeight": 38,
+                                                        "menuGutter": 8,
+                                                      },
+                                                    }
+                                                  }
+                                                >
+                                                  <EmotionCssPropInternal
+                                                    __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorsContainer"
+                                                    __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                    className="cf-select__indicators"
+                                                    css={
+                                                      Object {
+                                                        "alignItems": "center",
+                                                        "alignSelf": "stretch",
+                                                        "boxSizing": "border-box",
+                                                        "display": "flex",
+                                                        "flexShrink": 0,
+                                                      }
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="cf-select__indicators css-1hb7zxy-IndicatorsContainer"
+                                                    >
+                                                      <IndicatorSeparator
+                                                        clearValue={[Function]}
+                                                        cx={[Function]}
+                                                        getStyles={[Function]}
+                                                        getValue={[Function]}
+                                                        hasValue={true}
+                                                        isDisabled={false}
+                                                        isFocused={false}
+                                                        isMulti={false}
+                                                        isRtl={false}
+                                                        options={Array []}
+                                                        selectOption={[Function]}
+                                                        selectProps={
+                                                          Object {
+                                                            "backspaceRemovesValue": true,
+                                                            "blurInputOnSelect": true,
+                                                            "cache": false,
+                                                            "captureMenuScroll": false,
+                                                            "classNamePrefix": "cf-select",
+                                                            "closeMenuOnScroll": false,
+                                                            "closeMenuOnSelect": true,
+                                                            "components": Object {
+                                                              "Input": [Function],
+                                                              "MenuList": [Function],
+                                                              "Option": [Function],
+                                                            },
+                                                            "controlShouldRenderValue": true,
+                                                            "defaultOptions": undefined,
+                                                            "escapeClearsValue": false,
+                                                            "filterOption": [Function],
+                                                            "formatGroupLabel": [Function],
+                                                            "getOptionLabel": [Function],
+                                                            "getOptionValue": [Function],
+                                                            "inputId": "judge-dropdown",
+                                                            "inputValue": "",
+                                                            "isClearable": undefined,
+                                                            "isDisabled": false,
+                                                            "isLoading": false,
+                                                            "isMulti": false,
+                                                            "isOptionDisabled": [Function],
+                                                            "isRtl": false,
+                                                            "isSearchable": true,
+                                                            "loadOptions": undefined,
+                                                            "loadingMessage": [Function],
+                                                            "maxMenuHeight": 300,
+                                                            "menuIsOpen": false,
+                                                            "menuPlacement": "bottom",
+                                                            "menuPosition": "absolute",
+                                                            "menuShouldBlockScroll": false,
+                                                            "menuShouldScrollIntoView": true,
+                                                            "minMenuHeight": 140,
+                                                            "name": "judgeDropdown",
+                                                            "noOptionsMessage": [Function],
+                                                            "onBlurResetsInput": false,
+                                                            "onChange": [Function],
+                                                            "onInputChange": [Function],
+                                                            "onMenuClose": [Function],
+                                                            "onMenuOpen": [Function],
+                                                            "openMenuOnClick": true,
+                                                            "openMenuOnFocus": false,
+                                                            "options": Array [],
+                                                            "pageSize": 5,
+                                                            "placeholder": "Select...",
+                                                            "screenReaderStatus": [Function],
+                                                            "searchable": undefined,
+                                                            "shouldKeyDownEventCreateNewOption": [Function],
+                                                            "styles": Object {
+                                                              "input": [Function],
+                                                            },
+                                                            "tabIndex": "0",
+                                                            "tabSelectsValue": true,
+                                                            "value": Object {
+                                                              "label": null,
+                                                              "value": null,
+                                                            },
+                                                          }
+                                                        }
+                                                        setValue={[Function]}
+                                                        theme={
+                                                          Object {
+                                                            "borderRadius": 4,
+                                                            "colors": Object {
+                                                              "danger": "#DE350B",
+                                                              "dangerLight": "#FFBDAD",
+                                                              "neutral0": "hsl(0, 0%, 100%)",
+                                                              "neutral10": "hsl(0, 0%, 90%)",
+                                                              "neutral20": "hsl(0, 0%, 80%)",
+                                                              "neutral30": "hsl(0, 0%, 70%)",
+                                                              "neutral40": "hsl(0, 0%, 60%)",
+                                                              "neutral5": "hsl(0, 0%, 95%)",
+                                                              "neutral50": "hsl(0, 0%, 50%)",
+                                                              "neutral60": "hsl(0, 0%, 40%)",
+                                                              "neutral70": "hsl(0, 0%, 30%)",
+                                                              "neutral80": "hsl(0, 0%, 20%)",
+                                                              "neutral90": "hsl(0, 0%, 10%)",
+                                                              "primary": "#2684FF",
+                                                              "primary25": "#DEEBFF",
+                                                              "primary50": "#B2D4FF",
+                                                              "primary75": "#4C9AFF",
+                                                            },
+                                                            "spacing": Object {
+                                                              "baseUnit": 4,
+                                                              "controlHeight": 38,
+                                                              "menuGutter": 8,
+                                                            },
+                                                          }
+                                                        }
+                                                      >
+                                                        <EmotionCssPropInternal
+                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorSeparator"
+                                                          __EMOTION_TYPE_PLEASE_DO_NOT_USE__="span"
+                                                          className="cf-select__indicator-separator"
+                                                          css={
+                                                            Object {
+                                                              "alignSelf": "stretch",
+                                                              "backgroundColor": "hsl(0, 0%, 80%)",
+                                                              "boxSizing": "border-box",
+                                                              "label": "indicatorSeparator",
+                                                              "marginBottom": 8,
+                                                              "marginTop": 8,
+                                                              "width": 1,
+                                                            }
+                                                          }
+                                                        >
+                                                          <span
+                                                            className="cf-select__indicator-separator css-1okebmr-indicatorSeparator"
+                                                          />
+                                                        </EmotionCssPropInternal>
+                                                      </IndicatorSeparator>
+                                                      <DropdownIndicator
+                                                        clearValue={[Function]}
+                                                        cx={[Function]}
+                                                        getStyles={[Function]}
+                                                        getValue={[Function]}
+                                                        hasValue={true}
+                                                        innerProps={
+                                                          Object {
+                                                            "aria-hidden": "true",
+                                                            "onMouseDown": [Function],
+                                                            "onTouchEnd": [Function],
+                                                          }
+                                                        }
+                                                        isDisabled={false}
+                                                        isFocused={false}
+                                                        isMulti={false}
+                                                        isRtl={false}
+                                                        options={Array []}
+                                                        selectOption={[Function]}
+                                                        selectProps={
+                                                          Object {
+                                                            "backspaceRemovesValue": true,
+                                                            "blurInputOnSelect": true,
+                                                            "cache": false,
+                                                            "captureMenuScroll": false,
+                                                            "classNamePrefix": "cf-select",
+                                                            "closeMenuOnScroll": false,
+                                                            "closeMenuOnSelect": true,
+                                                            "components": Object {
+                                                              "Input": [Function],
+                                                              "MenuList": [Function],
+                                                              "Option": [Function],
+                                                            },
+                                                            "controlShouldRenderValue": true,
+                                                            "defaultOptions": undefined,
+                                                            "escapeClearsValue": false,
+                                                            "filterOption": [Function],
+                                                            "formatGroupLabel": [Function],
+                                                            "getOptionLabel": [Function],
+                                                            "getOptionValue": [Function],
+                                                            "inputId": "judge-dropdown",
+                                                            "inputValue": "",
+                                                            "isClearable": undefined,
+                                                            "isDisabled": false,
+                                                            "isLoading": false,
+                                                            "isMulti": false,
+                                                            "isOptionDisabled": [Function],
+                                                            "isRtl": false,
+                                                            "isSearchable": true,
+                                                            "loadOptions": undefined,
+                                                            "loadingMessage": [Function],
+                                                            "maxMenuHeight": 300,
+                                                            "menuIsOpen": false,
+                                                            "menuPlacement": "bottom",
+                                                            "menuPosition": "absolute",
+                                                            "menuShouldBlockScroll": false,
+                                                            "menuShouldScrollIntoView": true,
+                                                            "minMenuHeight": 140,
+                                                            "name": "judgeDropdown",
+                                                            "noOptionsMessage": [Function],
+                                                            "onBlurResetsInput": false,
+                                                            "onChange": [Function],
+                                                            "onInputChange": [Function],
+                                                            "onMenuClose": [Function],
+                                                            "onMenuOpen": [Function],
+                                                            "openMenuOnClick": true,
+                                                            "openMenuOnFocus": false,
+                                                            "options": Array [],
+                                                            "pageSize": 5,
+                                                            "placeholder": "Select...",
+                                                            "screenReaderStatus": [Function],
+                                                            "searchable": undefined,
+                                                            "shouldKeyDownEventCreateNewOption": [Function],
+                                                            "styles": Object {
+                                                              "input": [Function],
+                                                            },
+                                                            "tabIndex": "0",
+                                                            "tabSelectsValue": true,
+                                                            "value": Object {
+                                                              "label": null,
+                                                              "value": null,
+                                                            },
+                                                          }
+                                                        }
+                                                        setValue={[Function]}
+                                                        theme={
+                                                          Object {
+                                                            "borderRadius": 4,
+                                                            "colors": Object {
+                                                              "danger": "#DE350B",
+                                                              "dangerLight": "#FFBDAD",
+                                                              "neutral0": "hsl(0, 0%, 100%)",
+                                                              "neutral10": "hsl(0, 0%, 90%)",
+                                                              "neutral20": "hsl(0, 0%, 80%)",
+                                                              "neutral30": "hsl(0, 0%, 70%)",
+                                                              "neutral40": "hsl(0, 0%, 60%)",
+                                                              "neutral5": "hsl(0, 0%, 95%)",
+                                                              "neutral50": "hsl(0, 0%, 50%)",
+                                                              "neutral60": "hsl(0, 0%, 40%)",
+                                                              "neutral70": "hsl(0, 0%, 30%)",
+                                                              "neutral80": "hsl(0, 0%, 20%)",
+                                                              "neutral90": "hsl(0, 0%, 10%)",
+                                                              "primary": "#2684FF",
+                                                              "primary25": "#DEEBFF",
+                                                              "primary50": "#B2D4FF",
+                                                              "primary75": "#4C9AFF",
+                                                            },
+                                                            "spacing": Object {
+                                                              "baseUnit": 4,
+                                                              "controlHeight": 38,
+                                                              "menuGutter": 8,
+                                                            },
+                                                          }
+                                                        }
+                                                      >
+                                                        <EmotionCssPropInternal
+                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="DropdownIndicator"
+                                                          __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                          aria-hidden="true"
+                                                          className="cf-select__indicator cf-select__dropdown-indicator"
+                                                          css={
+                                                            Object {
+                                                              ":hover": Object {
+                                                                "color": "hsl(0, 0%, 60%)",
                                                               },
+                                                              "boxSizing": "border-box",
+                                                              "color": "hsl(0, 0%, 80%)",
+                                                              "display": "flex",
+                                                              "label": "indicatorContainer",
+                                                              "padding": 8,
+                                                              "transition": "color 150ms",
                                                             }
                                                           }
-                                                          setValue={[Function]}
-                                                          theme={
+                                                          onMouseDown={[Function]}
+                                                          onTouchEnd={[Function]}
+                                                        >
+                                                          <div
+                                                            aria-hidden="true"
+                                                            className="cf-select__indicator cf-select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                                            onMouseDown={[Function]}
+                                                            onTouchEnd={[Function]}
+                                                          >
+                                                            <DownChevron>
+                                                              <Svg
+                                                                size={20}
+                                                              >
+                                                                <EmotionCssPropInternal
+                                                                  __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Svg"
+                                                                  __EMOTION_TYPE_PLEASE_DO_NOT_USE__="svg"
+                                                                  aria-hidden="true"
+                                                                  css={
+                                                                    Object {
+                                                                      "map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JJIiwiZmlsZSI6ImluZGljYXRvcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyB0eXBlIE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IENvbW1vblByb3BzLCBUaGVtZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBEcm9wZG93biAmIENsZWFyIEljb25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgU3ZnID0gKHsgc2l6ZSwgLi4ucHJvcHMgfTogeyBzaXplOiBudW1iZXIgfSkgPT4gKFxuICA8c3ZnXG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHdpZHRoPXtzaXplfVxuICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBmaWxsOiAnY3VycmVudENvbG9yJyxcbiAgICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICAgICAgc3Ryb2tlV2lkdGg6IDAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBhbnkpID0+IChcbiAgPFN2ZyBzaXplPXsyMH0gey4uLnByb3BzfT5cbiAgICA8cGF0aCBkPVwiTTE0LjM0OCAxNC44NDljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDBsLTIuNjUxLTMuMDMwLTIuNjUxIDMuMDI5Yy0wLjQ2OSAwLjQ2OS0xLjIyOSAwLjQ2OS0xLjY5NyAwLTAuNDY5LTAuNDY5LTAuNDY5LTEuMjI5IDAtMS42OTdsMi43NTgtMy4xNS0yLjc1OS0zLjE1MmMtMC40NjktMC40NjktMC40NjktMS4yMjggMC0xLjY5N3MxLjIyOC0wLjQ2OSAxLjY5NyAwbDIuNjUyIDMuMDMxIDIuNjUxLTMuMDMxYzAuNDY5LTAuNDY5IDEuMjI4LTAuNDY5IDEuNjk3IDBzMC40NjkgMS4yMjkgMCAxLjY5N2wtMi43NTggMy4xNTIgMi43NTggMy4xNWMwLjQ2OSAwLjQ2OSAwLjQ2OSAxLjIyOSAwIDEuNjk4elwiIC8+XG4gIDwvU3ZnPlxuKTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogYW55KSA9PiAoXG4gIDxTdmcgc2l6ZT17MjB9IHsuLi5wcm9wc30+XG4gICAgPHBhdGggZD1cIk00LjUxNiA3LjU0OGMwLjQzNi0wLjQ0NiAxLjA0My0wLjQ4MSAxLjU3NiAwbDMuOTA4IDMuNzQ3IDMuOTA4LTMuNzQ3YzAuNTMzLTAuNDgxIDEuMTQxLTAuNDQ2IDEuNTc0IDAgMC40MzYgMC40NDUgMC40MDggMS4xOTcgMCAxLjYxNS0wLjQwNiAwLjQxOC00LjY5NSA0LjUwMi00LjY5NSA0LjUwMi0wLjIxNyAwLjIyMy0wLjUwMiAwLjMzNS0wLjc4NyAwLjMzNXMtMC41Ny0wLjExMi0wLjc4OS0wLjMzNWMwIDAtNC4yODctNC4wODQtNC42OTUtNC41MDJzLTAuNDM2LTEuMTcgMC0xLjYxNXpcIiAvPlxuICA8L1N2Zz5cbik7XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRHJvcGRvd24gJiBDbGVhciBCdXR0b25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IHR5cGUgSW5kaWNhdG9yUHJvcHMgPSBDb21tb25Qcm9wcyAmIHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW46IE5vZGUsXG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufTtcblxuY29uc3QgYmFzZUNTUyA9ICh7XG4gIGlzRm9jdXNlZCxcbiAgdGhlbWU6IHtcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgY29sb3JzLFxuICB9LFxufTogSW5kaWNhdG9yUHJvcHMpID0+ICh7XG4gIGxhYmVsOiAnaW5kaWNhdG9yQ29udGFpbmVyJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcblxuICAnOmhvdmVyJzoge1xuICAgIGNvbG9yOiBpc0ZvY3VzZWQgPyBjb2xvcnMubmV1dHJhbDgwIDogY29sb3JzLm5ldXRyYWw0MCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2Ryb3Bkb3duSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnZHJvcGRvd24taW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2NsZWFySW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnY2xlYXItaW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG50eXBlIFNlcGFyYXRvclN0YXRlID0geyBpc0Rpc2FibGVkOiBib29sZWFuIH07XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBDb21tb25Qcm9wcyAmIFNlcGFyYXRvclN0YXRlKSA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gKHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiB7XG4gIGlzRm9jdXNlZDogYm9vbGVhbixcbiAgc2l6ZTogbnVtYmVyLFxuICB0aGVtZTogVGhlbWUsXG59KSA9PiAoe1xuICBsYWJlbDogJ2xvYWRpbmdJbmRpY2F0b3InLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuICBhbGlnblNlbGY6ICdjZW50ZXInLFxuICBmb250U2l6ZTogc2l6ZSxcbiAgbGluZUhlaWdodDogMSxcbiAgbWFyZ2luUmlnaHQ6IHNpemUsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxufSk7XG5cbnR5cGUgRG90UHJvcHMgPSB7IGRlbGF5OiBudW1iZXIsIG9mZnNldDogYm9vbGVhbiB9O1xuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogRG90UHJvcHMpID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGFuaW1hdGlvbjogYCR7bG9hZGluZ0RvdEFuaW1hdGlvbnN9IDFzIGVhc2UtaW4tb3V0ICR7ZGVsYXl9bXMgaW5maW5pdGU7YCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBib3JkZXJSYWRpdXM6ICcxZW0nLFxuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBtYXJnaW5MZWZ0OiBvZmZzZXQgPyAnMWVtJyA6IG51bGwsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdJY29uUHJvcHMgPSB7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufSAmIENvbW1vblByb3BzICYge1xuICAgIC8qKiBTZXQgc2l6ZSBvZiB0aGUgY29udGFpbmVyLiAqL1xuICAgIHNpemU6IG51bWJlcixcbiAgfTtcbmV4cG9ydCBjb25zdCBMb2FkaW5nSW5kaWNhdG9yID0gKHByb3BzOiBMb2FkaW5nSWNvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzLCBpc1J0bCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdsb2FkaW5nSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnbG9hZGluZy1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezB9IG9mZnNldD17aXNSdGx9IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MTYwfSBvZmZzZXQgLz5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXszMjB9IG9mZnNldD17IWlzUnRsfSAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbkxvYWRpbmdJbmRpY2F0b3IuZGVmYXVsdFByb3BzID0geyBzaXplOiA0IH07XG4iXX0= */",
+                                                                      "name": "19bqh2r",
+                                                                      "styles": "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;",
+                                                                      "toString": [Function],
+                                                                    }
+                                                                  }
+                                                                  focusable="false"
+                                                                  height={20}
+                                                                  viewBox="0 0 20 20"
+                                                                  width={20}
+                                                                >
+                                                                  <svg
+                                                                    aria-hidden="true"
+                                                                    className="css-6q0nyr-Svg"
+                                                                    focusable="false"
+                                                                    height={20}
+                                                                    viewBox="0 0 20 20"
+                                                                    width={20}
+                                                                  >
+                                                                    <path
+                                                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                                                    />
+                                                                  </svg>
+                                                                </EmotionCssPropInternal>
+                                                              </Svg>
+                                                            </DownChevron>
+                                                          </div>
+                                                        </EmotionCssPropInternal>
+                                                      </DropdownIndicator>
+                                                    </div>
+                                                  </EmotionCssPropInternal>
+                                                </IndicatorsContainer>
+                                              </div>
+                                            </EmotionCssPropInternal>
+                                          </Control>
+                                          <input
+                                            name="judgeDropdown"
+                                            type="hidden"
+                                            value={null}
+                                          />
+                                        </div>
+                                      </EmotionCssPropInternal>
+                                    </SelectContainer>
+                                  </Select>
+                                </StateManager>
+                              </div>
+                            </div>
+                          </div>
+                        </SearchableDropdown>
+                      </JudgeDropdown>
+                    </Connect(JudgeDropdown)>
+                    <Connect(HearingCoordinatorDropdown)
+                      name="hearingCoordinatorDropdown"
+                      onChange={[Function]}
+                      value={null}
+                    >
+                      <HearingCoordinatorDropdown
+                        hearingCoordinators={
+                          Object {
+                            "isFetching": false,
+                            "options": Array [],
+                          }
+                        }
+                        label="Hearing Coordinator"
+                        name="hearingCoordinatorDropdown"
+                        onChange={[Function]}
+                        onFetchDropdownData={[Function]}
+                        onReceiveDropdownData={[Function]}
+                        value={null}
+                      >
+                        <SearchableDropdown
+                          clearOnSelect={false}
+                          label="Hearing Coordinator"
+                          loading={false}
+                          name="hearingCoordinatorDropdown"
+                          onChange={[Function]}
+                          options={Array []}
+                          strongLabel={true}
+                          value={
+                            Object {
+                              "label": null,
+                              "value": null,
+                            }
+                          }
+                        >
+                          <div
+                            className=""
+                          >
+                            <div
+                              className="cf-form-dropdown dropdown-hearingCoordinatorDropdown"
+                            >
+                              <label
+                                className="question-label"
+                                htmlFor="hearing-coordinator-dropdown"
+                                id="hearing-coordinator-dropdown-label"
+                              >
+                                <strong>
+                                  <FormLabel
+                                    label="Hearing Coordinator"
+                                    name="Hearing Coordinator"
+                                  >
+                                    <span>
+                                      Hearing Coordinator
+                                    </span>
+                                  </FormLabel>
+                                </strong>
+                              </label>
+                              <div
+                                className="cf-select"
+                              >
+                                <StateManager
+                                  cache={false}
+                                  classNamePrefix="cf-select"
+                                  components={
+                                    Object {
+                                      "Input": [Function],
+                                      "MenuList": [Function],
+                                      "Option": [Function],
+                                    }
+                                  }
+                                  defaultInputValue=""
+                                  defaultMenuIsOpen={false}
+                                  defaultValue={null}
+                                  inputId="hearing-coordinator-dropdown"
+                                  isLoading={false}
+                                  isSearchable={true}
+                                  name="hearingCoordinatorDropdown"
+                                  noOptionsMessage={[Function]}
+                                  onBlurResetsInput={false}
+                                  onChange={[Function]}
+                                  onMenuClose={[Function]}
+                                  onMenuOpen={[Function]}
+                                  options={Array []}
+                                  shouldKeyDownEventCreateNewOption={[Function]}
+                                  styles={
+                                    Object {
+                                      "input": [Function],
+                                    }
+                                  }
+                                  value={
+                                    Object {
+                                      "label": null,
+                                      "value": null,
+                                    }
+                                  }
+                                >
+                                  <Select
+                                    backspaceRemovesValue={true}
+                                    blurInputOnSelect={true}
+                                    cache={false}
+                                    captureMenuScroll={false}
+                                    classNamePrefix="cf-select"
+                                    closeMenuOnScroll={false}
+                                    closeMenuOnSelect={true}
+                                    components={
+                                      Object {
+                                        "Input": [Function],
+                                        "MenuList": [Function],
+                                        "Option": [Function],
+                                      }
+                                    }
+                                    controlShouldRenderValue={true}
+                                    escapeClearsValue={false}
+                                    filterOption={[Function]}
+                                    formatGroupLabel={[Function]}
+                                    getOptionLabel={[Function]}
+                                    getOptionValue={[Function]}
+                                    inputId="hearing-coordinator-dropdown"
+                                    inputValue=""
+                                    isDisabled={false}
+                                    isLoading={false}
+                                    isMulti={false}
+                                    isOptionDisabled={[Function]}
+                                    isRtl={false}
+                                    isSearchable={true}
+                                    loadingMessage={[Function]}
+                                    maxMenuHeight={300}
+                                    menuIsOpen={false}
+                                    menuPlacement="bottom"
+                                    menuPosition="absolute"
+                                    menuShouldBlockScroll={false}
+                                    menuShouldScrollIntoView={true}
+                                    minMenuHeight={140}
+                                    name="hearingCoordinatorDropdown"
+                                    noOptionsMessage={[Function]}
+                                    onBlurResetsInput={false}
+                                    onChange={[Function]}
+                                    onInputChange={[Function]}
+                                    onMenuClose={[Function]}
+                                    onMenuOpen={[Function]}
+                                    openMenuOnClick={true}
+                                    openMenuOnFocus={false}
+                                    options={Array []}
+                                    pageSize={5}
+                                    placeholder="Select..."
+                                    screenReaderStatus={[Function]}
+                                    shouldKeyDownEventCreateNewOption={[Function]}
+                                    styles={
+                                      Object {
+                                        "input": [Function],
+                                      }
+                                    }
+                                    tabIndex="0"
+                                    tabSelectsValue={true}
+                                    value={
+                                      Object {
+                                        "label": null,
+                                        "value": null,
+                                      }
+                                    }
+                                  >
+                                    <SelectContainer
+                                      clearValue={[Function]}
+                                      cx={[Function]}
+                                      getStyles={[Function]}
+                                      getValue={[Function]}
+                                      hasValue={true}
+                                      innerProps={
+                                        Object {
+                                          "id": undefined,
+                                          "onKeyDown": [Function],
+                                        }
+                                      }
+                                      isDisabled={false}
+                                      isFocused={false}
+                                      isMulti={false}
+                                      isRtl={false}
+                                      options={Array []}
+                                      selectOption={[Function]}
+                                      selectProps={
+                                        Object {
+                                          "backspaceRemovesValue": true,
+                                          "blurInputOnSelect": true,
+                                          "cache": false,
+                                          "captureMenuScroll": false,
+                                          "classNamePrefix": "cf-select",
+                                          "closeMenuOnScroll": false,
+                                          "closeMenuOnSelect": true,
+                                          "components": Object {
+                                            "Input": [Function],
+                                            "MenuList": [Function],
+                                            "Option": [Function],
+                                          },
+                                          "controlShouldRenderValue": true,
+                                          "defaultOptions": undefined,
+                                          "escapeClearsValue": false,
+                                          "filterOption": [Function],
+                                          "formatGroupLabel": [Function],
+                                          "getOptionLabel": [Function],
+                                          "getOptionValue": [Function],
+                                          "inputId": "hearing-coordinator-dropdown",
+                                          "inputValue": "",
+                                          "isClearable": undefined,
+                                          "isDisabled": false,
+                                          "isLoading": false,
+                                          "isMulti": false,
+                                          "isOptionDisabled": [Function],
+                                          "isRtl": false,
+                                          "isSearchable": true,
+                                          "loadOptions": undefined,
+                                          "loadingMessage": [Function],
+                                          "maxMenuHeight": 300,
+                                          "menuIsOpen": false,
+                                          "menuPlacement": "bottom",
+                                          "menuPosition": "absolute",
+                                          "menuShouldBlockScroll": false,
+                                          "menuShouldScrollIntoView": true,
+                                          "minMenuHeight": 140,
+                                          "name": "hearingCoordinatorDropdown",
+                                          "noOptionsMessage": [Function],
+                                          "onBlurResetsInput": false,
+                                          "onChange": [Function],
+                                          "onInputChange": [Function],
+                                          "onMenuClose": [Function],
+                                          "onMenuOpen": [Function],
+                                          "openMenuOnClick": true,
+                                          "openMenuOnFocus": false,
+                                          "options": Array [],
+                                          "pageSize": 5,
+                                          "placeholder": "Select...",
+                                          "screenReaderStatus": [Function],
+                                          "searchable": undefined,
+                                          "shouldKeyDownEventCreateNewOption": [Function],
+                                          "styles": Object {
+                                            "input": [Function],
+                                          },
+                                          "tabIndex": "0",
+                                          "tabSelectsValue": true,
+                                          "value": Object {
+                                            "label": null,
+                                            "value": null,
+                                          },
+                                        }
+                                      }
+                                      setValue={[Function]}
+                                      theme={
+                                        Object {
+                                          "borderRadius": 4,
+                                          "colors": Object {
+                                            "danger": "#DE350B",
+                                            "dangerLight": "#FFBDAD",
+                                            "neutral0": "hsl(0, 0%, 100%)",
+                                            "neutral10": "hsl(0, 0%, 90%)",
+                                            "neutral20": "hsl(0, 0%, 80%)",
+                                            "neutral30": "hsl(0, 0%, 70%)",
+                                            "neutral40": "hsl(0, 0%, 60%)",
+                                            "neutral5": "hsl(0, 0%, 95%)",
+                                            "neutral50": "hsl(0, 0%, 50%)",
+                                            "neutral60": "hsl(0, 0%, 40%)",
+                                            "neutral70": "hsl(0, 0%, 30%)",
+                                            "neutral80": "hsl(0, 0%, 20%)",
+                                            "neutral90": "hsl(0, 0%, 10%)",
+                                            "primary": "#2684FF",
+                                            "primary25": "#DEEBFF",
+                                            "primary50": "#B2D4FF",
+                                            "primary75": "#4C9AFF",
+                                          },
+                                          "spacing": Object {
+                                            "baseUnit": 4,
+                                            "controlHeight": 38,
+                                            "menuGutter": 8,
+                                          },
+                                        }
+                                      }
+                                    >
+                                      <EmotionCssPropInternal
+                                        __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SelectContainer"
+                                        __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                        className=""
+                                        css={
+                                          Object {
+                                            "boxSizing": "border-box",
+                                            "direction": null,
+                                            "label": "container",
+                                            "pointerEvents": null,
+                                            "position": "relative",
+                                          }
+                                        }
+                                        onKeyDown={[Function]}
+                                      >
+                                        <div
+                                          className=" css-2b097c-container"
+                                          onKeyDown={[Function]}
+                                        >
+                                          <Control
+                                            clearValue={[Function]}
+                                            cx={[Function]}
+                                            getStyles={[Function]}
+                                            getValue={[Function]}
+                                            hasValue={true}
+                                            innerProps={
+                                              Object {
+                                                "onMouseDown": [Function],
+                                                "onTouchEnd": [Function],
+                                              }
+                                            }
+                                            innerRef={[Function]}
+                                            isDisabled={false}
+                                            isFocused={false}
+                                            isMulti={false}
+                                            isRtl={false}
+                                            menuIsOpen={false}
+                                            options={Array []}
+                                            selectOption={[Function]}
+                                            selectProps={
+                                              Object {
+                                                "backspaceRemovesValue": true,
+                                                "blurInputOnSelect": true,
+                                                "cache": false,
+                                                "captureMenuScroll": false,
+                                                "classNamePrefix": "cf-select",
+                                                "closeMenuOnScroll": false,
+                                                "closeMenuOnSelect": true,
+                                                "components": Object {
+                                                  "Input": [Function],
+                                                  "MenuList": [Function],
+                                                  "Option": [Function],
+                                                },
+                                                "controlShouldRenderValue": true,
+                                                "defaultOptions": undefined,
+                                                "escapeClearsValue": false,
+                                                "filterOption": [Function],
+                                                "formatGroupLabel": [Function],
+                                                "getOptionLabel": [Function],
+                                                "getOptionValue": [Function],
+                                                "inputId": "hearing-coordinator-dropdown",
+                                                "inputValue": "",
+                                                "isClearable": undefined,
+                                                "isDisabled": false,
+                                                "isLoading": false,
+                                                "isMulti": false,
+                                                "isOptionDisabled": [Function],
+                                                "isRtl": false,
+                                                "isSearchable": true,
+                                                "loadOptions": undefined,
+                                                "loadingMessage": [Function],
+                                                "maxMenuHeight": 300,
+                                                "menuIsOpen": false,
+                                                "menuPlacement": "bottom",
+                                                "menuPosition": "absolute",
+                                                "menuShouldBlockScroll": false,
+                                                "menuShouldScrollIntoView": true,
+                                                "minMenuHeight": 140,
+                                                "name": "hearingCoordinatorDropdown",
+                                                "noOptionsMessage": [Function],
+                                                "onBlurResetsInput": false,
+                                                "onChange": [Function],
+                                                "onInputChange": [Function],
+                                                "onMenuClose": [Function],
+                                                "onMenuOpen": [Function],
+                                                "openMenuOnClick": true,
+                                                "openMenuOnFocus": false,
+                                                "options": Array [],
+                                                "pageSize": 5,
+                                                "placeholder": "Select...",
+                                                "screenReaderStatus": [Function],
+                                                "searchable": undefined,
+                                                "shouldKeyDownEventCreateNewOption": [Function],
+                                                "styles": Object {
+                                                  "input": [Function],
+                                                },
+                                                "tabIndex": "0",
+                                                "tabSelectsValue": true,
+                                                "value": Object {
+                                                  "label": null,
+                                                  "value": null,
+                                                },
+                                              }
+                                            }
+                                            setValue={[Function]}
+                                            theme={
+                                              Object {
+                                                "borderRadius": 4,
+                                                "colors": Object {
+                                                  "danger": "#DE350B",
+                                                  "dangerLight": "#FFBDAD",
+                                                  "neutral0": "hsl(0, 0%, 100%)",
+                                                  "neutral10": "hsl(0, 0%, 90%)",
+                                                  "neutral20": "hsl(0, 0%, 80%)",
+                                                  "neutral30": "hsl(0, 0%, 70%)",
+                                                  "neutral40": "hsl(0, 0%, 60%)",
+                                                  "neutral5": "hsl(0, 0%, 95%)",
+                                                  "neutral50": "hsl(0, 0%, 50%)",
+                                                  "neutral60": "hsl(0, 0%, 40%)",
+                                                  "neutral70": "hsl(0, 0%, 30%)",
+                                                  "neutral80": "hsl(0, 0%, 20%)",
+                                                  "neutral90": "hsl(0, 0%, 10%)",
+                                                  "primary": "#2684FF",
+                                                  "primary25": "#DEEBFF",
+                                                  "primary50": "#B2D4FF",
+                                                  "primary75": "#4C9AFF",
+                                                },
+                                                "spacing": Object {
+                                                  "baseUnit": 4,
+                                                  "controlHeight": 38,
+                                                  "menuGutter": 8,
+                                                },
+                                              }
+                                            }
+                                          >
+                                            <EmotionCssPropInternal
+                                              __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Control"
+                                              __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                              className="cf-select__control"
+                                              css={
+                                                Object {
+                                                  "&:hover": Object {
+                                                    "borderColor": "hsl(0, 0%, 70%)",
+                                                  },
+                                                  "alignItems": "center",
+                                                  "backgroundColor": "hsl(0, 0%, 100%)",
+                                                  "borderColor": "hsl(0, 0%, 80%)",
+                                                  "borderRadius": 4,
+                                                  "borderStyle": "solid",
+                                                  "borderWidth": 1,
+                                                  "boxShadow": null,
+                                                  "boxSizing": "border-box",
+                                                  "cursor": "default",
+                                                  "display": "flex",
+                                                  "flexWrap": "wrap",
+                                                  "justifyContent": "space-between",
+                                                  "label": "control",
+                                                  "minHeight": 38,
+                                                  "outline": "0 !important",
+                                                  "position": "relative",
+                                                  "transition": "all 100ms",
+                                                }
+                                              }
+                                              onMouseDown={[Function]}
+                                              onTouchEnd={[Function]}
+                                            >
+                                              <div
+                                                className="cf-select__control css-yk16xz-control"
+                                                onMouseDown={[Function]}
+                                                onTouchEnd={[Function]}
+                                              >
+                                                <ValueContainer
+                                                  clearValue={[Function]}
+                                                  cx={[Function]}
+                                                  getStyles={[Function]}
+                                                  getValue={[Function]}
+                                                  hasValue={true}
+                                                  isDisabled={false}
+                                                  isMulti={false}
+                                                  isRtl={false}
+                                                  options={Array []}
+                                                  selectOption={[Function]}
+                                                  selectProps={
+                                                    Object {
+                                                      "backspaceRemovesValue": true,
+                                                      "blurInputOnSelect": true,
+                                                      "cache": false,
+                                                      "captureMenuScroll": false,
+                                                      "classNamePrefix": "cf-select",
+                                                      "closeMenuOnScroll": false,
+                                                      "closeMenuOnSelect": true,
+                                                      "components": Object {
+                                                        "Input": [Function],
+                                                        "MenuList": [Function],
+                                                        "Option": [Function],
+                                                      },
+                                                      "controlShouldRenderValue": true,
+                                                      "defaultOptions": undefined,
+                                                      "escapeClearsValue": false,
+                                                      "filterOption": [Function],
+                                                      "formatGroupLabel": [Function],
+                                                      "getOptionLabel": [Function],
+                                                      "getOptionValue": [Function],
+                                                      "inputId": "hearing-coordinator-dropdown",
+                                                      "inputValue": "",
+                                                      "isClearable": undefined,
+                                                      "isDisabled": false,
+                                                      "isLoading": false,
+                                                      "isMulti": false,
+                                                      "isOptionDisabled": [Function],
+                                                      "isRtl": false,
+                                                      "isSearchable": true,
+                                                      "loadOptions": undefined,
+                                                      "loadingMessage": [Function],
+                                                      "maxMenuHeight": 300,
+                                                      "menuIsOpen": false,
+                                                      "menuPlacement": "bottom",
+                                                      "menuPosition": "absolute",
+                                                      "menuShouldBlockScroll": false,
+                                                      "menuShouldScrollIntoView": true,
+                                                      "minMenuHeight": 140,
+                                                      "name": "hearingCoordinatorDropdown",
+                                                      "noOptionsMessage": [Function],
+                                                      "onBlurResetsInput": false,
+                                                      "onChange": [Function],
+                                                      "onInputChange": [Function],
+                                                      "onMenuClose": [Function],
+                                                      "onMenuOpen": [Function],
+                                                      "openMenuOnClick": true,
+                                                      "openMenuOnFocus": false,
+                                                      "options": Array [],
+                                                      "pageSize": 5,
+                                                      "placeholder": "Select...",
+                                                      "screenReaderStatus": [Function],
+                                                      "searchable": undefined,
+                                                      "shouldKeyDownEventCreateNewOption": [Function],
+                                                      "styles": Object {
+                                                        "input": [Function],
+                                                      },
+                                                      "tabIndex": "0",
+                                                      "tabSelectsValue": true,
+                                                      "value": Object {
+                                                        "label": null,
+                                                        "value": null,
+                                                      },
+                                                    }
+                                                  }
+                                                  setValue={[Function]}
+                                                  theme={
+                                                    Object {
+                                                      "borderRadius": 4,
+                                                      "colors": Object {
+                                                        "danger": "#DE350B",
+                                                        "dangerLight": "#FFBDAD",
+                                                        "neutral0": "hsl(0, 0%, 100%)",
+                                                        "neutral10": "hsl(0, 0%, 90%)",
+                                                        "neutral20": "hsl(0, 0%, 80%)",
+                                                        "neutral30": "hsl(0, 0%, 70%)",
+                                                        "neutral40": "hsl(0, 0%, 60%)",
+                                                        "neutral5": "hsl(0, 0%, 95%)",
+                                                        "neutral50": "hsl(0, 0%, 50%)",
+                                                        "neutral60": "hsl(0, 0%, 40%)",
+                                                        "neutral70": "hsl(0, 0%, 30%)",
+                                                        "neutral80": "hsl(0, 0%, 20%)",
+                                                        "neutral90": "hsl(0, 0%, 10%)",
+                                                        "primary": "#2684FF",
+                                                        "primary25": "#DEEBFF",
+                                                        "primary50": "#B2D4FF",
+                                                        "primary75": "#4C9AFF",
+                                                      },
+                                                      "spacing": Object {
+                                                        "baseUnit": 4,
+                                                        "controlHeight": 38,
+                                                        "menuGutter": 8,
+                                                      },
+                                                    }
+                                                  }
+                                                >
+                                                  <EmotionCssPropInternal
+                                                    __EMOTION_LABEL_PLEASE_DO_NOT_USE__="ValueContainer"
+                                                    __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                    className="cf-select__value-container cf-select__value-container--has-value"
+                                                    css={
+                                                      Object {
+                                                        "WebkitOverflowScrolling": "touch",
+                                                        "alignItems": "center",
+                                                        "boxSizing": "border-box",
+                                                        "display": "flex",
+                                                        "flex": 1,
+                                                        "flexWrap": "wrap",
+                                                        "overflow": "hidden",
+                                                        "padding": "2px 8px",
+                                                        "position": "relative",
+                                                      }
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="cf-select__value-container cf-select__value-container--has-value css-g1d714-ValueContainer"
+                                                    >
+                                                      <SingleValue
+                                                        clearValue={[Function]}
+                                                        cx={[Function]}
+                                                        data={
+                                                          Object {
+                                                            "label": null,
+                                                            "value": null,
+                                                          }
+                                                        }
+                                                        getStyles={[Function]}
+                                                        getValue={[Function]}
+                                                        hasValue={true}
+                                                        isDisabled={false}
+                                                        isMulti={false}
+                                                        isRtl={false}
+                                                        options={Array []}
+                                                        selectOption={[Function]}
+                                                        selectProps={
+                                                          Object {
+                                                            "backspaceRemovesValue": true,
+                                                            "blurInputOnSelect": true,
+                                                            "cache": false,
+                                                            "captureMenuScroll": false,
+                                                            "classNamePrefix": "cf-select",
+                                                            "closeMenuOnScroll": false,
+                                                            "closeMenuOnSelect": true,
+                                                            "components": Object {
+                                                              "Input": [Function],
+                                                              "MenuList": [Function],
+                                                              "Option": [Function],
+                                                            },
+                                                            "controlShouldRenderValue": true,
+                                                            "defaultOptions": undefined,
+                                                            "escapeClearsValue": false,
+                                                            "filterOption": [Function],
+                                                            "formatGroupLabel": [Function],
+                                                            "getOptionLabel": [Function],
+                                                            "getOptionValue": [Function],
+                                                            "inputId": "hearing-coordinator-dropdown",
+                                                            "inputValue": "",
+                                                            "isClearable": undefined,
+                                                            "isDisabled": false,
+                                                            "isLoading": false,
+                                                            "isMulti": false,
+                                                            "isOptionDisabled": [Function],
+                                                            "isRtl": false,
+                                                            "isSearchable": true,
+                                                            "loadOptions": undefined,
+                                                            "loadingMessage": [Function],
+                                                            "maxMenuHeight": 300,
+                                                            "menuIsOpen": false,
+                                                            "menuPlacement": "bottom",
+                                                            "menuPosition": "absolute",
+                                                            "menuShouldBlockScroll": false,
+                                                            "menuShouldScrollIntoView": true,
+                                                            "minMenuHeight": 140,
+                                                            "name": "hearingCoordinatorDropdown",
+                                                            "noOptionsMessage": [Function],
+                                                            "onBlurResetsInput": false,
+                                                            "onChange": [Function],
+                                                            "onInputChange": [Function],
+                                                            "onMenuClose": [Function],
+                                                            "onMenuOpen": [Function],
+                                                            "openMenuOnClick": true,
+                                                            "openMenuOnFocus": false,
+                                                            "options": Array [],
+                                                            "pageSize": 5,
+                                                            "placeholder": "Select...",
+                                                            "screenReaderStatus": [Function],
+                                                            "searchable": undefined,
+                                                            "shouldKeyDownEventCreateNewOption": [Function],
+                                                            "styles": Object {
+                                                              "input": [Function],
+                                                            },
+                                                            "tabIndex": "0",
+                                                            "tabSelectsValue": true,
+                                                            "value": Object {
+                                                              "label": null,
+                                                              "value": null,
+                                                            },
+                                                          }
+                                                        }
+                                                        setValue={[Function]}
+                                                        theme={
+                                                          Object {
+                                                            "borderRadius": 4,
+                                                            "colors": Object {
+                                                              "danger": "#DE350B",
+                                                              "dangerLight": "#FFBDAD",
+                                                              "neutral0": "hsl(0, 0%, 100%)",
+                                                              "neutral10": "hsl(0, 0%, 90%)",
+                                                              "neutral20": "hsl(0, 0%, 80%)",
+                                                              "neutral30": "hsl(0, 0%, 70%)",
+                                                              "neutral40": "hsl(0, 0%, 60%)",
+                                                              "neutral5": "hsl(0, 0%, 95%)",
+                                                              "neutral50": "hsl(0, 0%, 50%)",
+                                                              "neutral60": "hsl(0, 0%, 40%)",
+                                                              "neutral70": "hsl(0, 0%, 30%)",
+                                                              "neutral80": "hsl(0, 0%, 20%)",
+                                                              "neutral90": "hsl(0, 0%, 10%)",
+                                                              "primary": "#2684FF",
+                                                              "primary25": "#DEEBFF",
+                                                              "primary50": "#B2D4FF",
+                                                              "primary75": "#4C9AFF",
+                                                            },
+                                                            "spacing": Object {
+                                                              "baseUnit": 4,
+                                                              "controlHeight": 38,
+                                                              "menuGutter": 8,
+                                                            },
+                                                          }
+                                                        }
+                                                      >
+                                                        <EmotionCssPropInternal
+                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SingleValue"
+                                                          __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                          className="cf-select__single-value"
+                                                          css={
                                                             Object {
-                                                              "borderRadius": 4,
-                                                              "colors": Object {
-                                                                "danger": "#DE350B",
-                                                                "dangerLight": "#FFBDAD",
-                                                                "neutral0": "hsl(0, 0%, 100%)",
-                                                                "neutral10": "hsl(0, 0%, 90%)",
-                                                                "neutral20": "hsl(0, 0%, 80%)",
-                                                                "neutral30": "hsl(0, 0%, 70%)",
-                                                                "neutral40": "hsl(0, 0%, 60%)",
-                                                                "neutral5": "hsl(0, 0%, 95%)",
-                                                                "neutral50": "hsl(0, 0%, 50%)",
-                                                                "neutral60": "hsl(0, 0%, 40%)",
-                                                                "neutral70": "hsl(0, 0%, 30%)",
-                                                                "neutral80": "hsl(0, 0%, 20%)",
-                                                                "neutral90": "hsl(0, 0%, 10%)",
-                                                                "primary": "#2684FF",
-                                                                "primary25": "#DEEBFF",
-                                                                "primary50": "#B2D4FF",
-                                                                "primary75": "#4C9AFF",
-                                                              },
-                                                              "spacing": Object {
-                                                                "baseUnit": 4,
-                                                                "controlHeight": 38,
-                                                                "menuGutter": 8,
-                                                              },
+                                                              "boxSizing": "border-box",
+                                                              "color": "hsl(0, 0%, 20%)",
+                                                              "label": "singleValue",
+                                                              "marginLeft": 2,
+                                                              "marginRight": 2,
+                                                              "maxWidth": "calc(100% - 8px)",
+                                                              "overflow": "hidden",
+                                                              "position": "absolute",
+                                                              "textOverflow": "ellipsis",
+                                                              "top": "50%",
+                                                              "transform": "translateY(-50%)",
+                                                              "whiteSpace": "nowrap",
                                                             }
                                                           }
                                                         >
-                                                          <EmotionCssPropInternal
-                                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SingleValue"
-                                                            __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                            className="cf-select__single-value"
-                                                            css={
-                                                              Object {
-                                                                "boxSizing": "border-box",
-                                                                "color": "hsl(0, 0%, 20%)",
-                                                                "label": "singleValue",
-                                                                "marginLeft": 2,
-                                                                "marginRight": 2,
-                                                                "maxWidth": "calc(100% - 8px)",
-                                                                "overflow": "hidden",
-                                                                "position": "absolute",
-                                                                "textOverflow": "ellipsis",
-                                                                "top": "50%",
-                                                                "transform": "translateY(-50%)",
-                                                                "whiteSpace": "nowrap",
-                                                              }
-                                                            }
-                                                          >
-                                                            <div
-                                                              className="cf-select__single-value css-1uccc91-singleValue"
-                                                            >
-                                                              Pacific Time (US & Canada) (3:00 AM)
-                                                            </div>
-                                                          </EmotionCssPropInternal>
-                                                        </SingleValue>
-                                                        <CustomInput
-                                                          aria-autocomplete="list"
-                                                          autoCapitalize="none"
-                                                          autoComplete="off"
-                                                          autoCorrect="off"
-                                                          cx={[Function]}
-                                                          getStyles={[Function]}
-                                                          id="appellant-tz"
-                                                          innerRef={[Function]}
-                                                          isDisabled={false}
-                                                          isHidden={false}
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          selectProps={
-                                                            Object {
-                                                              "backspaceRemovesValue": true,
-                                                              "blurInputOnSelect": true,
-                                                              "cache": false,
-                                                              "captureMenuScroll": false,
-                                                              "classNamePrefix": "cf-select",
-                                                              "closeMenuOnScroll": false,
-                                                              "closeMenuOnSelect": true,
-                                                              "components": Object {
-                                                                "Input": [Function],
-                                                                "MenuList": [Function],
-                                                                "Option": [Function],
-                                                              },
-                                                              "controlShouldRenderValue": true,
-                                                              "defaultOptions": undefined,
-                                                              "escapeClearsValue": false,
-                                                              "filterOption": [Function],
-                                                              "formatGroupLabel": [Function],
-                                                              "getOptionLabel": [Function],
-                                                              "getOptionValue": [Function],
-                                                              "inputId": "appellant-tz",
-                                                              "inputValue": "",
-                                                              "isClearable": undefined,
-                                                              "isDisabled": false,
-                                                              "isLoading": false,
-                                                              "isMulti": false,
-                                                              "isOptionDisabled": [Function],
-                                                              "isRtl": false,
-                                                              "isSearchable": true,
-                                                              "loadOptions": undefined,
-                                                              "loadingMessage": [Function],
-                                                              "maxMenuHeight": 300,
-                                                              "menuIsOpen": false,
-                                                              "menuPlacement": "bottom",
-                                                              "menuPosition": "absolute",
-                                                              "menuShouldBlockScroll": false,
-                                                              "menuShouldScrollIntoView": true,
-                                                              "minMenuHeight": 140,
-                                                              "name": "appellantTz",
-                                                              "noOptionsMessage": [Function],
-                                                              "onBlurResetsInput": false,
-                                                              "onChange": [Function],
-                                                              "onInputChange": [Function],
-                                                              "onMenuClose": [Function],
-                                                              "onMenuOpen": [Function],
-                                                              "openMenuOnClick": true,
-                                                              "openMenuOnFocus": false,
-                                                              "options": Array [
-                                                                Object {
-                                                                  "label": "",
-                                                                  "value": null,
-                                                                },
-                                                                Object {
-                                                                  "index": -3,
-                                                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
-                                                                  "value": "America/New_York",
-                                                                },
-                                                                Object {
-                                                                  "index": -2,
-                                                                  "label": "Central Time (US & Canada) (5:00 AM)",
-                                                                  "value": "America/Chicago",
-                                                                },
-                                                                Object {
-                                                                  "index": -1,
-                                                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
-                                                                  "value": "America/Denver",
-                                                                },
-                                                                Object {
-                                                                  "index": -0,
-                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                                  "value": "America/Los_Angeles",
-                                                                },
-                                                                Object {
-                                                                  "index": 2.4,
-                                                                  "label": "Indiana (East) (6:00 AM)",
-                                                                  "value": "America/Indiana/Indianapolis",
-                                                                },
-                                                                Object {
-                                                                  "index": 2.4,
-                                                                  "label": "Puerto Rico (6:00 AM)",
-                                                                  "value": "America/Puerto_Rico",
-                                                                },
-                                                                Object {
-                                                                  "index": 4.2,
-                                                                  "label": "Arizona (3:00 AM)",
-                                                                  "value": "America/Phoenix",
-                                                                },
-                                                                Object {
-                                                                  "index": 4.8,
-                                                                  "label": "Alaska (2:00 AM)",
-                                                                  "value": "America/Juneau",
-                                                                },
-                                                                Object {
-                                                                  "index": 4.8,
-                                                                  "label": "Philippine Standard Time (6:00 PM)",
-                                                                  "value": "Asia/Manila",
-                                                                },
-                                                                Object {
-                                                                  "index": 6,
-                                                                  "label": "Hawaii (12:00 AM)",
-                                                                  "value": "Pacific/Honolulu",
-                                                                },
-                                                                Object {
-                                                                  "index": 100,
-                                                                  "label": "Azores (10:00 AM)",
-                                                                  "value": "Atlantic/Azores",
-                                                                },
-                                                                Object {
-                                                                  "index": 100,
-                                                                  "label": "Monrovia (10:00 AM)",
-                                                                  "value": "Africa/Monrovia",
-                                                                },
-                                                                Object {
-                                                                  "index": 100,
-                                                                  "label": "UTC (10:00 AM)",
-                                                                  "value": "Etc/UTC",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Cape Verde Is. (9:00 AM)",
-                                                                  "value": "Atlantic/Cape_Verde",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Dublin (11:00 AM)",
-                                                                  "value": "Europe/Dublin",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Edinburgh (11:00 AM)",
-                                                                  "value": "Europe/London",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Lisbon (11:00 AM)",
-                                                                  "value": "Europe/Lisbon",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "London (11:00 AM)",
-                                                                  "value": "Europe/London",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Casablanca (11:00 AM)",
-                                                                  "value": "Africa/Casablanca",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "West Central Africa (11:00 AM)",
-                                                                  "value": "Africa/Algiers",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Greenland (8:00 AM)",
-                                                                  "value": "America/Godthab",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Mid-Atlantic (8:00 AM)",
-                                                                  "value": "Atlantic/South_Georgia",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Belgrade (12:00 PM)",
-                                                                  "value": "Europe/Belgrade",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Bratislava (12:00 PM)",
-                                                                  "value": "Europe/Bratislava",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Budapest (12:00 PM)",
-                                                                  "value": "Europe/Budapest",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Ljubljana (12:00 PM)",
-                                                                  "value": "Europe/Ljubljana",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Prague (12:00 PM)",
-                                                                  "value": "Europe/Prague",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Sarajevo (12:00 PM)",
-                                                                  "value": "Europe/Sarajevo",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Skopje (12:00 PM)",
-                                                                  "value": "Europe/Skopje",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Warsaw (12:00 PM)",
-                                                                  "value": "Europe/Warsaw",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Zagreb (12:00 PM)",
-                                                                  "value": "Europe/Zagreb",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Brussels (12:00 PM)",
-                                                                  "value": "Europe/Brussels",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Copenhagen (12:00 PM)",
-                                                                  "value": "Europe/Copenhagen",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Madrid (12:00 PM)",
-                                                                  "value": "Europe/Madrid",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Paris (12:00 PM)",
-                                                                  "value": "Europe/Paris",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Amsterdam (12:00 PM)",
-                                                                  "value": "Europe/Amsterdam",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Berlin (12:00 PM)",
-                                                                  "value": "Europe/Berlin",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Bern (12:00 PM)",
-                                                                  "value": "Europe/Zurich",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Zurich (12:00 PM)",
-                                                                  "value": "Europe/Zurich",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Rome (12:00 PM)",
-                                                                  "value": "Europe/Rome",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Stockholm (12:00 PM)",
-                                                                  "value": "Europe/Stockholm",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Vienna (12:00 PM)",
-                                                                  "value": "Europe/Vienna",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Cairo (12:00 PM)",
-                                                                  "value": "Africa/Cairo",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Harare (12:00 PM)",
-                                                                  "value": "Africa/Harare",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Pretoria (12:00 PM)",
-                                                                  "value": "Africa/Johannesburg",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Kaliningrad (12:00 PM)",
-                                                                  "value": "Europe/Kaliningrad",
-                                                                },
-                                                                Object {
-                                                                  "index": 250,
-                                                                  "label": "Newfoundland (7:30 AM)",
-                                                                  "value": "America/St_Johns",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Atlantic Time (Canada) (7:00 AM)",
-                                                                  "value": "America/Halifax",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Brasilia (7:00 AM)",
-                                                                  "value": "America/Sao_Paulo",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Buenos Aires (7:00 AM)",
-                                                                  "value": "America/Argentina/Buenos_Aires",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Montevideo (7:00 AM)",
-                                                                  "value": "America/Montevideo",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Bucharest (1:00 PM)",
-                                                                  "value": "Europe/Bucharest",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Helsinki (1:00 PM)",
-                                                                  "value": "Europe/Helsinki",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Kyiv (1:00 PM)",
-                                                                  "value": "Europe/Kiev",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Riga (1:00 PM)",
-                                                                  "value": "Europe/Riga",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Sofia (1:00 PM)",
-                                                                  "value": "Europe/Sofia",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Tallinn (1:00 PM)",
-                                                                  "value": "Europe/Tallinn",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Vilnius (1:00 PM)",
-                                                                  "value": "Europe/Vilnius",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Athens (1:00 PM)",
-                                                                  "value": "Europe/Athens",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Istanbul (1:00 PM)",
-                                                                  "value": "Europe/Istanbul",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Minsk (1:00 PM)",
-                                                                  "value": "Europe/Minsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Jerusalem (1:00 PM)",
-                                                                  "value": "Asia/Jerusalem",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Moscow (1:00 PM)",
-                                                                  "value": "Europe/Moscow",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "St. Petersburg (1:00 PM)",
-                                                                  "value": "Europe/Moscow",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Kuwait (1:00 PM)",
-                                                                  "value": "Asia/Kuwait",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Riyadh (1:00 PM)",
-                                                                  "value": "Asia/Riyadh",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Nairobi (1:00 PM)",
-                                                                  "value": "Africa/Nairobi",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Baghdad (1:00 PM)",
-                                                                  "value": "Asia/Baghdad",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Caracas (6:00 AM)",
-                                                                  "value": "America/Caracas",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "La Paz (6:00 AM)",
-                                                                  "value": "America/La_Paz",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Santiago (6:00 AM)",
-                                                                  "value": "America/Santiago",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Georgetown (6:00 AM)",
-                                                                  "value": "America/Guyana",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Volgograd (2:00 PM)",
-                                                                  "value": "Europe/Volgograd",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Samara (2:00 PM)",
-                                                                  "value": "Europe/Samara",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Abu Dhabi (2:00 PM)",
-                                                                  "value": "Asia/Muscat",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Muscat (2:00 PM)",
-                                                                  "value": "Asia/Muscat",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Baku (2:00 PM)",
-                                                                  "value": "Asia/Baku",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Tbilisi (2:00 PM)",
-                                                                  "value": "Asia/Tbilisi",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Yerevan (2:00 PM)",
-                                                                  "value": "Asia/Yerevan",
-                                                                },
-                                                                Object {
-                                                                  "index": 370,
-                                                                  "label": "Tehran (2:30 PM)",
-                                                                  "value": "Asia/Tehran",
-                                                                },
-                                                                Object {
-                                                                  "index": 370,
-                                                                  "label": "Kabul (2:30 PM)",
-                                                                  "value": "Asia/Kabul",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Guadalajara (5:00 AM)",
-                                                                  "value": "America/Mexico_City",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Mexico City (5:00 AM)",
-                                                                  "value": "America/Mexico_City",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Monterrey (5:00 AM)",
-                                                                  "value": "America/Monterrey",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Bogota (5:00 AM)",
-                                                                  "value": "America/Bogota",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Lima (5:00 AM)",
-                                                                  "value": "America/Lima",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Quito (5:00 AM)",
-                                                                  "value": "America/Lima",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Ekaterinburg (3:00 PM)",
-                                                                  "value": "Asia/Yekaterinburg",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Islamabad (3:00 PM)",
-                                                                  "value": "Asia/Karachi",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Karachi (3:00 PM)",
-                                                                  "value": "Asia/Karachi",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Tashkent (3:00 PM)",
-                                                                  "value": "Asia/Tashkent",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "Chennai (3:30 PM)",
-                                                                  "value": "Asia/Kolkata",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "Kolkata (3:30 PM)",
-                                                                  "value": "Asia/Kolkata",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "Mumbai (3:30 PM)",
-                                                                  "value": "Asia/Kolkata",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "New Delhi (3:30 PM)",
-                                                                  "value": "Asia/Kolkata",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "Sri Jayawardenepura (3:30 PM)",
-                                                                  "value": "Asia/Colombo",
-                                                                },
-                                                                Object {
-                                                                  "index": 445,
-                                                                  "label": "Kathmandu (3:45 PM)",
-                                                                  "value": "Asia/Kathmandu",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Chihuahua (4:00 AM)",
-                                                                  "value": "America/Chihuahua",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Mazatlan (4:00 AM)",
-                                                                  "value": "America/Mazatlan",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Saskatchewan (4:00 AM)",
-                                                                  "value": "America/Regina",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Central America (4:00 AM)",
-                                                                  "value": "America/Guatemala",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Astana (4:00 PM)",
-                                                                  "value": "Asia/Dhaka",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Dhaka (4:00 PM)",
-                                                                  "value": "Asia/Dhaka",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Almaty (4:00 PM)",
-                                                                  "value": "Asia/Almaty",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Urumqi (4:00 PM)",
-                                                                  "value": "Asia/Urumqi",
-                                                                },
-                                                                Object {
-                                                                  "index": 490,
-                                                                  "label": "Rangoon (4:30 PM)",
-                                                                  "value": "Asia/Rangoon",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Tijuana (3:00 AM)",
-                                                                  "value": "America/Tijuana",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Novosibirsk (5:00 PM)",
-                                                                  "value": "Asia/Novosibirsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Bangkok (5:00 PM)",
-                                                                  "value": "Asia/Bangkok",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Hanoi (5:00 PM)",
-                                                                  "value": "Asia/Bangkok",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Jakarta (5:00 PM)",
-                                                                  "value": "Asia/Jakarta",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Krasnoyarsk (5:00 PM)",
-                                                                  "value": "Asia/Krasnoyarsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Beijing (6:00 PM)",
-                                                                  "value": "Asia/Shanghai",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Chongqing (6:00 PM)",
-                                                                  "value": "Asia/Chongqing",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Hong Kong (6:00 PM)",
-                                                                  "value": "Asia/Hong_Kong",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Kuala Lumpur (6:00 PM)",
-                                                                  "value": "Asia/Kuala_Lumpur",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Singapore (6:00 PM)",
-                                                                  "value": "Asia/Singapore",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Taipei (6:00 PM)",
-                                                                  "value": "Asia/Taipei",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Perth (6:00 PM)",
-                                                                  "value": "Australia/Perth",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Irkutsk (6:00 PM)",
-                                                                  "value": "Asia/Irkutsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Ulaanbaatar (6:00 PM)",
-                                                                  "value": "Asia/Ulaanbaatar",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Seoul (7:00 PM)",
-                                                                  "value": "Asia/Seoul",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Osaka (7:00 PM)",
-                                                                  "value": "Asia/Tokyo",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Sapporo (7:00 PM)",
-                                                                  "value": "Asia/Tokyo",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Tokyo (7:00 PM)",
-                                                                  "value": "Asia/Tokyo",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Yakutsk (7:00 PM)",
-                                                                  "value": "Asia/Yakutsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 670,
-                                                                  "label": "Darwin (7:30 PM)",
-                                                                  "value": "Australia/Darwin",
-                                                                },
-                                                                Object {
-                                                                  "index": 670,
-                                                                  "label": "Adelaide (7:30 PM)",
-                                                                  "value": "Australia/Adelaide",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Canberra (8:00 PM)",
-                                                                  "value": "Australia/Melbourne",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Melbourne (8:00 PM)",
-                                                                  "value": "Australia/Melbourne",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Sydney (8:00 PM)",
-                                                                  "value": "Australia/Sydney",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Brisbane (8:00 PM)",
-                                                                  "value": "Australia/Brisbane",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Hobart (8:00 PM)",
-                                                                  "value": "Australia/Hobart",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Vladivostok (8:00 PM)",
-                                                                  "value": "Asia/Vladivostok",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Guam (8:00 PM)",
-                                                                  "value": "Pacific/Guam",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Port Moresby (8:00 PM)",
-                                                                  "value": "Pacific/Port_Moresby",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "Midway Island (11:00 PM)",
-                                                                  "value": "Pacific/Midway",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "American Samoa (11:00 PM)",
-                                                                  "value": "Pacific/Pago_Pago",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "Magadan (9:00 PM)",
-                                                                  "value": "Asia/Magadan",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "Srednekolymsk (9:00 PM)",
-                                                                  "value": "Asia/Srednekolymsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "Solomon Is. (9:00 PM)",
-                                                                  "value": "Pacific/Guadalcanal",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "New Caledonia (9:00 PM)",
-                                                                  "value": "Pacific/Noumea",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "International Date Line West (10:00 PM)",
-                                                                  "value": "Etc/GMT+12",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Fiji (10:00 PM)",
-                                                                  "value": "Pacific/Fiji",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Kamchatka (10:00 PM)",
-                                                                  "value": "Asia/Kamchatka",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Marshall Is. (10:00 PM)",
-                                                                  "value": "Pacific/Majuro",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Auckland (10:00 PM)",
-                                                                  "value": "Pacific/Auckland",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Wellington (10:00 PM)",
-                                                                  "value": "Pacific/Auckland",
-                                                                },
-                                                                Object {
-                                                                  "index": 865,
-                                                                  "label": "Chatham Is. (10:45 PM)",
-                                                                  "value": "Pacific/Chatham",
-                                                                },
-                                                                Object {
-                                                                  "index": 880,
-                                                                  "label": "Nuku'alofa (11:00 PM)",
-                                                                  "value": "Pacific/Tongatapu",
-                                                                },
-                                                                Object {
-                                                                  "index": 880,
-                                                                  "label": "Tokelau Is. (11:00 PM)",
-                                                                  "value": "Pacific/Fakaofo",
-                                                                },
-                                                                Object {
-                                                                  "index": 880,
-                                                                  "label": "Samoa (11:00 PM)",
-                                                                  "value": "Pacific/Apia",
-                                                                },
-                                                              ],
+                                                          <div
+                                                            className="cf-select__single-value css-1uccc91-singleValue"
+                                                          />
+                                                        </EmotionCssPropInternal>
+                                                      </SingleValue>
+                                                      <CustomInput
+                                                        aria-autocomplete="list"
+                                                        autoCapitalize="none"
+                                                        autoComplete="off"
+                                                        autoCorrect="off"
+                                                        cx={[Function]}
+                                                        getStyles={[Function]}
+                                                        id="hearing-coordinator-dropdown"
+                                                        innerRef={[Function]}
+                                                        isDisabled={false}
+                                                        isHidden={false}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        selectProps={
+                                                          Object {
+                                                            "backspaceRemovesValue": true,
+                                                            "blurInputOnSelect": true,
+                                                            "cache": false,
+                                                            "captureMenuScroll": false,
+                                                            "classNamePrefix": "cf-select",
+                                                            "closeMenuOnScroll": false,
+                                                            "closeMenuOnSelect": true,
+                                                            "components": Object {
+                                                              "Input": [Function],
+                                                              "MenuList": [Function],
+                                                              "Option": [Function],
+                                                            },
+                                                            "controlShouldRenderValue": true,
+                                                            "defaultOptions": undefined,
+                                                            "escapeClearsValue": false,
+                                                            "filterOption": [Function],
+                                                            "formatGroupLabel": [Function],
+                                                            "getOptionLabel": [Function],
+                                                            "getOptionValue": [Function],
+                                                            "inputId": "hearing-coordinator-dropdown",
+                                                            "inputValue": "",
+                                                            "isClearable": undefined,
+                                                            "isDisabled": false,
+                                                            "isLoading": false,
+                                                            "isMulti": false,
+                                                            "isOptionDisabled": [Function],
+                                                            "isRtl": false,
+                                                            "isSearchable": true,
+                                                            "loadOptions": undefined,
+                                                            "loadingMessage": [Function],
+                                                            "maxMenuHeight": 300,
+                                                            "menuIsOpen": false,
+                                                            "menuPlacement": "bottom",
+                                                            "menuPosition": "absolute",
+                                                            "menuShouldBlockScroll": false,
+                                                            "menuShouldScrollIntoView": true,
+                                                            "minMenuHeight": 140,
+                                                            "name": "hearingCoordinatorDropdown",
+                                                            "noOptionsMessage": [Function],
+                                                            "onBlurResetsInput": false,
+                                                            "onChange": [Function],
+                                                            "onInputChange": [Function],
+                                                            "onMenuClose": [Function],
+                                                            "onMenuOpen": [Function],
+                                                            "openMenuOnClick": true,
+                                                            "openMenuOnFocus": false,
+                                                            "options": Array [],
+                                                            "pageSize": 5,
+                                                            "placeholder": "Select...",
+                                                            "screenReaderStatus": [Function],
+                                                            "searchable": undefined,
+                                                            "shouldKeyDownEventCreateNewOption": [Function],
+                                                            "styles": Object {
+                                                              "input": [Function],
+                                                            },
+                                                            "tabIndex": "0",
+                                                            "tabSelectsValue": true,
+                                                            "value": Object {
+                                                              "label": null,
+                                                              "value": null,
+                                                            },
+                                                          }
+                                                        }
+                                                        spellCheck="false"
+                                                        tabIndex="0"
+                                                        theme={
+                                                          Object {
+                                                            "borderRadius": 4,
+                                                            "colors": Object {
+                                                              "danger": "#DE350B",
+                                                              "dangerLight": "#FFBDAD",
+                                                              "neutral0": "hsl(0, 0%, 100%)",
+                                                              "neutral10": "hsl(0, 0%, 90%)",
+                                                              "neutral20": "hsl(0, 0%, 80%)",
+                                                              "neutral30": "hsl(0, 0%, 70%)",
+                                                              "neutral40": "hsl(0, 0%, 60%)",
+                                                              "neutral5": "hsl(0, 0%, 95%)",
+                                                              "neutral50": "hsl(0, 0%, 50%)",
+                                                              "neutral60": "hsl(0, 0%, 40%)",
+                                                              "neutral70": "hsl(0, 0%, 30%)",
+                                                              "neutral80": "hsl(0, 0%, 20%)",
+                                                              "neutral90": "hsl(0, 0%, 10%)",
+                                                              "primary": "#2684FF",
+                                                              "primary25": "#DEEBFF",
+                                                              "primary50": "#B2D4FF",
+                                                              "primary75": "#4C9AFF",
+                                                            },
+                                                            "spacing": Object {
+                                                              "baseUnit": 4,
+                                                              "controlHeight": 38,
+                                                              "menuGutter": 8,
+                                                            },
+                                                          }
+                                                        }
+                                                        type="text"
+                                                        value=""
+                                                      >
+                                                        <Input
+                                                          aria-autocomplete="list"
+                                                          aria-expanded={false}
+                                                          aria-haspopup={true}
+                                                          aria-labelledby="hearing-coordinator-dropdown-label"
+                                                          aria-owns="hearing-coordinator-dropdown-listbox"
+                                                          autoCapitalize="none"
+                                                          autoComplete="off"
+                                                          autoCorrect="off"
+                                                          cx={[Function]}
+                                                          getStyles={[Function]}
+                                                          id="hearing-coordinator-dropdown"
+                                                          innerRef={[Function]}
+                                                          isDisabled={false}
+                                                          isHidden={false}
+                                                          onBlur={[Function]}
+                                                          onChange={[Function]}
+                                                          onFocus={[Function]}
+                                                          role="combobox"
+                                                          selectProps={
+                                                            Object {
+                                                              "backspaceRemovesValue": true,
+                                                              "blurInputOnSelect": true,
+                                                              "cache": false,
+                                                              "captureMenuScroll": false,
+                                                              "classNamePrefix": "cf-select",
+                                                              "closeMenuOnScroll": false,
+                                                              "closeMenuOnSelect": true,
+                                                              "components": Object {
+                                                                "Input": [Function],
+                                                                "MenuList": [Function],
+                                                                "Option": [Function],
+                                                              },
+                                                              "controlShouldRenderValue": true,
+                                                              "defaultOptions": undefined,
+                                                              "escapeClearsValue": false,
+                                                              "filterOption": [Function],
+                                                              "formatGroupLabel": [Function],
+                                                              "getOptionLabel": [Function],
+                                                              "getOptionValue": [Function],
+                                                              "inputId": "hearing-coordinator-dropdown",
+                                                              "inputValue": "",
+                                                              "isClearable": undefined,
+                                                              "isDisabled": false,
+                                                              "isLoading": false,
+                                                              "isMulti": false,
+                                                              "isOptionDisabled": [Function],
+                                                              "isRtl": false,
+                                                              "isSearchable": true,
+                                                              "loadOptions": undefined,
+                                                              "loadingMessage": [Function],
+                                                              "maxMenuHeight": 300,
+                                                              "menuIsOpen": false,
+                                                              "menuPlacement": "bottom",
+                                                              "menuPosition": "absolute",
+                                                              "menuShouldBlockScroll": false,
+                                                              "menuShouldScrollIntoView": true,
+                                                              "minMenuHeight": 140,
+                                                              "name": "hearingCoordinatorDropdown",
+                                                              "noOptionsMessage": [Function],
+                                                              "onBlurResetsInput": false,
+                                                              "onChange": [Function],
+                                                              "onInputChange": [Function],
+                                                              "onMenuClose": [Function],
+                                                              "onMenuOpen": [Function],
+                                                              "openMenuOnClick": true,
+                                                              "openMenuOnFocus": false,
+                                                              "options": Array [],
                                                               "pageSize": 5,
-                                                              "placeholder": "Select a timezone",
+                                                              "placeholder": "Select...",
                                                               "screenReaderStatus": [Function],
                                                               "searchable": undefined,
                                                               "shouldKeyDownEventCreateNewOption": [Function],
                                                               "styles": Object {
                                                                 "input": [Function],
-                                                              },
-                                                              "tabIndex": "0",
-                                                              "tabSelectsValue": true,
-                                                              "value": Object {
-                                                                "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                                "value": "America/Los_Angeles",
-                                                              },
-                                                            }
-                                                          }
-                                                          spellCheck="false"
-                                                          tabIndex="0"
-                                                          theme={
-                                                            Object {
-                                                              "borderRadius": 4,
-                                                              "colors": Object {
-                                                                "danger": "#DE350B",
-                                                                "dangerLight": "#FFBDAD",
-                                                                "neutral0": "hsl(0, 0%, 100%)",
-                                                                "neutral10": "hsl(0, 0%, 90%)",
-                                                                "neutral20": "hsl(0, 0%, 80%)",
-                                                                "neutral30": "hsl(0, 0%, 70%)",
-                                                                "neutral40": "hsl(0, 0%, 60%)",
-                                                                "neutral5": "hsl(0, 0%, 95%)",
-                                                                "neutral50": "hsl(0, 0%, 50%)",
-                                                                "neutral60": "hsl(0, 0%, 40%)",
-                                                                "neutral70": "hsl(0, 0%, 30%)",
-                                                                "neutral80": "hsl(0, 0%, 20%)",
-                                                                "neutral90": "hsl(0, 0%, 10%)",
-                                                                "primary": "#2684FF",
-                                                                "primary25": "#DEEBFF",
-                                                                "primary50": "#B2D4FF",
-                                                                "primary75": "#4C9AFF",
-                                                              },
-                                                              "spacing": Object {
-                                                                "baseUnit": 4,
-                                                                "controlHeight": 38,
-                                                                "menuGutter": 8,
-                                                              },
-                                                            }
-                                                          }
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <Input
-                                                            aria-autocomplete="list"
-                                                            aria-expanded={false}
-                                                            aria-haspopup={true}
-                                                            aria-labelledby="appellant-tz-label"
-                                                            aria-owns="appellant-tz-listbox"
-                                                            autoCapitalize="none"
-                                                            autoComplete="off"
-                                                            autoCorrect="off"
-                                                            cx={[Function]}
-                                                            getStyles={[Function]}
-                                                            id="appellant-tz"
-                                                            innerRef={[Function]}
-                                                            isDisabled={false}
-                                                            isHidden={false}
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            role="combobox"
-                                                            selectProps={
-                                                              Object {
-                                                                "backspaceRemovesValue": true,
-                                                                "blurInputOnSelect": true,
-                                                                "cache": false,
-                                                                "captureMenuScroll": false,
-                                                                "classNamePrefix": "cf-select",
-                                                                "closeMenuOnScroll": false,
-                                                                "closeMenuOnSelect": true,
-                                                                "components": Object {
-                                                                  "Input": [Function],
-                                                                  "MenuList": [Function],
-                                                                  "Option": [Function],
-                                                                },
-                                                                "controlShouldRenderValue": true,
-                                                                "defaultOptions": undefined,
-                                                                "escapeClearsValue": false,
-                                                                "filterOption": [Function],
-                                                                "formatGroupLabel": [Function],
-                                                                "getOptionLabel": [Function],
-                                                                "getOptionValue": [Function],
-                                                                "inputId": "appellant-tz",
-                                                                "inputValue": "",
-                                                                "isClearable": undefined,
-                                                                "isDisabled": false,
-                                                                "isLoading": false,
-                                                                "isMulti": false,
-                                                                "isOptionDisabled": [Function],
-                                                                "isRtl": false,
-                                                                "isSearchable": true,
-                                                                "loadOptions": undefined,
-                                                                "loadingMessage": [Function],
-                                                                "maxMenuHeight": 300,
-                                                                "menuIsOpen": false,
-                                                                "menuPlacement": "bottom",
-                                                                "menuPosition": "absolute",
-                                                                "menuShouldBlockScroll": false,
-                                                                "menuShouldScrollIntoView": true,
-                                                                "minMenuHeight": 140,
-                                                                "name": "appellantTz",
-                                                                "noOptionsMessage": [Function],
-                                                                "onBlurResetsInput": false,
-                                                                "onChange": [Function],
-                                                                "onInputChange": [Function],
-                                                                "onMenuClose": [Function],
-                                                                "onMenuOpen": [Function],
-                                                                "openMenuOnClick": true,
-                                                                "openMenuOnFocus": false,
-                                                                "options": Array [
-                                                                  Object {
-                                                                    "label": "",
-                                                                    "value": null,
-                                                                  },
-                                                                  Object {
-                                                                    "index": -3,
-                                                                    "label": "Eastern Time (US & Canada) (6:00 AM)",
-                                                                    "value": "America/New_York",
-                                                                  },
-                                                                  Object {
-                                                                    "index": -2,
-                                                                    "label": "Central Time (US & Canada) (5:00 AM)",
-                                                                    "value": "America/Chicago",
-                                                                  },
-                                                                  Object {
-                                                                    "index": -1,
-                                                                    "label": "Mountain Time (US & Canada) (4:00 AM)",
-                                                                    "value": "America/Denver",
-                                                                  },
-                                                                  Object {
-                                                                    "index": -0,
-                                                                    "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                                    "value": "America/Los_Angeles",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 2.4,
-                                                                    "label": "Indiana (East) (6:00 AM)",
-                                                                    "value": "America/Indiana/Indianapolis",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 2.4,
-                                                                    "label": "Puerto Rico (6:00 AM)",
-                                                                    "value": "America/Puerto_Rico",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 4.2,
-                                                                    "label": "Arizona (3:00 AM)",
-                                                                    "value": "America/Phoenix",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 4.8,
-                                                                    "label": "Alaska (2:00 AM)",
-                                                                    "value": "America/Juneau",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 4.8,
-                                                                    "label": "Philippine Standard Time (6:00 PM)",
-                                                                    "value": "Asia/Manila",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 6,
-                                                                    "label": "Hawaii (12:00 AM)",
-                                                                    "value": "Pacific/Honolulu",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 100,
-                                                                    "label": "Azores (10:00 AM)",
-                                                                    "value": "Atlantic/Azores",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 100,
-                                                                    "label": "Monrovia (10:00 AM)",
-                                                                    "value": "Africa/Monrovia",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 100,
-                                                                    "label": "UTC (10:00 AM)",
-                                                                    "value": "Etc/UTC",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 160,
-                                                                    "label": "Cape Verde Is. (9:00 AM)",
-                                                                    "value": "Atlantic/Cape_Verde",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 160,
-                                                                    "label": "Dublin (11:00 AM)",
-                                                                    "value": "Europe/Dublin",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 160,
-                                                                    "label": "Edinburgh (11:00 AM)",
-                                                                    "value": "Europe/London",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 160,
-                                                                    "label": "Lisbon (11:00 AM)",
-                                                                    "value": "Europe/Lisbon",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 160,
-                                                                    "label": "London (11:00 AM)",
-                                                                    "value": "Europe/London",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 160,
-                                                                    "label": "Casablanca (11:00 AM)",
-                                                                    "value": "Africa/Casablanca",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 160,
-                                                                    "label": "West Central Africa (11:00 AM)",
-                                                                    "value": "Africa/Algiers",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Greenland (8:00 AM)",
-                                                                    "value": "America/Godthab",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Mid-Atlantic (8:00 AM)",
-                                                                    "value": "Atlantic/South_Georgia",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Belgrade (12:00 PM)",
-                                                                    "value": "Europe/Belgrade",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Bratislava (12:00 PM)",
-                                                                    "value": "Europe/Bratislava",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Budapest (12:00 PM)",
-                                                                    "value": "Europe/Budapest",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Ljubljana (12:00 PM)",
-                                                                    "value": "Europe/Ljubljana",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Prague (12:00 PM)",
-                                                                    "value": "Europe/Prague",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Sarajevo (12:00 PM)",
-                                                                    "value": "Europe/Sarajevo",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Skopje (12:00 PM)",
-                                                                    "value": "Europe/Skopje",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Warsaw (12:00 PM)",
-                                                                    "value": "Europe/Warsaw",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Zagreb (12:00 PM)",
-                                                                    "value": "Europe/Zagreb",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Brussels (12:00 PM)",
-                                                                    "value": "Europe/Brussels",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Copenhagen (12:00 PM)",
-                                                                    "value": "Europe/Copenhagen",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Madrid (12:00 PM)",
-                                                                    "value": "Europe/Madrid",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Paris (12:00 PM)",
-                                                                    "value": "Europe/Paris",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Amsterdam (12:00 PM)",
-                                                                    "value": "Europe/Amsterdam",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Berlin (12:00 PM)",
-                                                                    "value": "Europe/Berlin",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Bern (12:00 PM)",
-                                                                    "value": "Europe/Zurich",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Zurich (12:00 PM)",
-                                                                    "value": "Europe/Zurich",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Rome (12:00 PM)",
-                                                                    "value": "Europe/Rome",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Stockholm (12:00 PM)",
-                                                                    "value": "Europe/Stockholm",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Vienna (12:00 PM)",
-                                                                    "value": "Europe/Vienna",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Cairo (12:00 PM)",
-                                                                    "value": "Africa/Cairo",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Harare (12:00 PM)",
-                                                                    "value": "Africa/Harare",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Pretoria (12:00 PM)",
-                                                                    "value": "Africa/Johannesburg",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 220,
-                                                                    "label": "Kaliningrad (12:00 PM)",
-                                                                    "value": "Europe/Kaliningrad",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 250,
-                                                                    "label": "Newfoundland (7:30 AM)",
-                                                                    "value": "America/St_Johns",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Atlantic Time (Canada) (7:00 AM)",
-                                                                    "value": "America/Halifax",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Brasilia (7:00 AM)",
-                                                                    "value": "America/Sao_Paulo",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Buenos Aires (7:00 AM)",
-                                                                    "value": "America/Argentina/Buenos_Aires",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Montevideo (7:00 AM)",
-                                                                    "value": "America/Montevideo",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Bucharest (1:00 PM)",
-                                                                    "value": "Europe/Bucharest",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Helsinki (1:00 PM)",
-                                                                    "value": "Europe/Helsinki",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Kyiv (1:00 PM)",
-                                                                    "value": "Europe/Kiev",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Riga (1:00 PM)",
-                                                                    "value": "Europe/Riga",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Sofia (1:00 PM)",
-                                                                    "value": "Europe/Sofia",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Tallinn (1:00 PM)",
-                                                                    "value": "Europe/Tallinn",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Vilnius (1:00 PM)",
-                                                                    "value": "Europe/Vilnius",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Athens (1:00 PM)",
-                                                                    "value": "Europe/Athens",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Istanbul (1:00 PM)",
-                                                                    "value": "Europe/Istanbul",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Minsk (1:00 PM)",
-                                                                    "value": "Europe/Minsk",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Jerusalem (1:00 PM)",
-                                                                    "value": "Asia/Jerusalem",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Moscow (1:00 PM)",
-                                                                    "value": "Europe/Moscow",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "St. Petersburg (1:00 PM)",
-                                                                    "value": "Europe/Moscow",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Kuwait (1:00 PM)",
-                                                                    "value": "Asia/Kuwait",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Riyadh (1:00 PM)",
-                                                                    "value": "Asia/Riyadh",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Nairobi (1:00 PM)",
-                                                                    "value": "Africa/Nairobi",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 280,
-                                                                    "label": "Baghdad (1:00 PM)",
-                                                                    "value": "Asia/Baghdad",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 340,
-                                                                    "label": "Caracas (6:00 AM)",
-                                                                    "value": "America/Caracas",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 340,
-                                                                    "label": "La Paz (6:00 AM)",
-                                                                    "value": "America/La_Paz",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 340,
-                                                                    "label": "Santiago (6:00 AM)",
-                                                                    "value": "America/Santiago",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 340,
-                                                                    "label": "Georgetown (6:00 AM)",
-                                                                    "value": "America/Guyana",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 340,
-                                                                    "label": "Volgograd (2:00 PM)",
-                                                                    "value": "Europe/Volgograd",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 340,
-                                                                    "label": "Samara (2:00 PM)",
-                                                                    "value": "Europe/Samara",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 340,
-                                                                    "label": "Abu Dhabi (2:00 PM)",
-                                                                    "value": "Asia/Muscat",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 340,
-                                                                    "label": "Muscat (2:00 PM)",
-                                                                    "value": "Asia/Muscat",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 340,
-                                                                    "label": "Baku (2:00 PM)",
-                                                                    "value": "Asia/Baku",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 340,
-                                                                    "label": "Tbilisi (2:00 PM)",
-                                                                    "value": "Asia/Tbilisi",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 340,
-                                                                    "label": "Yerevan (2:00 PM)",
-                                                                    "value": "Asia/Yerevan",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 370,
-                                                                    "label": "Tehran (2:30 PM)",
-                                                                    "value": "Asia/Tehran",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 370,
-                                                                    "label": "Kabul (2:30 PM)",
-                                                                    "value": "Asia/Kabul",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 400,
-                                                                    "label": "Guadalajara (5:00 AM)",
-                                                                    "value": "America/Mexico_City",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 400,
-                                                                    "label": "Mexico City (5:00 AM)",
-                                                                    "value": "America/Mexico_City",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 400,
-                                                                    "label": "Monterrey (5:00 AM)",
-                                                                    "value": "America/Monterrey",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 400,
-                                                                    "label": "Bogota (5:00 AM)",
-                                                                    "value": "America/Bogota",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 400,
-                                                                    "label": "Lima (5:00 AM)",
-                                                                    "value": "America/Lima",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 400,
-                                                                    "label": "Quito (5:00 AM)",
-                                                                    "value": "America/Lima",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 400,
-                                                                    "label": "Ekaterinburg (3:00 PM)",
-                                                                    "value": "Asia/Yekaterinburg",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 400,
-                                                                    "label": "Islamabad (3:00 PM)",
-                                                                    "value": "Asia/Karachi",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 400,
-                                                                    "label": "Karachi (3:00 PM)",
-                                                                    "value": "Asia/Karachi",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 400,
-                                                                    "label": "Tashkent (3:00 PM)",
-                                                                    "value": "Asia/Tashkent",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 430,
-                                                                    "label": "Chennai (3:30 PM)",
-                                                                    "value": "Asia/Kolkata",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 430,
-                                                                    "label": "Kolkata (3:30 PM)",
-                                                                    "value": "Asia/Kolkata",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 430,
-                                                                    "label": "Mumbai (3:30 PM)",
-                                                                    "value": "Asia/Kolkata",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 430,
-                                                                    "label": "New Delhi (3:30 PM)",
-                                                                    "value": "Asia/Kolkata",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 430,
-                                                                    "label": "Sri Jayawardenepura (3:30 PM)",
-                                                                    "value": "Asia/Colombo",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 445,
-                                                                    "label": "Kathmandu (3:45 PM)",
-                                                                    "value": "Asia/Kathmandu",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 460,
-                                                                    "label": "Chihuahua (4:00 AM)",
-                                                                    "value": "America/Chihuahua",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 460,
-                                                                    "label": "Mazatlan (4:00 AM)",
-                                                                    "value": "America/Mazatlan",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 460,
-                                                                    "label": "Saskatchewan (4:00 AM)",
-                                                                    "value": "America/Regina",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 460,
-                                                                    "label": "Central America (4:00 AM)",
-                                                                    "value": "America/Guatemala",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 460,
-                                                                    "label": "Astana (4:00 PM)",
-                                                                    "value": "Asia/Dhaka",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 460,
-                                                                    "label": "Dhaka (4:00 PM)",
-                                                                    "value": "Asia/Dhaka",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 460,
-                                                                    "label": "Almaty (4:00 PM)",
-                                                                    "value": "Asia/Almaty",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 460,
-                                                                    "label": "Urumqi (4:00 PM)",
-                                                                    "value": "Asia/Urumqi",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 490,
-                                                                    "label": "Rangoon (4:30 PM)",
-                                                                    "value": "Asia/Rangoon",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 520,
-                                                                    "label": "Tijuana (3:00 AM)",
-                                                                    "value": "America/Tijuana",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 520,
-                                                                    "label": "Novosibirsk (5:00 PM)",
-                                                                    "value": "Asia/Novosibirsk",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 520,
-                                                                    "label": "Bangkok (5:00 PM)",
-                                                                    "value": "Asia/Bangkok",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 520,
-                                                                    "label": "Hanoi (5:00 PM)",
-                                                                    "value": "Asia/Bangkok",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 520,
-                                                                    "label": "Jakarta (5:00 PM)",
-                                                                    "value": "Asia/Jakarta",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 520,
-                                                                    "label": "Krasnoyarsk (5:00 PM)",
-                                                                    "value": "Asia/Krasnoyarsk",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 580,
-                                                                    "label": "Beijing (6:00 PM)",
-                                                                    "value": "Asia/Shanghai",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 580,
-                                                                    "label": "Chongqing (6:00 PM)",
-                                                                    "value": "Asia/Chongqing",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 580,
-                                                                    "label": "Hong Kong (6:00 PM)",
-                                                                    "value": "Asia/Hong_Kong",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 580,
-                                                                    "label": "Kuala Lumpur (6:00 PM)",
-                                                                    "value": "Asia/Kuala_Lumpur",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 580,
-                                                                    "label": "Singapore (6:00 PM)",
-                                                                    "value": "Asia/Singapore",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 580,
-                                                                    "label": "Taipei (6:00 PM)",
-                                                                    "value": "Asia/Taipei",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 580,
-                                                                    "label": "Perth (6:00 PM)",
-                                                                    "value": "Australia/Perth",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 580,
-                                                                    "label": "Irkutsk (6:00 PM)",
-                                                                    "value": "Asia/Irkutsk",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 580,
-                                                                    "label": "Ulaanbaatar (6:00 PM)",
-                                                                    "value": "Asia/Ulaanbaatar",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 640,
-                                                                    "label": "Seoul (7:00 PM)",
-                                                                    "value": "Asia/Seoul",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 640,
-                                                                    "label": "Osaka (7:00 PM)",
-                                                                    "value": "Asia/Tokyo",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 640,
-                                                                    "label": "Sapporo (7:00 PM)",
-                                                                    "value": "Asia/Tokyo",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 640,
-                                                                    "label": "Tokyo (7:00 PM)",
-                                                                    "value": "Asia/Tokyo",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 640,
-                                                                    "label": "Yakutsk (7:00 PM)",
-                                                                    "value": "Asia/Yakutsk",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 670,
-                                                                    "label": "Darwin (7:30 PM)",
-                                                                    "value": "Australia/Darwin",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 670,
-                                                                    "label": "Adelaide (7:30 PM)",
-                                                                    "value": "Australia/Adelaide",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 700,
-                                                                    "label": "Canberra (8:00 PM)",
-                                                                    "value": "Australia/Melbourne",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 700,
-                                                                    "label": "Melbourne (8:00 PM)",
-                                                                    "value": "Australia/Melbourne",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 700,
-                                                                    "label": "Sydney (8:00 PM)",
-                                                                    "value": "Australia/Sydney",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 700,
-                                                                    "label": "Brisbane (8:00 PM)",
-                                                                    "value": "Australia/Brisbane",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 700,
-                                                                    "label": "Hobart (8:00 PM)",
-                                                                    "value": "Australia/Hobart",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 700,
-                                                                    "label": "Vladivostok (8:00 PM)",
-                                                                    "value": "Asia/Vladivostok",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 700,
-                                                                    "label": "Guam (8:00 PM)",
-                                                                    "value": "Pacific/Guam",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 700,
-                                                                    "label": "Port Moresby (8:00 PM)",
-                                                                    "value": "Pacific/Port_Moresby",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 760,
-                                                                    "label": "Midway Island (11:00 PM)",
-                                                                    "value": "Pacific/Midway",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 760,
-                                                                    "label": "American Samoa (11:00 PM)",
-                                                                    "value": "Pacific/Pago_Pago",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 760,
-                                                                    "label": "Magadan (9:00 PM)",
-                                                                    "value": "Asia/Magadan",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 760,
-                                                                    "label": "Srednekolymsk (9:00 PM)",
-                                                                    "value": "Asia/Srednekolymsk",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 760,
-                                                                    "label": "Solomon Is. (9:00 PM)",
-                                                                    "value": "Pacific/Guadalcanal",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 760,
-                                                                    "label": "New Caledonia (9:00 PM)",
-                                                                    "value": "Pacific/Noumea",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 820,
-                                                                    "label": "International Date Line West (10:00 PM)",
-                                                                    "value": "Etc/GMT+12",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 820,
-                                                                    "label": "Fiji (10:00 PM)",
-                                                                    "value": "Pacific/Fiji",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 820,
-                                                                    "label": "Kamchatka (10:00 PM)",
-                                                                    "value": "Asia/Kamchatka",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 820,
-                                                                    "label": "Marshall Is. (10:00 PM)",
-                                                                    "value": "Pacific/Majuro",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 820,
-                                                                    "label": "Auckland (10:00 PM)",
-                                                                    "value": "Pacific/Auckland",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 820,
-                                                                    "label": "Wellington (10:00 PM)",
-                                                                    "value": "Pacific/Auckland",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 865,
-                                                                    "label": "Chatham Is. (10:45 PM)",
-                                                                    "value": "Pacific/Chatham",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 880,
-                                                                    "label": "Nuku'alofa (11:00 PM)",
-                                                                    "value": "Pacific/Tongatapu",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 880,
-                                                                    "label": "Tokelau Is. (11:00 PM)",
-                                                                    "value": "Pacific/Fakaofo",
-                                                                  },
-                                                                  Object {
-                                                                    "index": 880,
-                                                                    "label": "Samoa (11:00 PM)",
-                                                                    "value": "Pacific/Apia",
-                                                                  },
-                                                                ],
-                                                                "pageSize": 5,
-                                                                "placeholder": "Select a timezone",
-                                                                "screenReaderStatus": [Function],
-                                                                "searchable": undefined,
-                                                                "shouldKeyDownEventCreateNewOption": [Function],
-                                                                "styles": Object {
-                                                                  "input": [Function],
-                                                                },
-                                                                "tabIndex": "0",
-                                                                "tabSelectsValue": true,
-                                                                "value": Object {
-                                                                  "index": -0,
-                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                                  "value": "America/Los_Angeles",
-                                                                },
-                                                              }
+                                                              },
+                                                              "tabIndex": "0",
+                                                              "tabSelectsValue": true,
+                                                              "value": Object {
+                                                                "label": null,
+                                                                "value": null,
+                                                              },
                                                             }
-                                                            spellCheck="false"
-                                                            tabIndex="0"
-                                                            theme={
+                                                          }
+                                                          spellCheck="false"
+                                                          tabIndex="0"
+                                                          theme={
+                                                            Object {
+                                                              "borderRadius": 4,
+                                                              "colors": Object {
+                                                                "danger": "#DE350B",
+                                                                "dangerLight": "#FFBDAD",
+                                                                "neutral0": "hsl(0, 0%, 100%)",
+                                                                "neutral10": "hsl(0, 0%, 90%)",
+                                                                "neutral20": "hsl(0, 0%, 80%)",
+                                                                "neutral30": "hsl(0, 0%, 70%)",
+                                                                "neutral40": "hsl(0, 0%, 60%)",
+                                                                "neutral5": "hsl(0, 0%, 95%)",
+                                                                "neutral50": "hsl(0, 0%, 50%)",
+                                                                "neutral60": "hsl(0, 0%, 40%)",
+                                                                "neutral70": "hsl(0, 0%, 30%)",
+                                                                "neutral80": "hsl(0, 0%, 20%)",
+                                                                "neutral90": "hsl(0, 0%, 10%)",
+                                                                "primary": "#2684FF",
+                                                                "primary25": "#DEEBFF",
+                                                                "primary50": "#B2D4FF",
+                                                                "primary75": "#4C9AFF",
+                                                              },
+                                                              "spacing": Object {
+                                                                "baseUnit": 4,
+                                                                "controlHeight": 38,
+                                                                "menuGutter": 8,
+                                                              },
+                                                            }
+                                                          }
+                                                          type="text"
+                                                          value=""
+                                                        >
+                                                          <EmotionCssPropInternal
+                                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Input"
+                                                            __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                            css={
                                                               Object {
-                                                                "borderRadius": 4,
-                                                                "colors": Object {
-                                                                  "danger": "#DE350B",
-                                                                  "dangerLight": "#FFBDAD",
-                                                                  "neutral0": "hsl(0, 0%, 100%)",
-                                                                  "neutral10": "hsl(0, 0%, 90%)",
-                                                                  "neutral20": "hsl(0, 0%, 80%)",
-                                                                  "neutral30": "hsl(0, 0%, 70%)",
-                                                                  "neutral40": "hsl(0, 0%, 60%)",
-                                                                  "neutral5": "hsl(0, 0%, 95%)",
-                                                                  "neutral50": "hsl(0, 0%, 50%)",
-                                                                  "neutral60": "hsl(0, 0%, 40%)",
-                                                                  "neutral70": "hsl(0, 0%, 30%)",
-                                                                  "neutral80": "hsl(0, 0%, 20%)",
-                                                                  "neutral90": "hsl(0, 0%, 10%)",
-                                                                  "primary": "#2684FF",
-                                                                  "primary25": "#DEEBFF",
-                                                                  "primary50": "#B2D4FF",
-                                                                  "primary75": "#4C9AFF",
-                                                                },
-                                                                "spacing": Object {
-                                                                  "baseUnit": 4,
-                                                                  "controlHeight": 38,
-                                                                  "menuGutter": 8,
-                                                                },
+                                                                "height": "44px",
                                                               }
                                                             }
-                                                            type="text"
-                                                            value=""
                                                           >
-                                                            <EmotionCssPropInternal
-                                                              __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Input"
-                                                              __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                              css={
-                                                                Object {
-                                                                  "height": "44px",
-                                                                }
-                                                              }
+                                                            <div
+                                                              className="css-81nyic-Input"
                                                             >
-                                                              <div
-                                                                className="css-81nyic-Input"
+                                                              <AutosizeInput
+                                                                aria-autocomplete="list"
+                                                                aria-expanded={false}
+                                                                aria-haspopup={true}
+                                                                aria-labelledby="hearing-coordinator-dropdown-label"
+                                                                aria-owns="hearing-coordinator-dropdown-listbox"
+                                                                autoCapitalize="none"
+                                                                autoComplete="off"
+                                                                autoCorrect="off"
+                                                                className="cf-select__input"
+                                                                disabled={false}
+                                                                id="hearing-coordinator-dropdown"
+                                                                injectStyles={true}
+                                                                inputRef={[Function]}
+                                                                inputStyle={
+                                                                  Object {
+                                                                    "background": 0,
+                                                                    "border": 0,
+                                                                    "color": "inherit",
+                                                                    "fontSize": "inherit",
+                                                                    "label": "input",
+                                                                    "opacity": 1,
+                                                                    "outline": 0,
+                                                                    "padding": 0,
+                                                                  }
+                                                                }
+                                                                minWidth={1}
+                                                                onBlur={[Function]}
+                                                                onChange={[Function]}
+                                                                onFocus={[Function]}
+                                                                role="combobox"
+                                                                spellCheck="false"
+                                                                tabIndex="0"
+                                                                type="text"
+                                                                value=""
                                                               >
-                                                                <AutosizeInput
-                                                                  aria-autocomplete="list"
-                                                                  aria-expanded={false}
-                                                                  aria-haspopup={true}
-                                                                  aria-labelledby="appellant-tz-label"
-                                                                  aria-owns="appellant-tz-listbox"
-                                                                  autoCapitalize="none"
-                                                                  autoComplete="off"
-                                                                  autoCorrect="off"
+                                                                <div
                                                                   className="cf-select__input"
-                                                                  disabled={false}
-                                                                  id="appellant-tz"
-                                                                  injectStyles={true}
-                                                                  inputRef={[Function]}
-                                                                  inputStyle={
+                                                                  style={
                                                                     Object {
-                                                                      "background": 0,
-                                                                      "border": 0,
-                                                                      "color": "inherit",
-                                                                      "fontSize": "inherit",
-                                                                      "label": "input",
-                                                                      "opacity": 1,
-                                                                      "outline": 0,
-                                                                      "padding": 0,
+                                                                      "display": "inline-block",
                                                                     }
                                                                   }
-                                                                  minWidth={1}
-                                                                  onBlur={[Function]}
-                                                                  onChange={[Function]}
-                                                                  onFocus={[Function]}
-                                                                  role="combobox"
-                                                                  spellCheck="false"
-                                                                  tabIndex="0"
-                                                                  type="text"
-                                                                  value=""
                                                                 >
-                                                                  <div
-                                                                    className="cf-select__input"
+                                                                  <input
+                                                                    aria-autocomplete="list"
+                                                                    aria-expanded={false}
+                                                                    aria-haspopup={true}
+                                                                    aria-labelledby="hearing-coordinator-dropdown-label"
+                                                                    aria-owns="hearing-coordinator-dropdown-listbox"
+                                                                    autoCapitalize="none"
+                                                                    autoComplete="off"
+                                                                    autoCorrect="off"
+                                                                    disabled={false}
+                                                                    id="hearing-coordinator-dropdown"
+                                                                    onBlur={[Function]}
+                                                                    onChange={[Function]}
+                                                                    onFocus={[Function]}
+                                                                    role="combobox"
+                                                                    spellCheck="false"
                                                                     style={
                                                                       Object {
-                                                                        "display": "inline-block",
+                                                                        "background": 0,
+                                                                        "border": 0,
+                                                                        "boxSizing": "content-box",
+                                                                        "color": "inherit",
+                                                                        "fontSize": "inherit",
+                                                                        "label": "input",
+                                                                        "opacity": 1,
+                                                                        "outline": 0,
+                                                                        "padding": 0,
+                                                                        "width": "2px",
                                                                       }
                                                                     }
-                                                                  >
-                                                                    <input
-                                                                      aria-autocomplete="list"
-                                                                      aria-expanded={false}
-                                                                      aria-haspopup={true}
-                                                                      aria-labelledby="appellant-tz-label"
-                                                                      aria-owns="appellant-tz-listbox"
-                                                                      autoCapitalize="none"
-                                                                      autoComplete="off"
-                                                                      autoCorrect="off"
-                                                                      disabled={false}
-                                                                      id="appellant-tz"
-                                                                      onBlur={[Function]}
-                                                                      onChange={[Function]}
-                                                                      onFocus={[Function]}
-                                                                      role="combobox"
-                                                                      spellCheck="false"
-                                                                      style={
-                                                                        Object {
-                                                                          "background": 0,
-                                                                          "border": 0,
-                                                                          "boxSizing": "content-box",
-                                                                          "color": "inherit",
-                                                                          "fontSize": "inherit",
-                                                                          "label": "input",
-                                                                          "opacity": 1,
-                                                                          "outline": 0,
-                                                                          "padding": 0,
-                                                                          "width": "2px",
-                                                                        }
-                                                                      }
-                                                                      tabIndex="0"
-                                                                      type="text"
-                                                                      value=""
-                                                                    />
-                                                                    <div
-                                                                      style={
-                                                                        Object {
-                                                                          "height": 0,
-                                                                          "left": 0,
-                                                                          "overflow": "scroll",
-                                                                          "position": "absolute",
-                                                                          "top": 0,
-                                                                          "visibility": "hidden",
-                                                                          "whiteSpace": "pre",
-                                                                        }
-                                                                      }
-                                                                    />
-                                                                  </div>
-                                                                </AutosizeInput>
-                                                              </div>
-                                                            </EmotionCssPropInternal>
-                                                          </Input>
-                                                        </CustomInput>
-                                                      </div>
-                                                    </EmotionCssPropInternal>
-                                                  </ValueContainer>
-                                                  <IndicatorsContainer
-                                                    clearValue={[Function]}
-                                                    cx={[Function]}
-                                                    getStyles={[Function]}
-                                                    getValue={[Function]}
-                                                    hasValue={true}
-                                                    isDisabled={false}
-                                                    isMulti={false}
-                                                    isRtl={false}
-                                                    options={
-                                                      Array [
-                                                        Object {
-                                                          "label": "",
-                                                          "value": null,
-                                                        },
-                                                        Object {
-                                                          "index": -3,
-                                                          "label": "Eastern Time (US & Canada) (6:00 AM)",
-                                                          "value": "America/New_York",
-                                                        },
-                                                        Object {
-                                                          "index": -2,
-                                                          "label": "Central Time (US & Canada) (5:00 AM)",
-                                                          "value": "America/Chicago",
-                                                        },
-                                                        Object {
-                                                          "index": -1,
-                                                          "label": "Mountain Time (US & Canada) (4:00 AM)",
-                                                          "value": "America/Denver",
-                                                        },
-                                                        Object {
-                                                          "index": -0,
-                                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                          "value": "America/Los_Angeles",
-                                                        },
-                                                        Object {
-                                                          "index": 2.4,
-                                                          "label": "Indiana (East) (6:00 AM)",
-                                                          "value": "America/Indiana/Indianapolis",
-                                                        },
-                                                        Object {
-                                                          "index": 2.4,
-                                                          "label": "Puerto Rico (6:00 AM)",
-                                                          "value": "America/Puerto_Rico",
-                                                        },
-                                                        Object {
-                                                          "index": 4.2,
-                                                          "label": "Arizona (3:00 AM)",
-                                                          "value": "America/Phoenix",
-                                                        },
-                                                        Object {
-                                                          "index": 4.8,
-                                                          "label": "Alaska (2:00 AM)",
-                                                          "value": "America/Juneau",
-                                                        },
-                                                        Object {
-                                                          "index": 4.8,
-                                                          "label": "Philippine Standard Time (6:00 PM)",
-                                                          "value": "Asia/Manila",
-                                                        },
-                                                        Object {
-                                                          "index": 6,
-                                                          "label": "Hawaii (12:00 AM)",
-                                                          "value": "Pacific/Honolulu",
-                                                        },
-                                                        Object {
-                                                          "index": 100,
-                                                          "label": "Azores (10:00 AM)",
-                                                          "value": "Atlantic/Azores",
-                                                        },
-                                                        Object {
-                                                          "index": 100,
-                                                          "label": "Monrovia (10:00 AM)",
-                                                          "value": "Africa/Monrovia",
-                                                        },
-                                                        Object {
-                                                          "index": 100,
-                                                          "label": "UTC (10:00 AM)",
-                                                          "value": "Etc/UTC",
-                                                        },
-                                                        Object {
-                                                          "index": 160,
-                                                          "label": "Cape Verde Is. (9:00 AM)",
-                                                          "value": "Atlantic/Cape_Verde",
-                                                        },
-                                                        Object {
-                                                          "index": 160,
-                                                          "label": "Dublin (11:00 AM)",
-                                                          "value": "Europe/Dublin",
-                                                        },
-                                                        Object {
-                                                          "index": 160,
-                                                          "label": "Edinburgh (11:00 AM)",
-                                                          "value": "Europe/London",
-                                                        },
-                                                        Object {
-                                                          "index": 160,
-                                                          "label": "Lisbon (11:00 AM)",
-                                                          "value": "Europe/Lisbon",
-                                                        },
-                                                        Object {
-                                                          "index": 160,
-                                                          "label": "London (11:00 AM)",
-                                                          "value": "Europe/London",
-                                                        },
-                                                        Object {
-                                                          "index": 160,
-                                                          "label": "Casablanca (11:00 AM)",
-                                                          "value": "Africa/Casablanca",
-                                                        },
-                                                        Object {
-                                                          "index": 160,
-                                                          "label": "West Central Africa (11:00 AM)",
-                                                          "value": "Africa/Algiers",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Greenland (8:00 AM)",
-                                                          "value": "America/Godthab",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Mid-Atlantic (8:00 AM)",
-                                                          "value": "Atlantic/South_Georgia",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Belgrade (12:00 PM)",
-                                                          "value": "Europe/Belgrade",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Bratislava (12:00 PM)",
-                                                          "value": "Europe/Bratislava",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Budapest (12:00 PM)",
-                                                          "value": "Europe/Budapest",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Ljubljana (12:00 PM)",
-                                                          "value": "Europe/Ljubljana",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Prague (12:00 PM)",
-                                                          "value": "Europe/Prague",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Sarajevo (12:00 PM)",
-                                                          "value": "Europe/Sarajevo",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Skopje (12:00 PM)",
-                                                          "value": "Europe/Skopje",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Warsaw (12:00 PM)",
-                                                          "value": "Europe/Warsaw",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Zagreb (12:00 PM)",
-                                                          "value": "Europe/Zagreb",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Brussels (12:00 PM)",
-                                                          "value": "Europe/Brussels",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Copenhagen (12:00 PM)",
-                                                          "value": "Europe/Copenhagen",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Madrid (12:00 PM)",
-                                                          "value": "Europe/Madrid",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Paris (12:00 PM)",
-                                                          "value": "Europe/Paris",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Amsterdam (12:00 PM)",
-                                                          "value": "Europe/Amsterdam",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Berlin (12:00 PM)",
-                                                          "value": "Europe/Berlin",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Bern (12:00 PM)",
-                                                          "value": "Europe/Zurich",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Zurich (12:00 PM)",
-                                                          "value": "Europe/Zurich",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Rome (12:00 PM)",
-                                                          "value": "Europe/Rome",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Stockholm (12:00 PM)",
-                                                          "value": "Europe/Stockholm",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Vienna (12:00 PM)",
-                                                          "value": "Europe/Vienna",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Cairo (12:00 PM)",
-                                                          "value": "Africa/Cairo",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Harare (12:00 PM)",
-                                                          "value": "Africa/Harare",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Pretoria (12:00 PM)",
-                                                          "value": "Africa/Johannesburg",
-                                                        },
-                                                        Object {
-                                                          "index": 220,
-                                                          "label": "Kaliningrad (12:00 PM)",
-                                                          "value": "Europe/Kaliningrad",
-                                                        },
-                                                        Object {
-                                                          "index": 250,
-                                                          "label": "Newfoundland (7:30 AM)",
-                                                          "value": "America/St_Johns",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Atlantic Time (Canada) (7:00 AM)",
-                                                          "value": "America/Halifax",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Brasilia (7:00 AM)",
-                                                          "value": "America/Sao_Paulo",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Buenos Aires (7:00 AM)",
-                                                          "value": "America/Argentina/Buenos_Aires",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Montevideo (7:00 AM)",
-                                                          "value": "America/Montevideo",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Bucharest (1:00 PM)",
-                                                          "value": "Europe/Bucharest",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Helsinki (1:00 PM)",
-                                                          "value": "Europe/Helsinki",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Kyiv (1:00 PM)",
-                                                          "value": "Europe/Kiev",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Riga (1:00 PM)",
-                                                          "value": "Europe/Riga",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Sofia (1:00 PM)",
-                                                          "value": "Europe/Sofia",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Tallinn (1:00 PM)",
-                                                          "value": "Europe/Tallinn",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Vilnius (1:00 PM)",
-                                                          "value": "Europe/Vilnius",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Athens (1:00 PM)",
-                                                          "value": "Europe/Athens",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Istanbul (1:00 PM)",
-                                                          "value": "Europe/Istanbul",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Minsk (1:00 PM)",
-                                                          "value": "Europe/Minsk",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Jerusalem (1:00 PM)",
-                                                          "value": "Asia/Jerusalem",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Moscow (1:00 PM)",
-                                                          "value": "Europe/Moscow",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "St. Petersburg (1:00 PM)",
-                                                          "value": "Europe/Moscow",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Kuwait (1:00 PM)",
-                                                          "value": "Asia/Kuwait",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Riyadh (1:00 PM)",
-                                                          "value": "Asia/Riyadh",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Nairobi (1:00 PM)",
-                                                          "value": "Africa/Nairobi",
-                                                        },
-                                                        Object {
-                                                          "index": 280,
-                                                          "label": "Baghdad (1:00 PM)",
-                                                          "value": "Asia/Baghdad",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Caracas (6:00 AM)",
-                                                          "value": "America/Caracas",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "La Paz (6:00 AM)",
-                                                          "value": "America/La_Paz",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Santiago (6:00 AM)",
-                                                          "value": "America/Santiago",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Georgetown (6:00 AM)",
-                                                          "value": "America/Guyana",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Volgograd (2:00 PM)",
-                                                          "value": "Europe/Volgograd",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Samara (2:00 PM)",
-                                                          "value": "Europe/Samara",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Abu Dhabi (2:00 PM)",
-                                                          "value": "Asia/Muscat",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Muscat (2:00 PM)",
-                                                          "value": "Asia/Muscat",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Baku (2:00 PM)",
-                                                          "value": "Asia/Baku",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Tbilisi (2:00 PM)",
-                                                          "value": "Asia/Tbilisi",
-                                                        },
-                                                        Object {
-                                                          "index": 340,
-                                                          "label": "Yerevan (2:00 PM)",
-                                                          "value": "Asia/Yerevan",
-                                                        },
-                                                        Object {
-                                                          "index": 370,
-                                                          "label": "Tehran (2:30 PM)",
-                                                          "value": "Asia/Tehran",
-                                                        },
-                                                        Object {
-                                                          "index": 370,
-                                                          "label": "Kabul (2:30 PM)",
-                                                          "value": "Asia/Kabul",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Guadalajara (5:00 AM)",
-                                                          "value": "America/Mexico_City",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Mexico City (5:00 AM)",
-                                                          "value": "America/Mexico_City",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Monterrey (5:00 AM)",
-                                                          "value": "America/Monterrey",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Bogota (5:00 AM)",
-                                                          "value": "America/Bogota",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Lima (5:00 AM)",
-                                                          "value": "America/Lima",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Quito (5:00 AM)",
-                                                          "value": "America/Lima",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Ekaterinburg (3:00 PM)",
-                                                          "value": "Asia/Yekaterinburg",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Islamabad (3:00 PM)",
-                                                          "value": "Asia/Karachi",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Karachi (3:00 PM)",
-                                                          "value": "Asia/Karachi",
-                                                        },
-                                                        Object {
-                                                          "index": 400,
-                                                          "label": "Tashkent (3:00 PM)",
-                                                          "value": "Asia/Tashkent",
-                                                        },
-                                                        Object {
-                                                          "index": 430,
-                                                          "label": "Chennai (3:30 PM)",
-                                                          "value": "Asia/Kolkata",
-                                                        },
-                                                        Object {
-                                                          "index": 430,
-                                                          "label": "Kolkata (3:30 PM)",
-                                                          "value": "Asia/Kolkata",
-                                                        },
-                                                        Object {
-                                                          "index": 430,
-                                                          "label": "Mumbai (3:30 PM)",
-                                                          "value": "Asia/Kolkata",
-                                                        },
-                                                        Object {
-                                                          "index": 430,
-                                                          "label": "New Delhi (3:30 PM)",
-                                                          "value": "Asia/Kolkata",
-                                                        },
-                                                        Object {
-                                                          "index": 430,
-                                                          "label": "Sri Jayawardenepura (3:30 PM)",
-                                                          "value": "Asia/Colombo",
-                                                        },
-                                                        Object {
-                                                          "index": 445,
-                                                          "label": "Kathmandu (3:45 PM)",
-                                                          "value": "Asia/Kathmandu",
-                                                        },
-                                                        Object {
-                                                          "index": 460,
-                                                          "label": "Chihuahua (4:00 AM)",
-                                                          "value": "America/Chihuahua",
-                                                        },
-                                                        Object {
-                                                          "index": 460,
-                                                          "label": "Mazatlan (4:00 AM)",
-                                                          "value": "America/Mazatlan",
-                                                        },
-                                                        Object {
-                                                          "index": 460,
-                                                          "label": "Saskatchewan (4:00 AM)",
-                                                          "value": "America/Regina",
-                                                        },
-                                                        Object {
-                                                          "index": 460,
-                                                          "label": "Central America (4:00 AM)",
-                                                          "value": "America/Guatemala",
-                                                        },
-                                                        Object {
-                                                          "index": 460,
-                                                          "label": "Astana (4:00 PM)",
-                                                          "value": "Asia/Dhaka",
-                                                        },
-                                                        Object {
-                                                          "index": 460,
-                                                          "label": "Dhaka (4:00 PM)",
-                                                          "value": "Asia/Dhaka",
-                                                        },
-                                                        Object {
-                                                          "index": 460,
-                                                          "label": "Almaty (4:00 PM)",
-                                                          "value": "Asia/Almaty",
-                                                        },
-                                                        Object {
-                                                          "index": 460,
-                                                          "label": "Urumqi (4:00 PM)",
-                                                          "value": "Asia/Urumqi",
-                                                        },
-                                                        Object {
-                                                          "index": 490,
-                                                          "label": "Rangoon (4:30 PM)",
-                                                          "value": "Asia/Rangoon",
-                                                        },
-                                                        Object {
-                                                          "index": 520,
-                                                          "label": "Tijuana (3:00 AM)",
-                                                          "value": "America/Tijuana",
-                                                        },
-                                                        Object {
-                                                          "index": 520,
-                                                          "label": "Novosibirsk (5:00 PM)",
-                                                          "value": "Asia/Novosibirsk",
-                                                        },
-                                                        Object {
-                                                          "index": 520,
-                                                          "label": "Bangkok (5:00 PM)",
-                                                          "value": "Asia/Bangkok",
-                                                        },
-                                                        Object {
-                                                          "index": 520,
-                                                          "label": "Hanoi (5:00 PM)",
-                                                          "value": "Asia/Bangkok",
-                                                        },
-                                                        Object {
-                                                          "index": 520,
-                                                          "label": "Jakarta (5:00 PM)",
-                                                          "value": "Asia/Jakarta",
-                                                        },
-                                                        Object {
-                                                          "index": 520,
-                                                          "label": "Krasnoyarsk (5:00 PM)",
-                                                          "value": "Asia/Krasnoyarsk",
-                                                        },
-                                                        Object {
-                                                          "index": 580,
-                                                          "label": "Beijing (6:00 PM)",
-                                                          "value": "Asia/Shanghai",
-                                                        },
-                                                        Object {
-                                                          "index": 580,
-                                                          "label": "Chongqing (6:00 PM)",
-                                                          "value": "Asia/Chongqing",
-                                                        },
-                                                        Object {
-                                                          "index": 580,
-                                                          "label": "Hong Kong (6:00 PM)",
-                                                          "value": "Asia/Hong_Kong",
-                                                        },
-                                                        Object {
-                                                          "index": 580,
-                                                          "label": "Kuala Lumpur (6:00 PM)",
-                                                          "value": "Asia/Kuala_Lumpur",
-                                                        },
-                                                        Object {
-                                                          "index": 580,
-                                                          "label": "Singapore (6:00 PM)",
-                                                          "value": "Asia/Singapore",
-                                                        },
-                                                        Object {
-                                                          "index": 580,
-                                                          "label": "Taipei (6:00 PM)",
-                                                          "value": "Asia/Taipei",
-                                                        },
-                                                        Object {
-                                                          "index": 580,
-                                                          "label": "Perth (6:00 PM)",
-                                                          "value": "Australia/Perth",
-                                                        },
-                                                        Object {
-                                                          "index": 580,
-                                                          "label": "Irkutsk (6:00 PM)",
-                                                          "value": "Asia/Irkutsk",
-                                                        },
-                                                        Object {
-                                                          "index": 580,
-                                                          "label": "Ulaanbaatar (6:00 PM)",
-                                                          "value": "Asia/Ulaanbaatar",
-                                                        },
-                                                        Object {
-                                                          "index": 640,
-                                                          "label": "Seoul (7:00 PM)",
-                                                          "value": "Asia/Seoul",
-                                                        },
-                                                        Object {
-                                                          "index": 640,
-                                                          "label": "Osaka (7:00 PM)",
-                                                          "value": "Asia/Tokyo",
-                                                        },
-                                                        Object {
-                                                          "index": 640,
-                                                          "label": "Sapporo (7:00 PM)",
-                                                          "value": "Asia/Tokyo",
-                                                        },
-                                                        Object {
-                                                          "index": 640,
-                                                          "label": "Tokyo (7:00 PM)",
-                                                          "value": "Asia/Tokyo",
-                                                        },
-                                                        Object {
-                                                          "index": 640,
-                                                          "label": "Yakutsk (7:00 PM)",
-                                                          "value": "Asia/Yakutsk",
-                                                        },
-                                                        Object {
-                                                          "index": 670,
-                                                          "label": "Darwin (7:30 PM)",
-                                                          "value": "Australia/Darwin",
-                                                        },
-                                                        Object {
-                                                          "index": 670,
-                                                          "label": "Adelaide (7:30 PM)",
-                                                          "value": "Australia/Adelaide",
-                                                        },
-                                                        Object {
-                                                          "index": 700,
-                                                          "label": "Canberra (8:00 PM)",
-                                                          "value": "Australia/Melbourne",
-                                                        },
-                                                        Object {
-                                                          "index": 700,
-                                                          "label": "Melbourne (8:00 PM)",
-                                                          "value": "Australia/Melbourne",
-                                                        },
-                                                        Object {
-                                                          "index": 700,
-                                                          "label": "Sydney (8:00 PM)",
-                                                          "value": "Australia/Sydney",
-                                                        },
-                                                        Object {
-                                                          "index": 700,
-                                                          "label": "Brisbane (8:00 PM)",
-                                                          "value": "Australia/Brisbane",
-                                                        },
-                                                        Object {
-                                                          "index": 700,
-                                                          "label": "Hobart (8:00 PM)",
-                                                          "value": "Australia/Hobart",
-                                                        },
-                                                        Object {
-                                                          "index": 700,
-                                                          "label": "Vladivostok (8:00 PM)",
-                                                          "value": "Asia/Vladivostok",
-                                                        },
-                                                        Object {
-                                                          "index": 700,
-                                                          "label": "Guam (8:00 PM)",
-                                                          "value": "Pacific/Guam",
-                                                        },
-                                                        Object {
-                                                          "index": 700,
-                                                          "label": "Port Moresby (8:00 PM)",
-                                                          "value": "Pacific/Port_Moresby",
-                                                        },
-                                                        Object {
-                                                          "index": 760,
-                                                          "label": "Midway Island (11:00 PM)",
-                                                          "value": "Pacific/Midway",
-                                                        },
-                                                        Object {
-                                                          "index": 760,
-                                                          "label": "American Samoa (11:00 PM)",
-                                                          "value": "Pacific/Pago_Pago",
-                                                        },
-                                                        Object {
-                                                          "index": 760,
-                                                          "label": "Magadan (9:00 PM)",
-                                                          "value": "Asia/Magadan",
-                                                        },
-                                                        Object {
-                                                          "index": 760,
-                                                          "label": "Srednekolymsk (9:00 PM)",
-                                                          "value": "Asia/Srednekolymsk",
-                                                        },
-                                                        Object {
-                                                          "index": 760,
-                                                          "label": "Solomon Is. (9:00 PM)",
-                                                          "value": "Pacific/Guadalcanal",
-                                                        },
-                                                        Object {
-                                                          "index": 760,
-                                                          "label": "New Caledonia (9:00 PM)",
-                                                          "value": "Pacific/Noumea",
-                                                        },
-                                                        Object {
-                                                          "index": 820,
-                                                          "label": "International Date Line West (10:00 PM)",
-                                                          "value": "Etc/GMT+12",
-                                                        },
-                                                        Object {
-                                                          "index": 820,
-                                                          "label": "Fiji (10:00 PM)",
-                                                          "value": "Pacific/Fiji",
-                                                        },
-                                                        Object {
-                                                          "index": 820,
-                                                          "label": "Kamchatka (10:00 PM)",
-                                                          "value": "Asia/Kamchatka",
-                                                        },
-                                                        Object {
-                                                          "index": 820,
-                                                          "label": "Marshall Is. (10:00 PM)",
-                                                          "value": "Pacific/Majuro",
-                                                        },
-                                                        Object {
-                                                          "index": 820,
-                                                          "label": "Auckland (10:00 PM)",
-                                                          "value": "Pacific/Auckland",
-                                                        },
-                                                        Object {
-                                                          "index": 820,
-                                                          "label": "Wellington (10:00 PM)",
-                                                          "value": "Pacific/Auckland",
-                                                        },
-                                                        Object {
-                                                          "index": 865,
-                                                          "label": "Chatham Is. (10:45 PM)",
-                                                          "value": "Pacific/Chatham",
-                                                        },
-                                                        Object {
-                                                          "index": 880,
-                                                          "label": "Nuku'alofa (11:00 PM)",
-                                                          "value": "Pacific/Tongatapu",
-                                                        },
-                                                        Object {
-                                                          "index": 880,
-                                                          "label": "Tokelau Is. (11:00 PM)",
-                                                          "value": "Pacific/Fakaofo",
-                                                        },
-                                                        Object {
-                                                          "index": 880,
-                                                          "label": "Samoa (11:00 PM)",
-                                                          "value": "Pacific/Apia",
-                                                        },
-                                                      ]
+                                                                    tabIndex="0"
+                                                                    type="text"
+                                                                    value=""
+                                                                  />
+                                                                  <div
+                                                                    style={
+                                                                      Object {
+                                                                        "height": 0,
+                                                                        "left": 0,
+                                                                        "overflow": "scroll",
+                                                                        "position": "absolute",
+                                                                        "top": 0,
+                                                                        "visibility": "hidden",
+                                                                        "whiteSpace": "pre",
+                                                                      }
+                                                                    }
+                                                                  />
+                                                                </div>
+                                                              </AutosizeInput>
+                                                            </div>
+                                                          </EmotionCssPropInternal>
+                                                        </Input>
+                                                      </CustomInput>
+                                                    </div>
+                                                  </EmotionCssPropInternal>
+                                                </ValueContainer>
+                                                <IndicatorsContainer
+                                                  clearValue={[Function]}
+                                                  cx={[Function]}
+                                                  getStyles={[Function]}
+                                                  getValue={[Function]}
+                                                  hasValue={true}
+                                                  isDisabled={false}
+                                                  isMulti={false}
+                                                  isRtl={false}
+                                                  options={Array []}
+                                                  selectOption={[Function]}
+                                                  selectProps={
+                                                    Object {
+                                                      "backspaceRemovesValue": true,
+                                                      "blurInputOnSelect": true,
+                                                      "cache": false,
+                                                      "captureMenuScroll": false,
+                                                      "classNamePrefix": "cf-select",
+                                                      "closeMenuOnScroll": false,
+                                                      "closeMenuOnSelect": true,
+                                                      "components": Object {
+                                                        "Input": [Function],
+                                                        "MenuList": [Function],
+                                                        "Option": [Function],
+                                                      },
+                                                      "controlShouldRenderValue": true,
+                                                      "defaultOptions": undefined,
+                                                      "escapeClearsValue": false,
+                                                      "filterOption": [Function],
+                                                      "formatGroupLabel": [Function],
+                                                      "getOptionLabel": [Function],
+                                                      "getOptionValue": [Function],
+                                                      "inputId": "hearing-coordinator-dropdown",
+                                                      "inputValue": "",
+                                                      "isClearable": undefined,
+                                                      "isDisabled": false,
+                                                      "isLoading": false,
+                                                      "isMulti": false,
+                                                      "isOptionDisabled": [Function],
+                                                      "isRtl": false,
+                                                      "isSearchable": true,
+                                                      "loadOptions": undefined,
+                                                      "loadingMessage": [Function],
+                                                      "maxMenuHeight": 300,
+                                                      "menuIsOpen": false,
+                                                      "menuPlacement": "bottom",
+                                                      "menuPosition": "absolute",
+                                                      "menuShouldBlockScroll": false,
+                                                      "menuShouldScrollIntoView": true,
+                                                      "minMenuHeight": 140,
+                                                      "name": "hearingCoordinatorDropdown",
+                                                      "noOptionsMessage": [Function],
+                                                      "onBlurResetsInput": false,
+                                                      "onChange": [Function],
+                                                      "onInputChange": [Function],
+                                                      "onMenuClose": [Function],
+                                                      "onMenuOpen": [Function],
+                                                      "openMenuOnClick": true,
+                                                      "openMenuOnFocus": false,
+                                                      "options": Array [],
+                                                      "pageSize": 5,
+                                                      "placeholder": "Select...",
+                                                      "screenReaderStatus": [Function],
+                                                      "searchable": undefined,
+                                                      "shouldKeyDownEventCreateNewOption": [Function],
+                                                      "styles": Object {
+                                                        "input": [Function],
+                                                      },
+                                                      "tabIndex": "0",
+                                                      "tabSelectsValue": true,
+                                                      "value": Object {
+                                                        "label": null,
+                                                        "value": null,
+                                                      },
+                                                    }
+                                                  }
+                                                  setValue={[Function]}
+                                                  theme={
+                                                    Object {
+                                                      "borderRadius": 4,
+                                                      "colors": Object {
+                                                        "danger": "#DE350B",
+                                                        "dangerLight": "#FFBDAD",
+                                                        "neutral0": "hsl(0, 0%, 100%)",
+                                                        "neutral10": "hsl(0, 0%, 90%)",
+                                                        "neutral20": "hsl(0, 0%, 80%)",
+                                                        "neutral30": "hsl(0, 0%, 70%)",
+                                                        "neutral40": "hsl(0, 0%, 60%)",
+                                                        "neutral5": "hsl(0, 0%, 95%)",
+                                                        "neutral50": "hsl(0, 0%, 50%)",
+                                                        "neutral60": "hsl(0, 0%, 40%)",
+                                                        "neutral70": "hsl(0, 0%, 30%)",
+                                                        "neutral80": "hsl(0, 0%, 20%)",
+                                                        "neutral90": "hsl(0, 0%, 10%)",
+                                                        "primary": "#2684FF",
+                                                        "primary25": "#DEEBFF",
+                                                        "primary50": "#B2D4FF",
+                                                        "primary75": "#4C9AFF",
+                                                      },
+                                                      "spacing": Object {
+                                                        "baseUnit": 4,
+                                                        "controlHeight": 38,
+                                                        "menuGutter": 8,
+                                                      },
+                                                    }
+                                                  }
+                                                >
+                                                  <EmotionCssPropInternal
+                                                    __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorsContainer"
+                                                    __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                    className="cf-select__indicators"
+                                                    css={
+                                                      Object {
+                                                        "alignItems": "center",
+                                                        "alignSelf": "stretch",
+                                                        "boxSizing": "border-box",
+                                                        "display": "flex",
+                                                        "flexShrink": 0,
+                                                      }
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="cf-select__indicators css-1hb7zxy-IndicatorsContainer"
+                                                    >
+                                                      <IndicatorSeparator
+                                                        clearValue={[Function]}
+                                                        cx={[Function]}
+                                                        getStyles={[Function]}
+                                                        getValue={[Function]}
+                                                        hasValue={true}
+                                                        isDisabled={false}
+                                                        isFocused={false}
+                                                        isMulti={false}
+                                                        isRtl={false}
+                                                        options={Array []}
+                                                        selectOption={[Function]}
+                                                        selectProps={
+                                                          Object {
+                                                            "backspaceRemovesValue": true,
+                                                            "blurInputOnSelect": true,
+                                                            "cache": false,
+                                                            "captureMenuScroll": false,
+                                                            "classNamePrefix": "cf-select",
+                                                            "closeMenuOnScroll": false,
+                                                            "closeMenuOnSelect": true,
+                                                            "components": Object {
+                                                              "Input": [Function],
+                                                              "MenuList": [Function],
+                                                              "Option": [Function],
+                                                            },
+                                                            "controlShouldRenderValue": true,
+                                                            "defaultOptions": undefined,
+                                                            "escapeClearsValue": false,
+                                                            "filterOption": [Function],
+                                                            "formatGroupLabel": [Function],
+                                                            "getOptionLabel": [Function],
+                                                            "getOptionValue": [Function],
+                                                            "inputId": "hearing-coordinator-dropdown",
+                                                            "inputValue": "",
+                                                            "isClearable": undefined,
+                                                            "isDisabled": false,
+                                                            "isLoading": false,
+                                                            "isMulti": false,
+                                                            "isOptionDisabled": [Function],
+                                                            "isRtl": false,
+                                                            "isSearchable": true,
+                                                            "loadOptions": undefined,
+                                                            "loadingMessage": [Function],
+                                                            "maxMenuHeight": 300,
+                                                            "menuIsOpen": false,
+                                                            "menuPlacement": "bottom",
+                                                            "menuPosition": "absolute",
+                                                            "menuShouldBlockScroll": false,
+                                                            "menuShouldScrollIntoView": true,
+                                                            "minMenuHeight": 140,
+                                                            "name": "hearingCoordinatorDropdown",
+                                                            "noOptionsMessage": [Function],
+                                                            "onBlurResetsInput": false,
+                                                            "onChange": [Function],
+                                                            "onInputChange": [Function],
+                                                            "onMenuClose": [Function],
+                                                            "onMenuOpen": [Function],
+                                                            "openMenuOnClick": true,
+                                                            "openMenuOnFocus": false,
+                                                            "options": Array [],
+                                                            "pageSize": 5,
+                                                            "placeholder": "Select...",
+                                                            "screenReaderStatus": [Function],
+                                                            "searchable": undefined,
+                                                            "shouldKeyDownEventCreateNewOption": [Function],
+                                                            "styles": Object {
+                                                              "input": [Function],
+                                                            },
+                                                            "tabIndex": "0",
+                                                            "tabSelectsValue": true,
+                                                            "value": Object {
+                                                              "label": null,
+                                                              "value": null,
+                                                            },
+                                                          }
+                                                        }
+                                                        setValue={[Function]}
+                                                        theme={
+                                                          Object {
+                                                            "borderRadius": 4,
+                                                            "colors": Object {
+                                                              "danger": "#DE350B",
+                                                              "dangerLight": "#FFBDAD",
+                                                              "neutral0": "hsl(0, 0%, 100%)",
+                                                              "neutral10": "hsl(0, 0%, 90%)",
+                                                              "neutral20": "hsl(0, 0%, 80%)",
+                                                              "neutral30": "hsl(0, 0%, 70%)",
+                                                              "neutral40": "hsl(0, 0%, 60%)",
+                                                              "neutral5": "hsl(0, 0%, 95%)",
+                                                              "neutral50": "hsl(0, 0%, 50%)",
+                                                              "neutral60": "hsl(0, 0%, 40%)",
+                                                              "neutral70": "hsl(0, 0%, 30%)",
+                                                              "neutral80": "hsl(0, 0%, 20%)",
+                                                              "neutral90": "hsl(0, 0%, 10%)",
+                                                              "primary": "#2684FF",
+                                                              "primary25": "#DEEBFF",
+                                                              "primary50": "#B2D4FF",
+                                                              "primary75": "#4C9AFF",
+                                                            },
+                                                            "spacing": Object {
+                                                              "baseUnit": 4,
+                                                              "controlHeight": 38,
+                                                              "menuGutter": 8,
+                                                            },
+                                                          }
+                                                        }
+                                                      >
+                                                        <EmotionCssPropInternal
+                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorSeparator"
+                                                          __EMOTION_TYPE_PLEASE_DO_NOT_USE__="span"
+                                                          className="cf-select__indicator-separator"
+                                                          css={
+                                                            Object {
+                                                              "alignSelf": "stretch",
+                                                              "backgroundColor": "hsl(0, 0%, 80%)",
+                                                              "boxSizing": "border-box",
+                                                              "label": "indicatorSeparator",
+                                                              "marginBottom": 8,
+                                                              "marginTop": 8,
+                                                              "width": 1,
+                                                            }
+                                                          }
+                                                        >
+                                                          <span
+                                                            className="cf-select__indicator-separator css-1okebmr-indicatorSeparator"
+                                                          />
+                                                        </EmotionCssPropInternal>
+                                                      </IndicatorSeparator>
+                                                      <DropdownIndicator
+                                                        clearValue={[Function]}
+                                                        cx={[Function]}
+                                                        getStyles={[Function]}
+                                                        getValue={[Function]}
+                                                        hasValue={true}
+                                                        innerProps={
+                                                          Object {
+                                                            "aria-hidden": "true",
+                                                            "onMouseDown": [Function],
+                                                            "onTouchEnd": [Function],
+                                                          }
+                                                        }
+                                                        isDisabled={false}
+                                                        isFocused={false}
+                                                        isMulti={false}
+                                                        isRtl={false}
+                                                        options={Array []}
+                                                        selectOption={[Function]}
+                                                        selectProps={
+                                                          Object {
+                                                            "backspaceRemovesValue": true,
+                                                            "blurInputOnSelect": true,
+                                                            "cache": false,
+                                                            "captureMenuScroll": false,
+                                                            "classNamePrefix": "cf-select",
+                                                            "closeMenuOnScroll": false,
+                                                            "closeMenuOnSelect": true,
+                                                            "components": Object {
+                                                              "Input": [Function],
+                                                              "MenuList": [Function],
+                                                              "Option": [Function],
+                                                            },
+                                                            "controlShouldRenderValue": true,
+                                                            "defaultOptions": undefined,
+                                                            "escapeClearsValue": false,
+                                                            "filterOption": [Function],
+                                                            "formatGroupLabel": [Function],
+                                                            "getOptionLabel": [Function],
+                                                            "getOptionValue": [Function],
+                                                            "inputId": "hearing-coordinator-dropdown",
+                                                            "inputValue": "",
+                                                            "isClearable": undefined,
+                                                            "isDisabled": false,
+                                                            "isLoading": false,
+                                                            "isMulti": false,
+                                                            "isOptionDisabled": [Function],
+                                                            "isRtl": false,
+                                                            "isSearchable": true,
+                                                            "loadOptions": undefined,
+                                                            "loadingMessage": [Function],
+                                                            "maxMenuHeight": 300,
+                                                            "menuIsOpen": false,
+                                                            "menuPlacement": "bottom",
+                                                            "menuPosition": "absolute",
+                                                            "menuShouldBlockScroll": false,
+                                                            "menuShouldScrollIntoView": true,
+                                                            "minMenuHeight": 140,
+                                                            "name": "hearingCoordinatorDropdown",
+                                                            "noOptionsMessage": [Function],
+                                                            "onBlurResetsInput": false,
+                                                            "onChange": [Function],
+                                                            "onInputChange": [Function],
+                                                            "onMenuClose": [Function],
+                                                            "onMenuOpen": [Function],
+                                                            "openMenuOnClick": true,
+                                                            "openMenuOnFocus": false,
+                                                            "options": Array [],
+                                                            "pageSize": 5,
+                                                            "placeholder": "Select...",
+                                                            "screenReaderStatus": [Function],
+                                                            "searchable": undefined,
+                                                            "shouldKeyDownEventCreateNewOption": [Function],
+                                                            "styles": Object {
+                                                              "input": [Function],
+                                                            },
+                                                            "tabIndex": "0",
+                                                            "tabSelectsValue": true,
+                                                            "value": Object {
+                                                              "label": null,
+                                                              "value": null,
+                                                            },
+                                                          }
+                                                        }
+                                                        setValue={[Function]}
+                                                        theme={
+                                                          Object {
+                                                            "borderRadius": 4,
+                                                            "colors": Object {
+                                                              "danger": "#DE350B",
+                                                              "dangerLight": "#FFBDAD",
+                                                              "neutral0": "hsl(0, 0%, 100%)",
+                                                              "neutral10": "hsl(0, 0%, 90%)",
+                                                              "neutral20": "hsl(0, 0%, 80%)",
+                                                              "neutral30": "hsl(0, 0%, 70%)",
+                                                              "neutral40": "hsl(0, 0%, 60%)",
+                                                              "neutral5": "hsl(0, 0%, 95%)",
+                                                              "neutral50": "hsl(0, 0%, 50%)",
+                                                              "neutral60": "hsl(0, 0%, 40%)",
+                                                              "neutral70": "hsl(0, 0%, 30%)",
+                                                              "neutral80": "hsl(0, 0%, 20%)",
+                                                              "neutral90": "hsl(0, 0%, 10%)",
+                                                              "primary": "#2684FF",
+                                                              "primary25": "#DEEBFF",
+                                                              "primary50": "#B2D4FF",
+                                                              "primary75": "#4C9AFF",
+                                                            },
+                                                            "spacing": Object {
+                                                              "baseUnit": 4,
+                                                              "controlHeight": 38,
+                                                              "menuGutter": 8,
+                                                            },
+                                                          }
+                                                        }
+                                                      >
+                                                        <EmotionCssPropInternal
+                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="DropdownIndicator"
+                                                          __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                          aria-hidden="true"
+                                                          className="cf-select__indicator cf-select__dropdown-indicator"
+                                                          css={
+                                                            Object {
+                                                              ":hover": Object {
+                                                                "color": "hsl(0, 0%, 60%)",
+                                                              },
+                                                              "boxSizing": "border-box",
+                                                              "color": "hsl(0, 0%, 80%)",
+                                                              "display": "flex",
+                                                              "label": "indicatorContainer",
+                                                              "padding": 8,
+                                                              "transition": "color 150ms",
+                                                            }
+                                                          }
+                                                          onMouseDown={[Function]}
+                                                          onTouchEnd={[Function]}
+                                                        >
+                                                          <div
+                                                            aria-hidden="true"
+                                                            className="cf-select__indicator cf-select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                                            onMouseDown={[Function]}
+                                                            onTouchEnd={[Function]}
+                                                          >
+                                                            <DownChevron>
+                                                              <Svg
+                                                                size={20}
+                                                              >
+                                                                <EmotionCssPropInternal
+                                                                  __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Svg"
+                                                                  __EMOTION_TYPE_PLEASE_DO_NOT_USE__="svg"
+                                                                  aria-hidden="true"
+                                                                  css={
+                                                                    Object {
+                                                                      "map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JJIiwiZmlsZSI6ImluZGljYXRvcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyB0eXBlIE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IENvbW1vblByb3BzLCBUaGVtZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBEcm9wZG93biAmIENsZWFyIEljb25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgU3ZnID0gKHsgc2l6ZSwgLi4ucHJvcHMgfTogeyBzaXplOiBudW1iZXIgfSkgPT4gKFxuICA8c3ZnXG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHdpZHRoPXtzaXplfVxuICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBmaWxsOiAnY3VycmVudENvbG9yJyxcbiAgICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICAgICAgc3Ryb2tlV2lkdGg6IDAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBhbnkpID0+IChcbiAgPFN2ZyBzaXplPXsyMH0gey4uLnByb3BzfT5cbiAgICA8cGF0aCBkPVwiTTE0LjM0OCAxNC44NDljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDBsLTIuNjUxLTMuMDMwLTIuNjUxIDMuMDI5Yy0wLjQ2OSAwLjQ2OS0xLjIyOSAwLjQ2OS0xLjY5NyAwLTAuNDY5LTAuNDY5LTAuNDY5LTEuMjI5IDAtMS42OTdsMi43NTgtMy4xNS0yLjc1OS0zLjE1MmMtMC40NjktMC40NjktMC40NjktMS4yMjggMC0xLjY5N3MxLjIyOC0wLjQ2OSAxLjY5NyAwbDIuNjUyIDMuMDMxIDIuNjUxLTMuMDMxYzAuNDY5LTAuNDY5IDEuMjI4LTAuNDY5IDEuNjk3IDBzMC40NjkgMS4yMjkgMCAxLjY5N2wtMi43NTggMy4xNTIgMi43NTggMy4xNWMwLjQ2OSAwLjQ2OSAwLjQ2OSAxLjIyOSAwIDEuNjk4elwiIC8+XG4gIDwvU3ZnPlxuKTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogYW55KSA9PiAoXG4gIDxTdmcgc2l6ZT17MjB9IHsuLi5wcm9wc30+XG4gICAgPHBhdGggZD1cIk00LjUxNiA3LjU0OGMwLjQzNi0wLjQ0NiAxLjA0My0wLjQ4MSAxLjU3NiAwbDMuOTA4IDMuNzQ3IDMuOTA4LTMuNzQ3YzAuNTMzLTAuNDgxIDEuMTQxLTAuNDQ2IDEuNTc0IDAgMC40MzYgMC40NDUgMC40MDggMS4xOTcgMCAxLjYxNS0wLjQwNiAwLjQxOC00LjY5NSA0LjUwMi00LjY5NSA0LjUwMi0wLjIxNyAwLjIyMy0wLjUwMiAwLjMzNS0wLjc4NyAwLjMzNXMtMC41Ny0wLjExMi0wLjc4OS0wLjMzNWMwIDAtNC4yODctNC4wODQtNC42OTUtNC41MDJzLTAuNDM2LTEuMTcgMC0xLjYxNXpcIiAvPlxuICA8L1N2Zz5cbik7XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRHJvcGRvd24gJiBDbGVhciBCdXR0b25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IHR5cGUgSW5kaWNhdG9yUHJvcHMgPSBDb21tb25Qcm9wcyAmIHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW46IE5vZGUsXG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufTtcblxuY29uc3QgYmFzZUNTUyA9ICh7XG4gIGlzRm9jdXNlZCxcbiAgdGhlbWU6IHtcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgY29sb3JzLFxuICB9LFxufTogSW5kaWNhdG9yUHJvcHMpID0+ICh7XG4gIGxhYmVsOiAnaW5kaWNhdG9yQ29udGFpbmVyJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcblxuICAnOmhvdmVyJzoge1xuICAgIGNvbG9yOiBpc0ZvY3VzZWQgPyBjb2xvcnMubmV1dHJhbDgwIDogY29sb3JzLm5ldXRyYWw0MCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2Ryb3Bkb3duSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnZHJvcGRvd24taW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2NsZWFySW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnY2xlYXItaW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG50eXBlIFNlcGFyYXRvclN0YXRlID0geyBpc0Rpc2FibGVkOiBib29sZWFuIH07XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBDb21tb25Qcm9wcyAmIFNlcGFyYXRvclN0YXRlKSA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gKHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiB7XG4gIGlzRm9jdXNlZDogYm9vbGVhbixcbiAgc2l6ZTogbnVtYmVyLFxuICB0aGVtZTogVGhlbWUsXG59KSA9PiAoe1xuICBsYWJlbDogJ2xvYWRpbmdJbmRpY2F0b3InLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuICBhbGlnblNlbGY6ICdjZW50ZXInLFxuICBmb250U2l6ZTogc2l6ZSxcbiAgbGluZUhlaWdodDogMSxcbiAgbWFyZ2luUmlnaHQ6IHNpemUsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxufSk7XG5cbnR5cGUgRG90UHJvcHMgPSB7IGRlbGF5OiBudW1iZXIsIG9mZnNldDogYm9vbGVhbiB9O1xuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogRG90UHJvcHMpID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGFuaW1hdGlvbjogYCR7bG9hZGluZ0RvdEFuaW1hdGlvbnN9IDFzIGVhc2UtaW4tb3V0ICR7ZGVsYXl9bXMgaW5maW5pdGU7YCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBib3JkZXJSYWRpdXM6ICcxZW0nLFxuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBtYXJnaW5MZWZ0OiBvZmZzZXQgPyAnMWVtJyA6IG51bGwsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdJY29uUHJvcHMgPSB7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufSAmIENvbW1vblByb3BzICYge1xuICAgIC8qKiBTZXQgc2l6ZSBvZiB0aGUgY29udGFpbmVyLiAqL1xuICAgIHNpemU6IG51bWJlcixcbiAgfTtcbmV4cG9ydCBjb25zdCBMb2FkaW5nSW5kaWNhdG9yID0gKHByb3BzOiBMb2FkaW5nSWNvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzLCBpc1J0bCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdsb2FkaW5nSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnbG9hZGluZy1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezB9IG9mZnNldD17aXNSdGx9IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MTYwfSBvZmZzZXQgLz5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXszMjB9IG9mZnNldD17IWlzUnRsfSAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbkxvYWRpbmdJbmRpY2F0b3IuZGVmYXVsdFByb3BzID0geyBzaXplOiA0IH07XG4iXX0= */",
+                                                                      "name": "19bqh2r",
+                                                                      "styles": "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;",
+                                                                      "toString": [Function],
+                                                                    }
+                                                                  }
+                                                                  focusable="false"
+                                                                  height={20}
+                                                                  viewBox="0 0 20 20"
+                                                                  width={20}
+                                                                >
+                                                                  <svg
+                                                                    aria-hidden="true"
+                                                                    className="css-6q0nyr-Svg"
+                                                                    focusable="false"
+                                                                    height={20}
+                                                                    viewBox="0 0 20 20"
+                                                                    width={20}
+                                                                  >
+                                                                    <path
+                                                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                                                    />
+                                                                  </svg>
+                                                                </EmotionCssPropInternal>
+                                                              </Svg>
+                                                            </DownChevron>
+                                                          </div>
+                                                        </EmotionCssPropInternal>
+                                                      </DropdownIndicator>
+                                                    </div>
+                                                  </EmotionCssPropInternal>
+                                                </IndicatorsContainer>
+                                              </div>
+                                            </EmotionCssPropInternal>
+                                          </Control>
+                                          <input
+                                            name="hearingCoordinatorDropdown"
+                                            type="hidden"
+                                            value={null}
+                                          />
+                                        </div>
+                                      </EmotionCssPropInternal>
+                                    </SelectContainer>
+                                  </Select>
+                                </StateManager>
+                              </div>
+                            </div>
+                          </div>
+                        </SearchableDropdown>
+                      </HearingCoordinatorDropdown>
+                    </Connect(HearingCoordinatorDropdown)>
+                    <HearingRoomDropdown
+                      label="Hearing Room"
+                      name="hearingRoomDropdown"
+                      onChange={[Function]}
+                      value="1"
+                    >
+                      <SearchableDropdown
+                        clearOnSelect={false}
+                        label="Hearing Room"
+                        loading={false}
+                        name="hearingRoomDropdown"
+                        onChange={[Function]}
+                        options={
+                          Array [
+                            Object {
+                              "label": "None",
+                              "value": null,
+                            },
+                            Object {
+                              "label": "1 (1W200A)",
+                              "value": "1",
+                            },
+                            Object {
+                              "label": "2 (1W200B)",
+                              "value": "2",
+                            },
+                            Object {
+                              "label": "3 (1W200C)",
+                              "value": "3",
+                            },
+                            Object {
+                              "label": "4 (1W424)",
+                              "value": "4",
+                            },
+                            Object {
+                              "label": "5 (1W428)",
+                              "value": "5",
+                            },
+                            Object {
+                              "label": "6 (1W432)",
+                              "value": "6",
+                            },
+                            Object {
+                              "label": "7 (1W434)",
+                              "value": "7",
+                            },
+                            Object {
+                              "label": "8 (1W435)",
+                              "value": "8",
+                            },
+                            Object {
+                              "label": "9 (1W436)",
+                              "value": "9",
+                            },
+                            Object {
+                              "label": "10 (1W437)",
+                              "value": "10",
+                            },
+                            Object {
+                              "label": "11 (1W438)",
+                              "value": "11",
+                            },
+                            Object {
+                              "label": "12 (1W439)",
+                              "value": "12",
+                            },
+                            Object {
+                              "label": "13 (1W440)",
+                              "value": "13",
+                            },
+                            Object {
+                              "label": "14 (3W405)",
+                              "value": "14",
+                            },
+                            Object {
+                              "label": "15 (3W407)",
+                              "value": "15",
+                            },
+                            Object {
+                              "label": "16 (3W409)",
+                              "value": "16",
+                            },
+                            Object {
+                              "label": "17 (3W518)",
+                              "value": "17",
+                            },
+                            Object {
+                              "label": "18 (4W325)",
+                              "value": "18",
+                            },
+                            Object {
+                              "label": "Utah",
+                              "value": "19",
+                            },
+                            Object {
+                              "label": "Gold",
+                              "value": "20",
+                            },
+                            Object {
+                              "label": "Juno",
+                              "value": "21",
+                            },
+                            Object {
+                              "label": "Sword",
+                              "value": "22",
+                            },
+                            Object {
+                              "label": "Omaha",
+                              "value": "23",
+                            },
+                            Object {
+                              "label": "Anzio",
+                              "value": "24",
+                            },
+                            Object {
+                              "label": "Coral Sea",
+                              "value": "25",
+                            },
+                            Object {
+                              "label": "Hue City",
+                              "value": "26",
+                            },
+                            Object {
+                              "label": "Antietam",
+                              "value": "27",
+                            },
+                            Object {
+                              "label": "Mogadishu",
+                              "value": "28",
+                            },
+                          ]
+                        }
+                        strongLabel={true}
+                        value={
+                          Object {
+                            "label": "1 (1W200A)",
+                            "value": "1",
+                          }
+                        }
+                      >
+                        <div
+                          className=""
+                        >
+                          <div
+                            className="cf-form-dropdown dropdown-hearingRoomDropdown"
+                          >
+                            <label
+                              className="question-label"
+                              htmlFor="hearing-room-dropdown"
+                              id="hearing-room-dropdown-label"
+                            >
+                              <strong>
+                                <FormLabel
+                                  label="Hearing Room"
+                                  name="Hearing Room"
+                                >
+                                  <span>
+                                    Hearing Room
+                                  </span>
+                                </FormLabel>
+                              </strong>
+                            </label>
+                            <div
+                              className="cf-select"
+                            >
+                              <StateManager
+                                cache={false}
+                                classNamePrefix="cf-select"
+                                components={
+                                  Object {
+                                    "Input": [Function],
+                                    "MenuList": [Function],
+                                    "Option": [Function],
+                                  }
+                                }
+                                defaultInputValue=""
+                                defaultMenuIsOpen={false}
+                                defaultValue={null}
+                                inputId="hearing-room-dropdown"
+                                isLoading={false}
+                                isSearchable={true}
+                                name="hearingRoomDropdown"
+                                noOptionsMessage={[Function]}
+                                onBlurResetsInput={false}
+                                onChange={[Function]}
+                                onMenuClose={[Function]}
+                                onMenuOpen={[Function]}
+                                options={
+                                  Array [
+                                    Object {
+                                      "label": "None",
+                                      "value": null,
+                                    },
+                                    Object {
+                                      "label": "1 (1W200A)",
+                                      "value": "1",
+                                    },
+                                    Object {
+                                      "label": "2 (1W200B)",
+                                      "value": "2",
+                                    },
+                                    Object {
+                                      "label": "3 (1W200C)",
+                                      "value": "3",
+                                    },
+                                    Object {
+                                      "label": "4 (1W424)",
+                                      "value": "4",
+                                    },
+                                    Object {
+                                      "label": "5 (1W428)",
+                                      "value": "5",
+                                    },
+                                    Object {
+                                      "label": "6 (1W432)",
+                                      "value": "6",
+                                    },
+                                    Object {
+                                      "label": "7 (1W434)",
+                                      "value": "7",
+                                    },
+                                    Object {
+                                      "label": "8 (1W435)",
+                                      "value": "8",
+                                    },
+                                    Object {
+                                      "label": "9 (1W436)",
+                                      "value": "9",
+                                    },
+                                    Object {
+                                      "label": "10 (1W437)",
+                                      "value": "10",
+                                    },
+                                    Object {
+                                      "label": "11 (1W438)",
+                                      "value": "11",
+                                    },
+                                    Object {
+                                      "label": "12 (1W439)",
+                                      "value": "12",
+                                    },
+                                    Object {
+                                      "label": "13 (1W440)",
+                                      "value": "13",
+                                    },
+                                    Object {
+                                      "label": "14 (3W405)",
+                                      "value": "14",
+                                    },
+                                    Object {
+                                      "label": "15 (3W407)",
+                                      "value": "15",
+                                    },
+                                    Object {
+                                      "label": "16 (3W409)",
+                                      "value": "16",
+                                    },
+                                    Object {
+                                      "label": "17 (3W518)",
+                                      "value": "17",
+                                    },
+                                    Object {
+                                      "label": "18 (4W325)",
+                                      "value": "18",
+                                    },
+                                    Object {
+                                      "label": "Utah",
+                                      "value": "19",
+                                    },
+                                    Object {
+                                      "label": "Gold",
+                                      "value": "20",
+                                    },
+                                    Object {
+                                      "label": "Juno",
+                                      "value": "21",
+                                    },
+                                    Object {
+                                      "label": "Sword",
+                                      "value": "22",
+                                    },
+                                    Object {
+                                      "label": "Omaha",
+                                      "value": "23",
+                                    },
+                                    Object {
+                                      "label": "Anzio",
+                                      "value": "24",
+                                    },
+                                    Object {
+                                      "label": "Coral Sea",
+                                      "value": "25",
+                                    },
+                                    Object {
+                                      "label": "Hue City",
+                                      "value": "26",
+                                    },
+                                    Object {
+                                      "label": "Antietam",
+                                      "value": "27",
+                                    },
+                                    Object {
+                                      "label": "Mogadishu",
+                                      "value": "28",
+                                    },
+                                  ]
+                                }
+                                shouldKeyDownEventCreateNewOption={[Function]}
+                                styles={
+                                  Object {
+                                    "input": [Function],
+                                  }
+                                }
+                                value={
+                                  Object {
+                                    "label": "1 (1W200A)",
+                                    "value": "1",
+                                  }
+                                }
+                              >
+                                <Select
+                                  backspaceRemovesValue={true}
+                                  blurInputOnSelect={true}
+                                  cache={false}
+                                  captureMenuScroll={false}
+                                  classNamePrefix="cf-select"
+                                  closeMenuOnScroll={false}
+                                  closeMenuOnSelect={true}
+                                  components={
+                                    Object {
+                                      "Input": [Function],
+                                      "MenuList": [Function],
+                                      "Option": [Function],
+                                    }
+                                  }
+                                  controlShouldRenderValue={true}
+                                  escapeClearsValue={false}
+                                  filterOption={[Function]}
+                                  formatGroupLabel={[Function]}
+                                  getOptionLabel={[Function]}
+                                  getOptionValue={[Function]}
+                                  inputId="hearing-room-dropdown"
+                                  inputValue=""
+                                  isDisabled={false}
+                                  isLoading={false}
+                                  isMulti={false}
+                                  isOptionDisabled={[Function]}
+                                  isRtl={false}
+                                  isSearchable={true}
+                                  loadingMessage={[Function]}
+                                  maxMenuHeight={300}
+                                  menuIsOpen={false}
+                                  menuPlacement="bottom"
+                                  menuPosition="absolute"
+                                  menuShouldBlockScroll={false}
+                                  menuShouldScrollIntoView={true}
+                                  minMenuHeight={140}
+                                  name="hearingRoomDropdown"
+                                  noOptionsMessage={[Function]}
+                                  onBlurResetsInput={false}
+                                  onChange={[Function]}
+                                  onInputChange={[Function]}
+                                  onMenuClose={[Function]}
+                                  onMenuOpen={[Function]}
+                                  openMenuOnClick={true}
+                                  openMenuOnFocus={false}
+                                  options={
+                                    Array [
+                                      Object {
+                                        "label": "None",
+                                        "value": null,
+                                      },
+                                      Object {
+                                        "label": "1 (1W200A)",
+                                        "value": "1",
+                                      },
+                                      Object {
+                                        "label": "2 (1W200B)",
+                                        "value": "2",
+                                      },
+                                      Object {
+                                        "label": "3 (1W200C)",
+                                        "value": "3",
+                                      },
+                                      Object {
+                                        "label": "4 (1W424)",
+                                        "value": "4",
+                                      },
+                                      Object {
+                                        "label": "5 (1W428)",
+                                        "value": "5",
+                                      },
+                                      Object {
+                                        "label": "6 (1W432)",
+                                        "value": "6",
+                                      },
+                                      Object {
+                                        "label": "7 (1W434)",
+                                        "value": "7",
+                                      },
+                                      Object {
+                                        "label": "8 (1W435)",
+                                        "value": "8",
+                                      },
+                                      Object {
+                                        "label": "9 (1W436)",
+                                        "value": "9",
+                                      },
+                                      Object {
+                                        "label": "10 (1W437)",
+                                        "value": "10",
+                                      },
+                                      Object {
+                                        "label": "11 (1W438)",
+                                        "value": "11",
+                                      },
+                                      Object {
+                                        "label": "12 (1W439)",
+                                        "value": "12",
+                                      },
+                                      Object {
+                                        "label": "13 (1W440)",
+                                        "value": "13",
+                                      },
+                                      Object {
+                                        "label": "14 (3W405)",
+                                        "value": "14",
+                                      },
+                                      Object {
+                                        "label": "15 (3W407)",
+                                        "value": "15",
+                                      },
+                                      Object {
+                                        "label": "16 (3W409)",
+                                        "value": "16",
+                                      },
+                                      Object {
+                                        "label": "17 (3W518)",
+                                        "value": "17",
+                                      },
+                                      Object {
+                                        "label": "18 (4W325)",
+                                        "value": "18",
+                                      },
+                                      Object {
+                                        "label": "Utah",
+                                        "value": "19",
+                                      },
+                                      Object {
+                                        "label": "Gold",
+                                        "value": "20",
+                                      },
+                                      Object {
+                                        "label": "Juno",
+                                        "value": "21",
+                                      },
+                                      Object {
+                                        "label": "Sword",
+                                        "value": "22",
+                                      },
+                                      Object {
+                                        "label": "Omaha",
+                                        "value": "23",
+                                      },
+                                      Object {
+                                        "label": "Anzio",
+                                        "value": "24",
+                                      },
+                                      Object {
+                                        "label": "Coral Sea",
+                                        "value": "25",
+                                      },
+                                      Object {
+                                        "label": "Hue City",
+                                        "value": "26",
+                                      },
+                                      Object {
+                                        "label": "Antietam",
+                                        "value": "27",
+                                      },
+                                      Object {
+                                        "label": "Mogadishu",
+                                        "value": "28",
+                                      },
+                                    ]
+                                  }
+                                  pageSize={5}
+                                  placeholder="Select..."
+                                  screenReaderStatus={[Function]}
+                                  shouldKeyDownEventCreateNewOption={[Function]}
+                                  styles={
+                                    Object {
+                                      "input": [Function],
+                                    }
+                                  }
+                                  tabIndex="0"
+                                  tabSelectsValue={true}
+                                  value={
+                                    Object {
+                                      "label": "1 (1W200A)",
+                                      "value": "1",
+                                    }
+                                  }
+                                >
+                                  <SelectContainer
+                                    clearValue={[Function]}
+                                    cx={[Function]}
+                                    getStyles={[Function]}
+                                    getValue={[Function]}
+                                    hasValue={true}
+                                    innerProps={
+                                      Object {
+                                        "id": undefined,
+                                        "onKeyDown": [Function],
+                                      }
+                                    }
+                                    isDisabled={false}
+                                    isFocused={false}
+                                    isMulti={false}
+                                    isRtl={false}
+                                    options={
+                                      Array [
+                                        Object {
+                                          "label": "None",
+                                          "value": null,
+                                        },
+                                        Object {
+                                          "label": "1 (1W200A)",
+                                          "value": "1",
+                                        },
+                                        Object {
+                                          "label": "2 (1W200B)",
+                                          "value": "2",
+                                        },
+                                        Object {
+                                          "label": "3 (1W200C)",
+                                          "value": "3",
+                                        },
+                                        Object {
+                                          "label": "4 (1W424)",
+                                          "value": "4",
+                                        },
+                                        Object {
+                                          "label": "5 (1W428)",
+                                          "value": "5",
+                                        },
+                                        Object {
+                                          "label": "6 (1W432)",
+                                          "value": "6",
+                                        },
+                                        Object {
+                                          "label": "7 (1W434)",
+                                          "value": "7",
+                                        },
+                                        Object {
+                                          "label": "8 (1W435)",
+                                          "value": "8",
+                                        },
+                                        Object {
+                                          "label": "9 (1W436)",
+                                          "value": "9",
+                                        },
+                                        Object {
+                                          "label": "10 (1W437)",
+                                          "value": "10",
+                                        },
+                                        Object {
+                                          "label": "11 (1W438)",
+                                          "value": "11",
+                                        },
+                                        Object {
+                                          "label": "12 (1W439)",
+                                          "value": "12",
+                                        },
+                                        Object {
+                                          "label": "13 (1W440)",
+                                          "value": "13",
+                                        },
+                                        Object {
+                                          "label": "14 (3W405)",
+                                          "value": "14",
+                                        },
+                                        Object {
+                                          "label": "15 (3W407)",
+                                          "value": "15",
+                                        },
+                                        Object {
+                                          "label": "16 (3W409)",
+                                          "value": "16",
+                                        },
+                                        Object {
+                                          "label": "17 (3W518)",
+                                          "value": "17",
+                                        },
+                                        Object {
+                                          "label": "18 (4W325)",
+                                          "value": "18",
+                                        },
+                                        Object {
+                                          "label": "Utah",
+                                          "value": "19",
+                                        },
+                                        Object {
+                                          "label": "Gold",
+                                          "value": "20",
+                                        },
+                                        Object {
+                                          "label": "Juno",
+                                          "value": "21",
+                                        },
+                                        Object {
+                                          "label": "Sword",
+                                          "value": "22",
+                                        },
+                                        Object {
+                                          "label": "Omaha",
+                                          "value": "23",
+                                        },
+                                        Object {
+                                          "label": "Anzio",
+                                          "value": "24",
+                                        },
+                                        Object {
+                                          "label": "Coral Sea",
+                                          "value": "25",
+                                        },
+                                        Object {
+                                          "label": "Hue City",
+                                          "value": "26",
+                                        },
+                                        Object {
+                                          "label": "Antietam",
+                                          "value": "27",
+                                        },
+                                        Object {
+                                          "label": "Mogadishu",
+                                          "value": "28",
+                                        },
+                                      ]
+                                    }
+                                    selectOption={[Function]}
+                                    selectProps={
+                                      Object {
+                                        "backspaceRemovesValue": true,
+                                        "blurInputOnSelect": true,
+                                        "cache": false,
+                                        "captureMenuScroll": false,
+                                        "classNamePrefix": "cf-select",
+                                        "closeMenuOnScroll": false,
+                                        "closeMenuOnSelect": true,
+                                        "components": Object {
+                                          "Input": [Function],
+                                          "MenuList": [Function],
+                                          "Option": [Function],
+                                        },
+                                        "controlShouldRenderValue": true,
+                                        "defaultOptions": undefined,
+                                        "escapeClearsValue": false,
+                                        "filterOption": [Function],
+                                        "formatGroupLabel": [Function],
+                                        "getOptionLabel": [Function],
+                                        "getOptionValue": [Function],
+                                        "inputId": "hearing-room-dropdown",
+                                        "inputValue": "",
+                                        "isClearable": undefined,
+                                        "isDisabled": false,
+                                        "isLoading": false,
+                                        "isMulti": false,
+                                        "isOptionDisabled": [Function],
+                                        "isRtl": false,
+                                        "isSearchable": true,
+                                        "loadOptions": undefined,
+                                        "loadingMessage": [Function],
+                                        "maxMenuHeight": 300,
+                                        "menuIsOpen": false,
+                                        "menuPlacement": "bottom",
+                                        "menuPosition": "absolute",
+                                        "menuShouldBlockScroll": false,
+                                        "menuShouldScrollIntoView": true,
+                                        "minMenuHeight": 140,
+                                        "name": "hearingRoomDropdown",
+                                        "noOptionsMessage": [Function],
+                                        "onBlurResetsInput": false,
+                                        "onChange": [Function],
+                                        "onInputChange": [Function],
+                                        "onMenuClose": [Function],
+                                        "onMenuOpen": [Function],
+                                        "openMenuOnClick": true,
+                                        "openMenuOnFocus": false,
+                                        "options": Array [
+                                          Object {
+                                            "label": "None",
+                                            "value": null,
+                                          },
+                                          Object {
+                                            "label": "1 (1W200A)",
+                                            "value": "1",
+                                          },
+                                          Object {
+                                            "label": "2 (1W200B)",
+                                            "value": "2",
+                                          },
+                                          Object {
+                                            "label": "3 (1W200C)",
+                                            "value": "3",
+                                          },
+                                          Object {
+                                            "label": "4 (1W424)",
+                                            "value": "4",
+                                          },
+                                          Object {
+                                            "label": "5 (1W428)",
+                                            "value": "5",
+                                          },
+                                          Object {
+                                            "label": "6 (1W432)",
+                                            "value": "6",
+                                          },
+                                          Object {
+                                            "label": "7 (1W434)",
+                                            "value": "7",
+                                          },
+                                          Object {
+                                            "label": "8 (1W435)",
+                                            "value": "8",
+                                          },
+                                          Object {
+                                            "label": "9 (1W436)",
+                                            "value": "9",
+                                          },
+                                          Object {
+                                            "label": "10 (1W437)",
+                                            "value": "10",
+                                          },
+                                          Object {
+                                            "label": "11 (1W438)",
+                                            "value": "11",
+                                          },
+                                          Object {
+                                            "label": "12 (1W439)",
+                                            "value": "12",
+                                          },
+                                          Object {
+                                            "label": "13 (1W440)",
+                                            "value": "13",
+                                          },
+                                          Object {
+                                            "label": "14 (3W405)",
+                                            "value": "14",
+                                          },
+                                          Object {
+                                            "label": "15 (3W407)",
+                                            "value": "15",
+                                          },
+                                          Object {
+                                            "label": "16 (3W409)",
+                                            "value": "16",
+                                          },
+                                          Object {
+                                            "label": "17 (3W518)",
+                                            "value": "17",
+                                          },
+                                          Object {
+                                            "label": "18 (4W325)",
+                                            "value": "18",
+                                          },
+                                          Object {
+                                            "label": "Utah",
+                                            "value": "19",
+                                          },
+                                          Object {
+                                            "label": "Gold",
+                                            "value": "20",
+                                          },
+                                          Object {
+                                            "label": "Juno",
+                                            "value": "21",
+                                          },
+                                          Object {
+                                            "label": "Sword",
+                                            "value": "22",
+                                          },
+                                          Object {
+                                            "label": "Omaha",
+                                            "value": "23",
+                                          },
+                                          Object {
+                                            "label": "Anzio",
+                                            "value": "24",
+                                          },
+                                          Object {
+                                            "label": "Coral Sea",
+                                            "value": "25",
+                                          },
+                                          Object {
+                                            "label": "Hue City",
+                                            "value": "26",
+                                          },
+                                          Object {
+                                            "label": "Antietam",
+                                            "value": "27",
+                                          },
+                                          Object {
+                                            "label": "Mogadishu",
+                                            "value": "28",
+                                          },
+                                        ],
+                                        "pageSize": 5,
+                                        "placeholder": "Select...",
+                                        "screenReaderStatus": [Function],
+                                        "searchable": undefined,
+                                        "shouldKeyDownEventCreateNewOption": [Function],
+                                        "styles": Object {
+                                          "input": [Function],
+                                        },
+                                        "tabIndex": "0",
+                                        "tabSelectsValue": true,
+                                        "value": Object {
+                                          "label": "1 (1W200A)",
+                                          "value": "1",
+                                        },
+                                      }
+                                    }
+                                    setValue={[Function]}
+                                    theme={
+                                      Object {
+                                        "borderRadius": 4,
+                                        "colors": Object {
+                                          "danger": "#DE350B",
+                                          "dangerLight": "#FFBDAD",
+                                          "neutral0": "hsl(0, 0%, 100%)",
+                                          "neutral10": "hsl(0, 0%, 90%)",
+                                          "neutral20": "hsl(0, 0%, 80%)",
+                                          "neutral30": "hsl(0, 0%, 70%)",
+                                          "neutral40": "hsl(0, 0%, 60%)",
+                                          "neutral5": "hsl(0, 0%, 95%)",
+                                          "neutral50": "hsl(0, 0%, 50%)",
+                                          "neutral60": "hsl(0, 0%, 40%)",
+                                          "neutral70": "hsl(0, 0%, 30%)",
+                                          "neutral80": "hsl(0, 0%, 20%)",
+                                          "neutral90": "hsl(0, 0%, 10%)",
+                                          "primary": "#2684FF",
+                                          "primary25": "#DEEBFF",
+                                          "primary50": "#B2D4FF",
+                                          "primary75": "#4C9AFF",
+                                        },
+                                        "spacing": Object {
+                                          "baseUnit": 4,
+                                          "controlHeight": 38,
+                                          "menuGutter": 8,
+                                        },
+                                      }
+                                    }
+                                  >
+                                    <EmotionCssPropInternal
+                                      __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SelectContainer"
+                                      __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                      className=""
+                                      css={
+                                        Object {
+                                          "boxSizing": "border-box",
+                                          "direction": null,
+                                          "label": "container",
+                                          "pointerEvents": null,
+                                          "position": "relative",
+                                        }
+                                      }
+                                      onKeyDown={[Function]}
+                                    >
+                                      <div
+                                        className=" css-2b097c-container"
+                                        onKeyDown={[Function]}
+                                      >
+                                        <Control
+                                          clearValue={[Function]}
+                                          cx={[Function]}
+                                          getStyles={[Function]}
+                                          getValue={[Function]}
+                                          hasValue={true}
+                                          innerProps={
+                                            Object {
+                                              "onMouseDown": [Function],
+                                              "onTouchEnd": [Function],
+                                            }
+                                          }
+                                          innerRef={[Function]}
+                                          isDisabled={false}
+                                          isFocused={false}
+                                          isMulti={false}
+                                          isRtl={false}
+                                          menuIsOpen={false}
+                                          options={
+                                            Array [
+                                              Object {
+                                                "label": "None",
+                                                "value": null,
+                                              },
+                                              Object {
+                                                "label": "1 (1W200A)",
+                                                "value": "1",
+                                              },
+                                              Object {
+                                                "label": "2 (1W200B)",
+                                                "value": "2",
+                                              },
+                                              Object {
+                                                "label": "3 (1W200C)",
+                                                "value": "3",
+                                              },
+                                              Object {
+                                                "label": "4 (1W424)",
+                                                "value": "4",
+                                              },
+                                              Object {
+                                                "label": "5 (1W428)",
+                                                "value": "5",
+                                              },
+                                              Object {
+                                                "label": "6 (1W432)",
+                                                "value": "6",
+                                              },
+                                              Object {
+                                                "label": "7 (1W434)",
+                                                "value": "7",
+                                              },
+                                              Object {
+                                                "label": "8 (1W435)",
+                                                "value": "8",
+                                              },
+                                              Object {
+                                                "label": "9 (1W436)",
+                                                "value": "9",
+                                              },
+                                              Object {
+                                                "label": "10 (1W437)",
+                                                "value": "10",
+                                              },
+                                              Object {
+                                                "label": "11 (1W438)",
+                                                "value": "11",
+                                              },
+                                              Object {
+                                                "label": "12 (1W439)",
+                                                "value": "12",
+                                              },
+                                              Object {
+                                                "label": "13 (1W440)",
+                                                "value": "13",
+                                              },
+                                              Object {
+                                                "label": "14 (3W405)",
+                                                "value": "14",
+                                              },
+                                              Object {
+                                                "label": "15 (3W407)",
+                                                "value": "15",
+                                              },
+                                              Object {
+                                                "label": "16 (3W409)",
+                                                "value": "16",
+                                              },
+                                              Object {
+                                                "label": "17 (3W518)",
+                                                "value": "17",
+                                              },
+                                              Object {
+                                                "label": "18 (4W325)",
+                                                "value": "18",
+                                              },
+                                              Object {
+                                                "label": "Utah",
+                                                "value": "19",
+                                              },
+                                              Object {
+                                                "label": "Gold",
+                                                "value": "20",
+                                              },
+                                              Object {
+                                                "label": "Juno",
+                                                "value": "21",
+                                              },
+                                              Object {
+                                                "label": "Sword",
+                                                "value": "22",
+                                              },
+                                              Object {
+                                                "label": "Omaha",
+                                                "value": "23",
+                                              },
+                                              Object {
+                                                "label": "Anzio",
+                                                "value": "24",
+                                              },
+                                              Object {
+                                                "label": "Coral Sea",
+                                                "value": "25",
+                                              },
+                                              Object {
+                                                "label": "Hue City",
+                                                "value": "26",
+                                              },
+                                              Object {
+                                                "label": "Antietam",
+                                                "value": "27",
+                                              },
+                                              Object {
+                                                "label": "Mogadishu",
+                                                "value": "28",
+                                              },
+                                            ]
+                                          }
+                                          selectOption={[Function]}
+                                          selectProps={
+                                            Object {
+                                              "backspaceRemovesValue": true,
+                                              "blurInputOnSelect": true,
+                                              "cache": false,
+                                              "captureMenuScroll": false,
+                                              "classNamePrefix": "cf-select",
+                                              "closeMenuOnScroll": false,
+                                              "closeMenuOnSelect": true,
+                                              "components": Object {
+                                                "Input": [Function],
+                                                "MenuList": [Function],
+                                                "Option": [Function],
+                                              },
+                                              "controlShouldRenderValue": true,
+                                              "defaultOptions": undefined,
+                                              "escapeClearsValue": false,
+                                              "filterOption": [Function],
+                                              "formatGroupLabel": [Function],
+                                              "getOptionLabel": [Function],
+                                              "getOptionValue": [Function],
+                                              "inputId": "hearing-room-dropdown",
+                                              "inputValue": "",
+                                              "isClearable": undefined,
+                                              "isDisabled": false,
+                                              "isLoading": false,
+                                              "isMulti": false,
+                                              "isOptionDisabled": [Function],
+                                              "isRtl": false,
+                                              "isSearchable": true,
+                                              "loadOptions": undefined,
+                                              "loadingMessage": [Function],
+                                              "maxMenuHeight": 300,
+                                              "menuIsOpen": false,
+                                              "menuPlacement": "bottom",
+                                              "menuPosition": "absolute",
+                                              "menuShouldBlockScroll": false,
+                                              "menuShouldScrollIntoView": true,
+                                              "minMenuHeight": 140,
+                                              "name": "hearingRoomDropdown",
+                                              "noOptionsMessage": [Function],
+                                              "onBlurResetsInput": false,
+                                              "onChange": [Function],
+                                              "onInputChange": [Function],
+                                              "onMenuClose": [Function],
+                                              "onMenuOpen": [Function],
+                                              "openMenuOnClick": true,
+                                              "openMenuOnFocus": false,
+                                              "options": Array [
+                                                Object {
+                                                  "label": "None",
+                                                  "value": null,
+                                                },
+                                                Object {
+                                                  "label": "1 (1W200A)",
+                                                  "value": "1",
+                                                },
+                                                Object {
+                                                  "label": "2 (1W200B)",
+                                                  "value": "2",
+                                                },
+                                                Object {
+                                                  "label": "3 (1W200C)",
+                                                  "value": "3",
+                                                },
+                                                Object {
+                                                  "label": "4 (1W424)",
+                                                  "value": "4",
+                                                },
+                                                Object {
+                                                  "label": "5 (1W428)",
+                                                  "value": "5",
+                                                },
+                                                Object {
+                                                  "label": "6 (1W432)",
+                                                  "value": "6",
+                                                },
+                                                Object {
+                                                  "label": "7 (1W434)",
+                                                  "value": "7",
+                                                },
+                                                Object {
+                                                  "label": "8 (1W435)",
+                                                  "value": "8",
+                                                },
+                                                Object {
+                                                  "label": "9 (1W436)",
+                                                  "value": "9",
+                                                },
+                                                Object {
+                                                  "label": "10 (1W437)",
+                                                  "value": "10",
+                                                },
+                                                Object {
+                                                  "label": "11 (1W438)",
+                                                  "value": "11",
+                                                },
+                                                Object {
+                                                  "label": "12 (1W439)",
+                                                  "value": "12",
+                                                },
+                                                Object {
+                                                  "label": "13 (1W440)",
+                                                  "value": "13",
+                                                },
+                                                Object {
+                                                  "label": "14 (3W405)",
+                                                  "value": "14",
+                                                },
+                                                Object {
+                                                  "label": "15 (3W407)",
+                                                  "value": "15",
+                                                },
+                                                Object {
+                                                  "label": "16 (3W409)",
+                                                  "value": "16",
+                                                },
+                                                Object {
+                                                  "label": "17 (3W518)",
+                                                  "value": "17",
+                                                },
+                                                Object {
+                                                  "label": "18 (4W325)",
+                                                  "value": "18",
+                                                },
+                                                Object {
+                                                  "label": "Utah",
+                                                  "value": "19",
+                                                },
+                                                Object {
+                                                  "label": "Gold",
+                                                  "value": "20",
+                                                },
+                                                Object {
+                                                  "label": "Juno",
+                                                  "value": "21",
+                                                },
+                                                Object {
+                                                  "label": "Sword",
+                                                  "value": "22",
+                                                },
+                                                Object {
+                                                  "label": "Omaha",
+                                                  "value": "23",
+                                                },
+                                                Object {
+                                                  "label": "Anzio",
+                                                  "value": "24",
+                                                },
+                                                Object {
+                                                  "label": "Coral Sea",
+                                                  "value": "25",
+                                                },
+                                                Object {
+                                                  "label": "Hue City",
+                                                  "value": "26",
+                                                },
+                                                Object {
+                                                  "label": "Antietam",
+                                                  "value": "27",
+                                                },
+                                                Object {
+                                                  "label": "Mogadishu",
+                                                  "value": "28",
+                                                },
+                                              ],
+                                              "pageSize": 5,
+                                              "placeholder": "Select...",
+                                              "screenReaderStatus": [Function],
+                                              "searchable": undefined,
+                                              "shouldKeyDownEventCreateNewOption": [Function],
+                                              "styles": Object {
+                                                "input": [Function],
+                                              },
+                                              "tabIndex": "0",
+                                              "tabSelectsValue": true,
+                                              "value": Object {
+                                                "label": "1 (1W200A)",
+                                                "value": "1",
+                                              },
+                                            }
+                                          }
+                                          setValue={[Function]}
+                                          theme={
+                                            Object {
+                                              "borderRadius": 4,
+                                              "colors": Object {
+                                                "danger": "#DE350B",
+                                                "dangerLight": "#FFBDAD",
+                                                "neutral0": "hsl(0, 0%, 100%)",
+                                                "neutral10": "hsl(0, 0%, 90%)",
+                                                "neutral20": "hsl(0, 0%, 80%)",
+                                                "neutral30": "hsl(0, 0%, 70%)",
+                                                "neutral40": "hsl(0, 0%, 60%)",
+                                                "neutral5": "hsl(0, 0%, 95%)",
+                                                "neutral50": "hsl(0, 0%, 50%)",
+                                                "neutral60": "hsl(0, 0%, 40%)",
+                                                "neutral70": "hsl(0, 0%, 30%)",
+                                                "neutral80": "hsl(0, 0%, 20%)",
+                                                "neutral90": "hsl(0, 0%, 10%)",
+                                                "primary": "#2684FF",
+                                                "primary25": "#DEEBFF",
+                                                "primary50": "#B2D4FF",
+                                                "primary75": "#4C9AFF",
+                                              },
+                                              "spacing": Object {
+                                                "baseUnit": 4,
+                                                "controlHeight": 38,
+                                                "menuGutter": 8,
+                                              },
+                                            }
+                                          }
+                                        >
+                                          <EmotionCssPropInternal
+                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Control"
+                                            __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                            className="cf-select__control"
+                                            css={
+                                              Object {
+                                                "&:hover": Object {
+                                                  "borderColor": "hsl(0, 0%, 70%)",
+                                                },
+                                                "alignItems": "center",
+                                                "backgroundColor": "hsl(0, 0%, 100%)",
+                                                "borderColor": "hsl(0, 0%, 80%)",
+                                                "borderRadius": 4,
+                                                "borderStyle": "solid",
+                                                "borderWidth": 1,
+                                                "boxShadow": null,
+                                                "boxSizing": "border-box",
+                                                "cursor": "default",
+                                                "display": "flex",
+                                                "flexWrap": "wrap",
+                                                "justifyContent": "space-between",
+                                                "label": "control",
+                                                "minHeight": 38,
+                                                "outline": "0 !important",
+                                                "position": "relative",
+                                                "transition": "all 100ms",
+                                              }
+                                            }
+                                            onMouseDown={[Function]}
+                                            onTouchEnd={[Function]}
+                                          >
+                                            <div
+                                              className="cf-select__control css-yk16xz-control"
+                                              onMouseDown={[Function]}
+                                              onTouchEnd={[Function]}
+                                            >
+                                              <ValueContainer
+                                                clearValue={[Function]}
+                                                cx={[Function]}
+                                                getStyles={[Function]}
+                                                getValue={[Function]}
+                                                hasValue={true}
+                                                isDisabled={false}
+                                                isMulti={false}
+                                                isRtl={false}
+                                                options={
+                                                  Array [
+                                                    Object {
+                                                      "label": "None",
+                                                      "value": null,
+                                                    },
+                                                    Object {
+                                                      "label": "1 (1W200A)",
+                                                      "value": "1",
+                                                    },
+                                                    Object {
+                                                      "label": "2 (1W200B)",
+                                                      "value": "2",
+                                                    },
+                                                    Object {
+                                                      "label": "3 (1W200C)",
+                                                      "value": "3",
+                                                    },
+                                                    Object {
+                                                      "label": "4 (1W424)",
+                                                      "value": "4",
+                                                    },
+                                                    Object {
+                                                      "label": "5 (1W428)",
+                                                      "value": "5",
+                                                    },
+                                                    Object {
+                                                      "label": "6 (1W432)",
+                                                      "value": "6",
+                                                    },
+                                                    Object {
+                                                      "label": "7 (1W434)",
+                                                      "value": "7",
+                                                    },
+                                                    Object {
+                                                      "label": "8 (1W435)",
+                                                      "value": "8",
+                                                    },
+                                                    Object {
+                                                      "label": "9 (1W436)",
+                                                      "value": "9",
+                                                    },
+                                                    Object {
+                                                      "label": "10 (1W437)",
+                                                      "value": "10",
+                                                    },
+                                                    Object {
+                                                      "label": "11 (1W438)",
+                                                      "value": "11",
+                                                    },
+                                                    Object {
+                                                      "label": "12 (1W439)",
+                                                      "value": "12",
+                                                    },
+                                                    Object {
+                                                      "label": "13 (1W440)",
+                                                      "value": "13",
+                                                    },
+                                                    Object {
+                                                      "label": "14 (3W405)",
+                                                      "value": "14",
+                                                    },
+                                                    Object {
+                                                      "label": "15 (3W407)",
+                                                      "value": "15",
+                                                    },
+                                                    Object {
+                                                      "label": "16 (3W409)",
+                                                      "value": "16",
+                                                    },
+                                                    Object {
+                                                      "label": "17 (3W518)",
+                                                      "value": "17",
+                                                    },
+                                                    Object {
+                                                      "label": "18 (4W325)",
+                                                      "value": "18",
+                                                    },
+                                                    Object {
+                                                      "label": "Utah",
+                                                      "value": "19",
+                                                    },
+                                                    Object {
+                                                      "label": "Gold",
+                                                      "value": "20",
+                                                    },
+                                                    Object {
+                                                      "label": "Juno",
+                                                      "value": "21",
+                                                    },
+                                                    Object {
+                                                      "label": "Sword",
+                                                      "value": "22",
+                                                    },
+                                                    Object {
+                                                      "label": "Omaha",
+                                                      "value": "23",
+                                                    },
+                                                    Object {
+                                                      "label": "Anzio",
+                                                      "value": "24",
+                                                    },
+                                                    Object {
+                                                      "label": "Coral Sea",
+                                                      "value": "25",
+                                                    },
+                                                    Object {
+                                                      "label": "Hue City",
+                                                      "value": "26",
+                                                    },
+                                                    Object {
+                                                      "label": "Antietam",
+                                                      "value": "27",
+                                                    },
+                                                    Object {
+                                                      "label": "Mogadishu",
+                                                      "value": "28",
+                                                    },
+                                                  ]
+                                                }
+                                                selectOption={[Function]}
+                                                selectProps={
+                                                  Object {
+                                                    "backspaceRemovesValue": true,
+                                                    "blurInputOnSelect": true,
+                                                    "cache": false,
+                                                    "captureMenuScroll": false,
+                                                    "classNamePrefix": "cf-select",
+                                                    "closeMenuOnScroll": false,
+                                                    "closeMenuOnSelect": true,
+                                                    "components": Object {
+                                                      "Input": [Function],
+                                                      "MenuList": [Function],
+                                                      "Option": [Function],
+                                                    },
+                                                    "controlShouldRenderValue": true,
+                                                    "defaultOptions": undefined,
+                                                    "escapeClearsValue": false,
+                                                    "filterOption": [Function],
+                                                    "formatGroupLabel": [Function],
+                                                    "getOptionLabel": [Function],
+                                                    "getOptionValue": [Function],
+                                                    "inputId": "hearing-room-dropdown",
+                                                    "inputValue": "",
+                                                    "isClearable": undefined,
+                                                    "isDisabled": false,
+                                                    "isLoading": false,
+                                                    "isMulti": false,
+                                                    "isOptionDisabled": [Function],
+                                                    "isRtl": false,
+                                                    "isSearchable": true,
+                                                    "loadOptions": undefined,
+                                                    "loadingMessage": [Function],
+                                                    "maxMenuHeight": 300,
+                                                    "menuIsOpen": false,
+                                                    "menuPlacement": "bottom",
+                                                    "menuPosition": "absolute",
+                                                    "menuShouldBlockScroll": false,
+                                                    "menuShouldScrollIntoView": true,
+                                                    "minMenuHeight": 140,
+                                                    "name": "hearingRoomDropdown",
+                                                    "noOptionsMessage": [Function],
+                                                    "onBlurResetsInput": false,
+                                                    "onChange": [Function],
+                                                    "onInputChange": [Function],
+                                                    "onMenuClose": [Function],
+                                                    "onMenuOpen": [Function],
+                                                    "openMenuOnClick": true,
+                                                    "openMenuOnFocus": false,
+                                                    "options": Array [
+                                                      Object {
+                                                        "label": "None",
+                                                        "value": null,
+                                                      },
+                                                      Object {
+                                                        "label": "1 (1W200A)",
+                                                        "value": "1",
+                                                      },
+                                                      Object {
+                                                        "label": "2 (1W200B)",
+                                                        "value": "2",
+                                                      },
+                                                      Object {
+                                                        "label": "3 (1W200C)",
+                                                        "value": "3",
+                                                      },
+                                                      Object {
+                                                        "label": "4 (1W424)",
+                                                        "value": "4",
+                                                      },
+                                                      Object {
+                                                        "label": "5 (1W428)",
+                                                        "value": "5",
+                                                      },
+                                                      Object {
+                                                        "label": "6 (1W432)",
+                                                        "value": "6",
+                                                      },
+                                                      Object {
+                                                        "label": "7 (1W434)",
+                                                        "value": "7",
+                                                      },
+                                                      Object {
+                                                        "label": "8 (1W435)",
+                                                        "value": "8",
+                                                      },
+                                                      Object {
+                                                        "label": "9 (1W436)",
+                                                        "value": "9",
+                                                      },
+                                                      Object {
+                                                        "label": "10 (1W437)",
+                                                        "value": "10",
+                                                      },
+                                                      Object {
+                                                        "label": "11 (1W438)",
+                                                        "value": "11",
+                                                      },
+                                                      Object {
+                                                        "label": "12 (1W439)",
+                                                        "value": "12",
+                                                      },
+                                                      Object {
+                                                        "label": "13 (1W440)",
+                                                        "value": "13",
+                                                      },
+                                                      Object {
+                                                        "label": "14 (3W405)",
+                                                        "value": "14",
+                                                      },
+                                                      Object {
+                                                        "label": "15 (3W407)",
+                                                        "value": "15",
+                                                      },
+                                                      Object {
+                                                        "label": "16 (3W409)",
+                                                        "value": "16",
+                                                      },
+                                                      Object {
+                                                        "label": "17 (3W518)",
+                                                        "value": "17",
+                                                      },
+                                                      Object {
+                                                        "label": "18 (4W325)",
+                                                        "value": "18",
+                                                      },
+                                                      Object {
+                                                        "label": "Utah",
+                                                        "value": "19",
+                                                      },
+                                                      Object {
+                                                        "label": "Gold",
+                                                        "value": "20",
+                                                      },
+                                                      Object {
+                                                        "label": "Juno",
+                                                        "value": "21",
+                                                      },
+                                                      Object {
+                                                        "label": "Sword",
+                                                        "value": "22",
+                                                      },
+                                                      Object {
+                                                        "label": "Omaha",
+                                                        "value": "23",
+                                                      },
+                                                      Object {
+                                                        "label": "Anzio",
+                                                        "value": "24",
+                                                      },
+                                                      Object {
+                                                        "label": "Coral Sea",
+                                                        "value": "25",
+                                                      },
+                                                      Object {
+                                                        "label": "Hue City",
+                                                        "value": "26",
+                                                      },
+                                                      Object {
+                                                        "label": "Antietam",
+                                                        "value": "27",
+                                                      },
+                                                      Object {
+                                                        "label": "Mogadishu",
+                                                        "value": "28",
+                                                      },
+                                                    ],
+                                                    "pageSize": 5,
+                                                    "placeholder": "Select...",
+                                                    "screenReaderStatus": [Function],
+                                                    "searchable": undefined,
+                                                    "shouldKeyDownEventCreateNewOption": [Function],
+                                                    "styles": Object {
+                                                      "input": [Function],
+                                                    },
+                                                    "tabIndex": "0",
+                                                    "tabSelectsValue": true,
+                                                    "value": Object {
+                                                      "label": "1 (1W200A)",
+                                                      "value": "1",
+                                                    },
+                                                  }
+                                                }
+                                                setValue={[Function]}
+                                                theme={
+                                                  Object {
+                                                    "borderRadius": 4,
+                                                    "colors": Object {
+                                                      "danger": "#DE350B",
+                                                      "dangerLight": "#FFBDAD",
+                                                      "neutral0": "hsl(0, 0%, 100%)",
+                                                      "neutral10": "hsl(0, 0%, 90%)",
+                                                      "neutral20": "hsl(0, 0%, 80%)",
+                                                      "neutral30": "hsl(0, 0%, 70%)",
+                                                      "neutral40": "hsl(0, 0%, 60%)",
+                                                      "neutral5": "hsl(0, 0%, 95%)",
+                                                      "neutral50": "hsl(0, 0%, 50%)",
+                                                      "neutral60": "hsl(0, 0%, 40%)",
+                                                      "neutral70": "hsl(0, 0%, 30%)",
+                                                      "neutral80": "hsl(0, 0%, 20%)",
+                                                      "neutral90": "hsl(0, 0%, 10%)",
+                                                      "primary": "#2684FF",
+                                                      "primary25": "#DEEBFF",
+                                                      "primary50": "#B2D4FF",
+                                                      "primary75": "#4C9AFF",
+                                                    },
+                                                    "spacing": Object {
+                                                      "baseUnit": 4,
+                                                      "controlHeight": 38,
+                                                      "menuGutter": 8,
+                                                    },
+                                                  }
+                                                }
+                                              >
+                                                <EmotionCssPropInternal
+                                                  __EMOTION_LABEL_PLEASE_DO_NOT_USE__="ValueContainer"
+                                                  __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                  className="cf-select__value-container cf-select__value-container--has-value"
+                                                  css={
+                                                    Object {
+                                                      "WebkitOverflowScrolling": "touch",
+                                                      "alignItems": "center",
+                                                      "boxSizing": "border-box",
+                                                      "display": "flex",
+                                                      "flex": 1,
+                                                      "flexWrap": "wrap",
+                                                      "overflow": "hidden",
+                                                      "padding": "2px 8px",
+                                                      "position": "relative",
                                                     }
-                                                    selectOption={[Function]}
-                                                    selectProps={
-                                                      Object {
-                                                        "backspaceRemovesValue": true,
-                                                        "blurInputOnSelect": true,
-                                                        "cache": false,
-                                                        "captureMenuScroll": false,
-                                                        "classNamePrefix": "cf-select",
-                                                        "closeMenuOnScroll": false,
-                                                        "closeMenuOnSelect": true,
-                                                        "components": Object {
-                                                          "Input": [Function],
-                                                          "MenuList": [Function],
-                                                          "Option": [Function],
-                                                        },
-                                                        "controlShouldRenderValue": true,
-                                                        "defaultOptions": undefined,
-                                                        "escapeClearsValue": false,
-                                                        "filterOption": [Function],
-                                                        "formatGroupLabel": [Function],
-                                                        "getOptionLabel": [Function],
-                                                        "getOptionValue": [Function],
-                                                        "inputId": "appellant-tz",
-                                                        "inputValue": "",
-                                                        "isClearable": undefined,
-                                                        "isDisabled": false,
-                                                        "isLoading": false,
-                                                        "isMulti": false,
-                                                        "isOptionDisabled": [Function],
-                                                        "isRtl": false,
-                                                        "isSearchable": true,
-                                                        "loadOptions": undefined,
-                                                        "loadingMessage": [Function],
-                                                        "maxMenuHeight": 300,
-                                                        "menuIsOpen": false,
-                                                        "menuPlacement": "bottom",
-                                                        "menuPosition": "absolute",
-                                                        "menuShouldBlockScroll": false,
-                                                        "menuShouldScrollIntoView": true,
-                                                        "minMenuHeight": 140,
-                                                        "name": "appellantTz",
-                                                        "noOptionsMessage": [Function],
-                                                        "onBlurResetsInput": false,
-                                                        "onChange": [Function],
-                                                        "onInputChange": [Function],
-                                                        "onMenuClose": [Function],
-                                                        "onMenuOpen": [Function],
-                                                        "openMenuOnClick": true,
-                                                        "openMenuOnFocus": false,
-                                                        "options": Array [
+                                                  }
+                                                >
+                                                  <div
+                                                    className="cf-select__value-container cf-select__value-container--has-value css-g1d714-ValueContainer"
+                                                  >
+                                                    <SingleValue
+                                                      clearValue={[Function]}
+                                                      cx={[Function]}
+                                                      data={
+                                                        Object {
+                                                          "label": "1 (1W200A)",
+                                                          "value": "1",
+                                                        }
+                                                      }
+                                                      getStyles={[Function]}
+                                                      getValue={[Function]}
+                                                      hasValue={true}
+                                                      isDisabled={false}
+                                                      isMulti={false}
+                                                      isRtl={false}
+                                                      options={
+                                                        Array [
                                                           Object {
-                                                            "label": "",
+                                                            "label": "None",
                                                             "value": null,
                                                           },
                                                           Object {
-                                                            "index": -3,
-                                                            "label": "Eastern Time (US & Canada) (6:00 AM)",
-                                                            "value": "America/New_York",
-                                                          },
-                                                          Object {
-                                                            "index": -2,
-                                                            "label": "Central Time (US & Canada) (5:00 AM)",
-                                                            "value": "America/Chicago",
-                                                          },
-                                                          Object {
-                                                            "index": -1,
-                                                            "label": "Mountain Time (US & Canada) (4:00 AM)",
-                                                            "value": "America/Denver",
-                                                          },
-                                                          Object {
-                                                            "index": -0,
-                                                            "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                            "value": "America/Los_Angeles",
-                                                          },
-                                                          Object {
-                                                            "index": 2.4,
-                                                            "label": "Indiana (East) (6:00 AM)",
-                                                            "value": "America/Indiana/Indianapolis",
-                                                          },
-                                                          Object {
-                                                            "index": 2.4,
-                                                            "label": "Puerto Rico (6:00 AM)",
-                                                            "value": "America/Puerto_Rico",
-                                                          },
-                                                          Object {
-                                                            "index": 4.2,
-                                                            "label": "Arizona (3:00 AM)",
-                                                            "value": "America/Phoenix",
-                                                          },
-                                                          Object {
-                                                            "index": 4.8,
-                                                            "label": "Alaska (2:00 AM)",
-                                                            "value": "America/Juneau",
-                                                          },
-                                                          Object {
-                                                            "index": 4.8,
-                                                            "label": "Philippine Standard Time (6:00 PM)",
-                                                            "value": "Asia/Manila",
-                                                          },
-                                                          Object {
-                                                            "index": 6,
-                                                            "label": "Hawaii (12:00 AM)",
-                                                            "value": "Pacific/Honolulu",
-                                                          },
-                                                          Object {
-                                                            "index": 100,
-                                                            "label": "Azores (10:00 AM)",
-                                                            "value": "Atlantic/Azores",
-                                                          },
-                                                          Object {
-                                                            "index": 100,
-                                                            "label": "Monrovia (10:00 AM)",
-                                                            "value": "Africa/Monrovia",
-                                                          },
-                                                          Object {
-                                                            "index": 100,
-                                                            "label": "UTC (10:00 AM)",
-                                                            "value": "Etc/UTC",
-                                                          },
-                                                          Object {
-                                                            "index": 160,
-                                                            "label": "Cape Verde Is. (9:00 AM)",
-                                                            "value": "Atlantic/Cape_Verde",
-                                                          },
-                                                          Object {
-                                                            "index": 160,
-                                                            "label": "Dublin (11:00 AM)",
-                                                            "value": "Europe/Dublin",
-                                                          },
-                                                          Object {
-                                                            "index": 160,
-                                                            "label": "Edinburgh (11:00 AM)",
-                                                            "value": "Europe/London",
-                                                          },
-                                                          Object {
-                                                            "index": 160,
-                                                            "label": "Lisbon (11:00 AM)",
-                                                            "value": "Europe/Lisbon",
-                                                          },
-                                                          Object {
-                                                            "index": 160,
-                                                            "label": "London (11:00 AM)",
-                                                            "value": "Europe/London",
-                                                          },
-                                                          Object {
-                                                            "index": 160,
-                                                            "label": "Casablanca (11:00 AM)",
-                                                            "value": "Africa/Casablanca",
-                                                          },
-                                                          Object {
-                                                            "index": 160,
-                                                            "label": "West Central Africa (11:00 AM)",
-                                                            "value": "Africa/Algiers",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Greenland (8:00 AM)",
-                                                            "value": "America/Godthab",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Mid-Atlantic (8:00 AM)",
-                                                            "value": "Atlantic/South_Georgia",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Belgrade (12:00 PM)",
-                                                            "value": "Europe/Belgrade",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Bratislava (12:00 PM)",
-                                                            "value": "Europe/Bratislava",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Budapest (12:00 PM)",
-                                                            "value": "Europe/Budapest",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Ljubljana (12:00 PM)",
-                                                            "value": "Europe/Ljubljana",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Prague (12:00 PM)",
-                                                            "value": "Europe/Prague",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Sarajevo (12:00 PM)",
-                                                            "value": "Europe/Sarajevo",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Skopje (12:00 PM)",
-                                                            "value": "Europe/Skopje",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Warsaw (12:00 PM)",
-                                                            "value": "Europe/Warsaw",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Zagreb (12:00 PM)",
-                                                            "value": "Europe/Zagreb",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Brussels (12:00 PM)",
-                                                            "value": "Europe/Brussels",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Copenhagen (12:00 PM)",
-                                                            "value": "Europe/Copenhagen",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Madrid (12:00 PM)",
-                                                            "value": "Europe/Madrid",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Paris (12:00 PM)",
-                                                            "value": "Europe/Paris",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Amsterdam (12:00 PM)",
-                                                            "value": "Europe/Amsterdam",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Berlin (12:00 PM)",
-                                                            "value": "Europe/Berlin",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Bern (12:00 PM)",
-                                                            "value": "Europe/Zurich",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Zurich (12:00 PM)",
-                                                            "value": "Europe/Zurich",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Rome (12:00 PM)",
-                                                            "value": "Europe/Rome",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Stockholm (12:00 PM)",
-                                                            "value": "Europe/Stockholm",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Vienna (12:00 PM)",
-                                                            "value": "Europe/Vienna",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Cairo (12:00 PM)",
-                                                            "value": "Africa/Cairo",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Harare (12:00 PM)",
-                                                            "value": "Africa/Harare",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Pretoria (12:00 PM)",
-                                                            "value": "Africa/Johannesburg",
-                                                          },
-                                                          Object {
-                                                            "index": 220,
-                                                            "label": "Kaliningrad (12:00 PM)",
-                                                            "value": "Europe/Kaliningrad",
-                                                          },
-                                                          Object {
-                                                            "index": 250,
-                                                            "label": "Newfoundland (7:30 AM)",
-                                                            "value": "America/St_Johns",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Atlantic Time (Canada) (7:00 AM)",
-                                                            "value": "America/Halifax",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Brasilia (7:00 AM)",
-                                                            "value": "America/Sao_Paulo",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Buenos Aires (7:00 AM)",
-                                                            "value": "America/Argentina/Buenos_Aires",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Montevideo (7:00 AM)",
-                                                            "value": "America/Montevideo",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Bucharest (1:00 PM)",
-                                                            "value": "Europe/Bucharest",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Helsinki (1:00 PM)",
-                                                            "value": "Europe/Helsinki",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Kyiv (1:00 PM)",
-                                                            "value": "Europe/Kiev",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Riga (1:00 PM)",
-                                                            "value": "Europe/Riga",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Sofia (1:00 PM)",
-                                                            "value": "Europe/Sofia",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Tallinn (1:00 PM)",
-                                                            "value": "Europe/Tallinn",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Vilnius (1:00 PM)",
-                                                            "value": "Europe/Vilnius",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Athens (1:00 PM)",
-                                                            "value": "Europe/Athens",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Istanbul (1:00 PM)",
-                                                            "value": "Europe/Istanbul",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Minsk (1:00 PM)",
-                                                            "value": "Europe/Minsk",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Jerusalem (1:00 PM)",
-                                                            "value": "Asia/Jerusalem",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Moscow (1:00 PM)",
-                                                            "value": "Europe/Moscow",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "St. Petersburg (1:00 PM)",
-                                                            "value": "Europe/Moscow",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Kuwait (1:00 PM)",
-                                                            "value": "Asia/Kuwait",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Riyadh (1:00 PM)",
-                                                            "value": "Asia/Riyadh",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Nairobi (1:00 PM)",
-                                                            "value": "Africa/Nairobi",
-                                                          },
-                                                          Object {
-                                                            "index": 280,
-                                                            "label": "Baghdad (1:00 PM)",
-                                                            "value": "Asia/Baghdad",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Caracas (6:00 AM)",
-                                                            "value": "America/Caracas",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "La Paz (6:00 AM)",
-                                                            "value": "America/La_Paz",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Santiago (6:00 AM)",
-                                                            "value": "America/Santiago",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Georgetown (6:00 AM)",
-                                                            "value": "America/Guyana",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Volgograd (2:00 PM)",
-                                                            "value": "Europe/Volgograd",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Samara (2:00 PM)",
-                                                            "value": "Europe/Samara",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Abu Dhabi (2:00 PM)",
-                                                            "value": "Asia/Muscat",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Muscat (2:00 PM)",
-                                                            "value": "Asia/Muscat",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Baku (2:00 PM)",
-                                                            "value": "Asia/Baku",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Tbilisi (2:00 PM)",
-                                                            "value": "Asia/Tbilisi",
-                                                          },
-                                                          Object {
-                                                            "index": 340,
-                                                            "label": "Yerevan (2:00 PM)",
-                                                            "value": "Asia/Yerevan",
-                                                          },
-                                                          Object {
-                                                            "index": 370,
-                                                            "label": "Tehran (2:30 PM)",
-                                                            "value": "Asia/Tehran",
-                                                          },
-                                                          Object {
-                                                            "index": 370,
-                                                            "label": "Kabul (2:30 PM)",
-                                                            "value": "Asia/Kabul",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Guadalajara (5:00 AM)",
-                                                            "value": "America/Mexico_City",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Mexico City (5:00 AM)",
-                                                            "value": "America/Mexico_City",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Monterrey (5:00 AM)",
-                                                            "value": "America/Monterrey",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Bogota (5:00 AM)",
-                                                            "value": "America/Bogota",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Lima (5:00 AM)",
-                                                            "value": "America/Lima",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Quito (5:00 AM)",
-                                                            "value": "America/Lima",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Ekaterinburg (3:00 PM)",
-                                                            "value": "Asia/Yekaterinburg",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Islamabad (3:00 PM)",
-                                                            "value": "Asia/Karachi",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Karachi (3:00 PM)",
-                                                            "value": "Asia/Karachi",
-                                                          },
-                                                          Object {
-                                                            "index": 400,
-                                                            "label": "Tashkent (3:00 PM)",
-                                                            "value": "Asia/Tashkent",
-                                                          },
-                                                          Object {
-                                                            "index": 430,
-                                                            "label": "Chennai (3:30 PM)",
-                                                            "value": "Asia/Kolkata",
-                                                          },
-                                                          Object {
-                                                            "index": 430,
-                                                            "label": "Kolkata (3:30 PM)",
-                                                            "value": "Asia/Kolkata",
-                                                          },
-                                                          Object {
-                                                            "index": 430,
-                                                            "label": "Mumbai (3:30 PM)",
-                                                            "value": "Asia/Kolkata",
-                                                          },
-                                                          Object {
-                                                            "index": 430,
-                                                            "label": "New Delhi (3:30 PM)",
-                                                            "value": "Asia/Kolkata",
-                                                          },
-                                                          Object {
-                                                            "index": 430,
-                                                            "label": "Sri Jayawardenepura (3:30 PM)",
-                                                            "value": "Asia/Colombo",
-                                                          },
-                                                          Object {
-                                                            "index": 445,
-                                                            "label": "Kathmandu (3:45 PM)",
-                                                            "value": "Asia/Kathmandu",
-                                                          },
-                                                          Object {
-                                                            "index": 460,
-                                                            "label": "Chihuahua (4:00 AM)",
-                                                            "value": "America/Chihuahua",
-                                                          },
-                                                          Object {
-                                                            "index": 460,
-                                                            "label": "Mazatlan (4:00 AM)",
-                                                            "value": "America/Mazatlan",
-                                                          },
-                                                          Object {
-                                                            "index": 460,
-                                                            "label": "Saskatchewan (4:00 AM)",
-                                                            "value": "America/Regina",
-                                                          },
-                                                          Object {
-                                                            "index": 460,
-                                                            "label": "Central America (4:00 AM)",
-                                                            "value": "America/Guatemala",
-                                                          },
-                                                          Object {
-                                                            "index": 460,
-                                                            "label": "Astana (4:00 PM)",
-                                                            "value": "Asia/Dhaka",
-                                                          },
-                                                          Object {
-                                                            "index": 460,
-                                                            "label": "Dhaka (4:00 PM)",
-                                                            "value": "Asia/Dhaka",
-                                                          },
-                                                          Object {
-                                                            "index": 460,
-                                                            "label": "Almaty (4:00 PM)",
-                                                            "value": "Asia/Almaty",
-                                                          },
-                                                          Object {
-                                                            "index": 460,
-                                                            "label": "Urumqi (4:00 PM)",
-                                                            "value": "Asia/Urumqi",
-                                                          },
-                                                          Object {
-                                                            "index": 490,
-                                                            "label": "Rangoon (4:30 PM)",
-                                                            "value": "Asia/Rangoon",
-                                                          },
-                                                          Object {
-                                                            "index": 520,
-                                                            "label": "Tijuana (3:00 AM)",
-                                                            "value": "America/Tijuana",
-                                                          },
-                                                          Object {
-                                                            "index": 520,
-                                                            "label": "Novosibirsk (5:00 PM)",
-                                                            "value": "Asia/Novosibirsk",
-                                                          },
-                                                          Object {
-                                                            "index": 520,
-                                                            "label": "Bangkok (5:00 PM)",
-                                                            "value": "Asia/Bangkok",
-                                                          },
-                                                          Object {
-                                                            "index": 520,
-                                                            "label": "Hanoi (5:00 PM)",
-                                                            "value": "Asia/Bangkok",
-                                                          },
-                                                          Object {
-                                                            "index": 520,
-                                                            "label": "Jakarta (5:00 PM)",
-                                                            "value": "Asia/Jakarta",
-                                                          },
-                                                          Object {
-                                                            "index": 520,
-                                                            "label": "Krasnoyarsk (5:00 PM)",
-                                                            "value": "Asia/Krasnoyarsk",
-                                                          },
-                                                          Object {
-                                                            "index": 580,
-                                                            "label": "Beijing (6:00 PM)",
-                                                            "value": "Asia/Shanghai",
-                                                          },
-                                                          Object {
-                                                            "index": 580,
-                                                            "label": "Chongqing (6:00 PM)",
-                                                            "value": "Asia/Chongqing",
-                                                          },
-                                                          Object {
-                                                            "index": 580,
-                                                            "label": "Hong Kong (6:00 PM)",
-                                                            "value": "Asia/Hong_Kong",
-                                                          },
-                                                          Object {
-                                                            "index": 580,
-                                                            "label": "Kuala Lumpur (6:00 PM)",
-                                                            "value": "Asia/Kuala_Lumpur",
-                                                          },
-                                                          Object {
-                                                            "index": 580,
-                                                            "label": "Singapore (6:00 PM)",
-                                                            "value": "Asia/Singapore",
-                                                          },
-                                                          Object {
-                                                            "index": 580,
-                                                            "label": "Taipei (6:00 PM)",
-                                                            "value": "Asia/Taipei",
-                                                          },
-                                                          Object {
-                                                            "index": 580,
-                                                            "label": "Perth (6:00 PM)",
-                                                            "value": "Australia/Perth",
-                                                          },
-                                                          Object {
-                                                            "index": 580,
-                                                            "label": "Irkutsk (6:00 PM)",
-                                                            "value": "Asia/Irkutsk",
-                                                          },
-                                                          Object {
-                                                            "index": 580,
-                                                            "label": "Ulaanbaatar (6:00 PM)",
-                                                            "value": "Asia/Ulaanbaatar",
-                                                          },
-                                                          Object {
-                                                            "index": 640,
-                                                            "label": "Seoul (7:00 PM)",
-                                                            "value": "Asia/Seoul",
+                                                            "label": "1 (1W200A)",
+                                                            "value": "1",
                                                           },
                                                           Object {
-                                                            "index": 640,
-                                                            "label": "Osaka (7:00 PM)",
-                                                            "value": "Asia/Tokyo",
+                                                            "label": "2 (1W200B)",
+                                                            "value": "2",
                                                           },
                                                           Object {
-                                                            "index": 640,
-                                                            "label": "Sapporo (7:00 PM)",
-                                                            "value": "Asia/Tokyo",
+                                                            "label": "3 (1W200C)",
+                                                            "value": "3",
                                                           },
                                                           Object {
-                                                            "index": 640,
-                                                            "label": "Tokyo (7:00 PM)",
-                                                            "value": "Asia/Tokyo",
+                                                            "label": "4 (1W424)",
+                                                            "value": "4",
                                                           },
                                                           Object {
-                                                            "index": 640,
-                                                            "label": "Yakutsk (7:00 PM)",
-                                                            "value": "Asia/Yakutsk",
+                                                            "label": "5 (1W428)",
+                                                            "value": "5",
                                                           },
                                                           Object {
-                                                            "index": 670,
-                                                            "label": "Darwin (7:30 PM)",
-                                                            "value": "Australia/Darwin",
+                                                            "label": "6 (1W432)",
+                                                            "value": "6",
                                                           },
                                                           Object {
-                                                            "index": 670,
-                                                            "label": "Adelaide (7:30 PM)",
-                                                            "value": "Australia/Adelaide",
+                                                            "label": "7 (1W434)",
+                                                            "value": "7",
                                                           },
                                                           Object {
-                                                            "index": 700,
-                                                            "label": "Canberra (8:00 PM)",
-                                                            "value": "Australia/Melbourne",
+                                                            "label": "8 (1W435)",
+                                                            "value": "8",
                                                           },
                                                           Object {
-                                                            "index": 700,
-                                                            "label": "Melbourne (8:00 PM)",
-                                                            "value": "Australia/Melbourne",
+                                                            "label": "9 (1W436)",
+                                                            "value": "9",
                                                           },
                                                           Object {
-                                                            "index": 700,
-                                                            "label": "Sydney (8:00 PM)",
-                                                            "value": "Australia/Sydney",
+                                                            "label": "10 (1W437)",
+                                                            "value": "10",
                                                           },
                                                           Object {
-                                                            "index": 700,
-                                                            "label": "Brisbane (8:00 PM)",
-                                                            "value": "Australia/Brisbane",
+                                                            "label": "11 (1W438)",
+                                                            "value": "11",
                                                           },
                                                           Object {
-                                                            "index": 700,
-                                                            "label": "Hobart (8:00 PM)",
-                                                            "value": "Australia/Hobart",
+                                                            "label": "12 (1W439)",
+                                                            "value": "12",
                                                           },
                                                           Object {
-                                                            "index": 700,
-                                                            "label": "Vladivostok (8:00 PM)",
-                                                            "value": "Asia/Vladivostok",
+                                                            "label": "13 (1W440)",
+                                                            "value": "13",
                                                           },
                                                           Object {
-                                                            "index": 700,
-                                                            "label": "Guam (8:00 PM)",
-                                                            "value": "Pacific/Guam",
+                                                            "label": "14 (3W405)",
+                                                            "value": "14",
                                                           },
                                                           Object {
-                                                            "index": 700,
-                                                            "label": "Port Moresby (8:00 PM)",
-                                                            "value": "Pacific/Port_Moresby",
+                                                            "label": "15 (3W407)",
+                                                            "value": "15",
                                                           },
                                                           Object {
-                                                            "index": 760,
-                                                            "label": "Midway Island (11:00 PM)",
-                                                            "value": "Pacific/Midway",
+                                                            "label": "16 (3W409)",
+                                                            "value": "16",
                                                           },
                                                           Object {
-                                                            "index": 760,
-                                                            "label": "American Samoa (11:00 PM)",
-                                                            "value": "Pacific/Pago_Pago",
+                                                            "label": "17 (3W518)",
+                                                            "value": "17",
                                                           },
                                                           Object {
-                                                            "index": 760,
-                                                            "label": "Magadan (9:00 PM)",
-                                                            "value": "Asia/Magadan",
+                                                            "label": "18 (4W325)",
+                                                            "value": "18",
                                                           },
                                                           Object {
-                                                            "index": 760,
-                                                            "label": "Srednekolymsk (9:00 PM)",
-                                                            "value": "Asia/Srednekolymsk",
+                                                            "label": "Utah",
+                                                            "value": "19",
                                                           },
                                                           Object {
-                                                            "index": 760,
-                                                            "label": "Solomon Is. (9:00 PM)",
-                                                            "value": "Pacific/Guadalcanal",
+                                                            "label": "Gold",
+                                                            "value": "20",
                                                           },
                                                           Object {
-                                                            "index": 760,
-                                                            "label": "New Caledonia (9:00 PM)",
-                                                            "value": "Pacific/Noumea",
+                                                            "label": "Juno",
+                                                            "value": "21",
                                                           },
                                                           Object {
-                                                            "index": 820,
-                                                            "label": "International Date Line West (10:00 PM)",
-                                                            "value": "Etc/GMT+12",
+                                                            "label": "Sword",
+                                                            "value": "22",
                                                           },
                                                           Object {
-                                                            "index": 820,
-                                                            "label": "Fiji (10:00 PM)",
-                                                            "value": "Pacific/Fiji",
+                                                            "label": "Omaha",
+                                                            "value": "23",
                                                           },
                                                           Object {
-                                                            "index": 820,
-                                                            "label": "Kamchatka (10:00 PM)",
-                                                            "value": "Asia/Kamchatka",
+                                                            "label": "Anzio",
+                                                            "value": "24",
                                                           },
                                                           Object {
-                                                            "index": 820,
-                                                            "label": "Marshall Is. (10:00 PM)",
-                                                            "value": "Pacific/Majuro",
+                                                            "label": "Coral Sea",
+                                                            "value": "25",
                                                           },
                                                           Object {
-                                                            "index": 820,
-                                                            "label": "Auckland (10:00 PM)",
-                                                            "value": "Pacific/Auckland",
+                                                            "label": "Hue City",
+                                                            "value": "26",
                                                           },
                                                           Object {
-                                                            "index": 820,
-                                                            "label": "Wellington (10:00 PM)",
-                                                            "value": "Pacific/Auckland",
+                                                            "label": "Antietam",
+                                                            "value": "27",
                                                           },
                                                           Object {
-                                                            "index": 865,
-                                                            "label": "Chatham Is. (10:45 PM)",
-                                                            "value": "Pacific/Chatham",
+                                                            "label": "Mogadishu",
+                                                            "value": "28",
                                                           },
-                                                          Object {
-                                                            "index": 880,
-                                                            "label": "Nuku'alofa (11:00 PM)",
-                                                            "value": "Pacific/Tongatapu",
+                                                        ]
+                                                      }
+                                                      selectOption={[Function]}
+                                                      selectProps={
+                                                        Object {
+                                                          "backspaceRemovesValue": true,
+                                                          "blurInputOnSelect": true,
+                                                          "cache": false,
+                                                          "captureMenuScroll": false,
+                                                          "classNamePrefix": "cf-select",
+                                                          "closeMenuOnScroll": false,
+                                                          "closeMenuOnSelect": true,
+                                                          "components": Object {
+                                                            "Input": [Function],
+                                                            "MenuList": [Function],
+                                                            "Option": [Function],
                                                           },
-                                                          Object {
-                                                            "index": 880,
-                                                            "label": "Tokelau Is. (11:00 PM)",
-                                                            "value": "Pacific/Fakaofo",
+                                                          "controlShouldRenderValue": true,
+                                                          "defaultOptions": undefined,
+                                                          "escapeClearsValue": false,
+                                                          "filterOption": [Function],
+                                                          "formatGroupLabel": [Function],
+                                                          "getOptionLabel": [Function],
+                                                          "getOptionValue": [Function],
+                                                          "inputId": "hearing-room-dropdown",
+                                                          "inputValue": "",
+                                                          "isClearable": undefined,
+                                                          "isDisabled": false,
+                                                          "isLoading": false,
+                                                          "isMulti": false,
+                                                          "isOptionDisabled": [Function],
+                                                          "isRtl": false,
+                                                          "isSearchable": true,
+                                                          "loadOptions": undefined,
+                                                          "loadingMessage": [Function],
+                                                          "maxMenuHeight": 300,
+                                                          "menuIsOpen": false,
+                                                          "menuPlacement": "bottom",
+                                                          "menuPosition": "absolute",
+                                                          "menuShouldBlockScroll": false,
+                                                          "menuShouldScrollIntoView": true,
+                                                          "minMenuHeight": 140,
+                                                          "name": "hearingRoomDropdown",
+                                                          "noOptionsMessage": [Function],
+                                                          "onBlurResetsInput": false,
+                                                          "onChange": [Function],
+                                                          "onInputChange": [Function],
+                                                          "onMenuClose": [Function],
+                                                          "onMenuOpen": [Function],
+                                                          "openMenuOnClick": true,
+                                                          "openMenuOnFocus": false,
+                                                          "options": Array [
+                                                            Object {
+                                                              "label": "None",
+                                                              "value": null,
+                                                            },
+                                                            Object {
+                                                              "label": "1 (1W200A)",
+                                                              "value": "1",
+                                                            },
+                                                            Object {
+                                                              "label": "2 (1W200B)",
+                                                              "value": "2",
+                                                            },
+                                                            Object {
+                                                              "label": "3 (1W200C)",
+                                                              "value": "3",
+                                                            },
+                                                            Object {
+                                                              "label": "4 (1W424)",
+                                                              "value": "4",
+                                                            },
+                                                            Object {
+                                                              "label": "5 (1W428)",
+                                                              "value": "5",
+                                                            },
+                                                            Object {
+                                                              "label": "6 (1W432)",
+                                                              "value": "6",
+                                                            },
+                                                            Object {
+                                                              "label": "7 (1W434)",
+                                                              "value": "7",
+                                                            },
+                                                            Object {
+                                                              "label": "8 (1W435)",
+                                                              "value": "8",
+                                                            },
+                                                            Object {
+                                                              "label": "9 (1W436)",
+                                                              "value": "9",
+                                                            },
+                                                            Object {
+                                                              "label": "10 (1W437)",
+                                                              "value": "10",
+                                                            },
+                                                            Object {
+                                                              "label": "11 (1W438)",
+                                                              "value": "11",
+                                                            },
+                                                            Object {
+                                                              "label": "12 (1W439)",
+                                                              "value": "12",
+                                                            },
+                                                            Object {
+                                                              "label": "13 (1W440)",
+                                                              "value": "13",
+                                                            },
+                                                            Object {
+                                                              "label": "14 (3W405)",
+                                                              "value": "14",
+                                                            },
+                                                            Object {
+                                                              "label": "15 (3W407)",
+                                                              "value": "15",
+                                                            },
+                                                            Object {
+                                                              "label": "16 (3W409)",
+                                                              "value": "16",
+                                                            },
+                                                            Object {
+                                                              "label": "17 (3W518)",
+                                                              "value": "17",
+                                                            },
+                                                            Object {
+                                                              "label": "18 (4W325)",
+                                                              "value": "18",
+                                                            },
+                                                            Object {
+                                                              "label": "Utah",
+                                                              "value": "19",
+                                                            },
+                                                            Object {
+                                                              "label": "Gold",
+                                                              "value": "20",
+                                                            },
+                                                            Object {
+                                                              "label": "Juno",
+                                                              "value": "21",
+                                                            },
+                                                            Object {
+                                                              "label": "Sword",
+                                                              "value": "22",
+                                                            },
+                                                            Object {
+                                                              "label": "Omaha",
+                                                              "value": "23",
+                                                            },
+                                                            Object {
+                                                              "label": "Anzio",
+                                                              "value": "24",
+                                                            },
+                                                            Object {
+                                                              "label": "Coral Sea",
+                                                              "value": "25",
+                                                            },
+                                                            Object {
+                                                              "label": "Hue City",
+                                                              "value": "26",
+                                                            },
+                                                            Object {
+                                                              "label": "Antietam",
+                                                              "value": "27",
+                                                            },
+                                                            Object {
+                                                              "label": "Mogadishu",
+                                                              "value": "28",
+                                                            },
+                                                          ],
+                                                          "pageSize": 5,
+                                                          "placeholder": "Select...",
+                                                          "screenReaderStatus": [Function],
+                                                          "searchable": undefined,
+                                                          "shouldKeyDownEventCreateNewOption": [Function],
+                                                          "styles": Object {
+                                                            "input": [Function],
                                                           },
-                                                          Object {
-                                                            "index": 880,
-                                                            "label": "Samoa (11:00 PM)",
-                                                            "value": "Pacific/Apia",
+                                                          "tabIndex": "0",
+                                                          "tabSelectsValue": true,
+                                                          "value": Object {
+                                                            "label": "1 (1W200A)",
+                                                            "value": "1",
                                                           },
-                                                        ],
-                                                        "pageSize": 5,
-                                                        "placeholder": "Select a timezone",
-                                                        "screenReaderStatus": [Function],
-                                                        "searchable": undefined,
-                                                        "shouldKeyDownEventCreateNewOption": [Function],
-                                                        "styles": Object {
-                                                          "input": [Function],
-                                                        },
-                                                        "tabIndex": "0",
-                                                        "tabSelectsValue": true,
-                                                        "value": Object {
-                                                          "index": -0,
-                                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                          "value": "America/Los_Angeles",
-                                                        },
-                                                      }
-                                                    }
-                                                    setValue={[Function]}
-                                                    theme={
-                                                      Object {
-                                                        "borderRadius": 4,
-                                                        "colors": Object {
-                                                          "danger": "#DE350B",
-                                                          "dangerLight": "#FFBDAD",
-                                                          "neutral0": "hsl(0, 0%, 100%)",
-                                                          "neutral10": "hsl(0, 0%, 90%)",
-                                                          "neutral20": "hsl(0, 0%, 80%)",
-                                                          "neutral30": "hsl(0, 0%, 70%)",
-                                                          "neutral40": "hsl(0, 0%, 60%)",
-                                                          "neutral5": "hsl(0, 0%, 95%)",
-                                                          "neutral50": "hsl(0, 0%, 50%)",
-                                                          "neutral60": "hsl(0, 0%, 40%)",
-                                                          "neutral70": "hsl(0, 0%, 30%)",
-                                                          "neutral80": "hsl(0, 0%, 20%)",
-                                                          "neutral90": "hsl(0, 0%, 10%)",
-                                                          "primary": "#2684FF",
-                                                          "primary25": "#DEEBFF",
-                                                          "primary50": "#B2D4FF",
-                                                          "primary75": "#4C9AFF",
-                                                        },
-                                                        "spacing": Object {
-                                                          "baseUnit": 4,
-                                                          "controlHeight": 38,
-                                                          "menuGutter": 8,
-                                                        },
+                                                        }
                                                       }
-                                                    }
-                                                  >
-                                                    <EmotionCssPropInternal
-                                                      __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorsContainer"
-                                                      __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                      className="cf-select__indicators"
-                                                      css={
+                                                      setValue={[Function]}
+                                                      theme={
                                                         Object {
-                                                          "alignItems": "center",
-                                                          "alignSelf": "stretch",
-                                                          "boxSizing": "border-box",
-                                                          "display": "flex",
-                                                          "flexShrink": 0,
+                                                          "borderRadius": 4,
+                                                          "colors": Object {
+                                                            "danger": "#DE350B",
+                                                            "dangerLight": "#FFBDAD",
+                                                            "neutral0": "hsl(0, 0%, 100%)",
+                                                            "neutral10": "hsl(0, 0%, 90%)",
+                                                            "neutral20": "hsl(0, 0%, 80%)",
+                                                            "neutral30": "hsl(0, 0%, 70%)",
+                                                            "neutral40": "hsl(0, 0%, 60%)",
+                                                            "neutral5": "hsl(0, 0%, 95%)",
+                                                            "neutral50": "hsl(0, 0%, 50%)",
+                                                            "neutral60": "hsl(0, 0%, 40%)",
+                                                            "neutral70": "hsl(0, 0%, 30%)",
+                                                            "neutral80": "hsl(0, 0%, 20%)",
+                                                            "neutral90": "hsl(0, 0%, 10%)",
+                                                            "primary": "#2684FF",
+                                                            "primary25": "#DEEBFF",
+                                                            "primary50": "#B2D4FF",
+                                                            "primary75": "#4C9AFF",
+                                                          },
+                                                          "spacing": Object {
+                                                            "baseUnit": 4,
+                                                            "controlHeight": 38,
+                                                            "menuGutter": 8,
+                                                          },
                                                         }
                                                       }
                                                     >
-                                                      <div
-                                                        className="cf-select__indicators css-1hb7zxy-IndicatorsContainer"
+                                                      <EmotionCssPropInternal
+                                                        __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SingleValue"
+                                                        __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                        className="cf-select__single-value"
+                                                        css={
+                                                          Object {
+                                                            "boxSizing": "border-box",
+                                                            "color": "hsl(0, 0%, 20%)",
+                                                            "label": "singleValue",
+                                                            "marginLeft": 2,
+                                                            "marginRight": 2,
+                                                            "maxWidth": "calc(100% - 8px)",
+                                                            "overflow": "hidden",
+                                                            "position": "absolute",
+                                                            "textOverflow": "ellipsis",
+                                                            "top": "50%",
+                                                            "transform": "translateY(-50%)",
+                                                            "whiteSpace": "nowrap",
+                                                          }
+                                                        }
                                                       >
-                                                        <IndicatorSeparator
-                                                          clearValue={[Function]}
-                                                          cx={[Function]}
-                                                          getStyles={[Function]}
-                                                          getValue={[Function]}
-                                                          hasValue={true}
-                                                          isDisabled={false}
-                                                          isFocused={false}
-                                                          isMulti={false}
-                                                          isRtl={false}
-                                                          options={
-                                                            Array [
-                                                              Object {
-                                                                "label": "",
-                                                                "value": null,
-                                                              },
-                                                              Object {
-                                                                "index": -3,
-                                                                "label": "Eastern Time (US & Canada) (6:00 AM)",
-                                                                "value": "America/New_York",
-                                                              },
-                                                              Object {
-                                                                "index": -2,
-                                                                "label": "Central Time (US & Canada) (5:00 AM)",
-                                                                "value": "America/Chicago",
-                                                              },
-                                                              Object {
-                                                                "index": -1,
-                                                                "label": "Mountain Time (US & Canada) (4:00 AM)",
-                                                                "value": "America/Denver",
-                                                              },
-                                                              Object {
-                                                                "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                                "value": "America/Los_Angeles",
-                                                              },
-                                                              Object {
-                                                                "index": 2.4,
-                                                                "label": "Indiana (East) (6:00 AM)",
-                                                                "value": "America/Indiana/Indianapolis",
-                                                              },
-                                                              Object {
-                                                                "index": 2.4,
-                                                                "label": "Puerto Rico (6:00 AM)",
-                                                                "value": "America/Puerto_Rico",
-                                                              },
-                                                              Object {
-                                                                "index": 4.2,
-                                                                "label": "Arizona (3:00 AM)",
-                                                                "value": "America/Phoenix",
-                                                              },
-                                                              Object {
-                                                                "index": 4.8,
-                                                                "label": "Alaska (2:00 AM)",
-                                                                "value": "America/Juneau",
-                                                              },
-                                                              Object {
-                                                                "index": 4.8,
-                                                                "label": "Philippine Standard Time (6:00 PM)",
-                                                                "value": "Asia/Manila",
-                                                              },
-                                                              Object {
-                                                                "index": 6,
-                                                                "label": "Hawaii (12:00 AM)",
-                                                                "value": "Pacific/Honolulu",
-                                                              },
-                                                              Object {
-                                                                "index": 100,
-                                                                "label": "Azores (10:00 AM)",
-                                                                "value": "Atlantic/Azores",
-                                                              },
-                                                              Object {
-                                                                "index": 100,
-                                                                "label": "Monrovia (10:00 AM)",
-                                                                "value": "Africa/Monrovia",
-                                                              },
-                                                              Object {
-                                                                "index": 100,
-                                                                "label": "UTC (10:00 AM)",
-                                                                "value": "Etc/UTC",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "Cape Verde Is. (9:00 AM)",
-                                                                "value": "Atlantic/Cape_Verde",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "Dublin (11:00 AM)",
-                                                                "value": "Europe/Dublin",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "Edinburgh (11:00 AM)",
-                                                                "value": "Europe/London",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "Lisbon (11:00 AM)",
-                                                                "value": "Europe/Lisbon",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "London (11:00 AM)",
-                                                                "value": "Europe/London",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "Casablanca (11:00 AM)",
-                                                                "value": "Africa/Casablanca",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "West Central Africa (11:00 AM)",
-                                                                "value": "Africa/Algiers",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Greenland (8:00 AM)",
-                                                                "value": "America/Godthab",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Mid-Atlantic (8:00 AM)",
-                                                                "value": "Atlantic/South_Georgia",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Belgrade (12:00 PM)",
-                                                                "value": "Europe/Belgrade",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Bratislava (12:00 PM)",
-                                                                "value": "Europe/Bratislava",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Budapest (12:00 PM)",
-                                                                "value": "Europe/Budapest",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Ljubljana (12:00 PM)",
-                                                                "value": "Europe/Ljubljana",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Prague (12:00 PM)",
-                                                                "value": "Europe/Prague",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Sarajevo (12:00 PM)",
-                                                                "value": "Europe/Sarajevo",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Skopje (12:00 PM)",
-                                                                "value": "Europe/Skopje",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Warsaw (12:00 PM)",
-                                                                "value": "Europe/Warsaw",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Zagreb (12:00 PM)",
-                                                                "value": "Europe/Zagreb",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Brussels (12:00 PM)",
-                                                                "value": "Europe/Brussels",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Copenhagen (12:00 PM)",
-                                                                "value": "Europe/Copenhagen",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Madrid (12:00 PM)",
-                                                                "value": "Europe/Madrid",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Paris (12:00 PM)",
-                                                                "value": "Europe/Paris",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Amsterdam (12:00 PM)",
-                                                                "value": "Europe/Amsterdam",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Berlin (12:00 PM)",
-                                                                "value": "Europe/Berlin",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Bern (12:00 PM)",
-                                                                "value": "Europe/Zurich",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Zurich (12:00 PM)",
-                                                                "value": "Europe/Zurich",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Rome (12:00 PM)",
-                                                                "value": "Europe/Rome",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Stockholm (12:00 PM)",
-                                                                "value": "Europe/Stockholm",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Vienna (12:00 PM)",
-                                                                "value": "Europe/Vienna",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Cairo (12:00 PM)",
-                                                                "value": "Africa/Cairo",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Harare (12:00 PM)",
-                                                                "value": "Africa/Harare",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Pretoria (12:00 PM)",
-                                                                "value": "Africa/Johannesburg",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Kaliningrad (12:00 PM)",
-                                                                "value": "Europe/Kaliningrad",
-                                                              },
-                                                              Object {
-                                                                "index": 250,
-                                                                "label": "Newfoundland (7:30 AM)",
-                                                                "value": "America/St_Johns",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Atlantic Time (Canada) (7:00 AM)",
-                                                                "value": "America/Halifax",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Brasilia (7:00 AM)",
-                                                                "value": "America/Sao_Paulo",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Buenos Aires (7:00 AM)",
-                                                                "value": "America/Argentina/Buenos_Aires",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Montevideo (7:00 AM)",
-                                                                "value": "America/Montevideo",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Bucharest (1:00 PM)",
-                                                                "value": "Europe/Bucharest",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Helsinki (1:00 PM)",
-                                                                "value": "Europe/Helsinki",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Kyiv (1:00 PM)",
-                                                                "value": "Europe/Kiev",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Riga (1:00 PM)",
-                                                                "value": "Europe/Riga",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Sofia (1:00 PM)",
-                                                                "value": "Europe/Sofia",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Tallinn (1:00 PM)",
-                                                                "value": "Europe/Tallinn",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Vilnius (1:00 PM)",
-                                                                "value": "Europe/Vilnius",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Athens (1:00 PM)",
-                                                                "value": "Europe/Athens",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Istanbul (1:00 PM)",
-                                                                "value": "Europe/Istanbul",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Minsk (1:00 PM)",
-                                                                "value": "Europe/Minsk",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Jerusalem (1:00 PM)",
-                                                                "value": "Asia/Jerusalem",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Moscow (1:00 PM)",
-                                                                "value": "Europe/Moscow",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "St. Petersburg (1:00 PM)",
-                                                                "value": "Europe/Moscow",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Kuwait (1:00 PM)",
-                                                                "value": "Asia/Kuwait",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Riyadh (1:00 PM)",
-                                                                "value": "Asia/Riyadh",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Nairobi (1:00 PM)",
-                                                                "value": "Africa/Nairobi",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Baghdad (1:00 PM)",
-                                                                "value": "Asia/Baghdad",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Caracas (6:00 AM)",
-                                                                "value": "America/Caracas",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "La Paz (6:00 AM)",
-                                                                "value": "America/La_Paz",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Santiago (6:00 AM)",
-                                                                "value": "America/Santiago",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Georgetown (6:00 AM)",
-                                                                "value": "America/Guyana",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Volgograd (2:00 PM)",
-                                                                "value": "Europe/Volgograd",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Samara (2:00 PM)",
-                                                                "value": "Europe/Samara",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Abu Dhabi (2:00 PM)",
-                                                                "value": "Asia/Muscat",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Muscat (2:00 PM)",
-                                                                "value": "Asia/Muscat",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Baku (2:00 PM)",
-                                                                "value": "Asia/Baku",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Tbilisi (2:00 PM)",
-                                                                "value": "Asia/Tbilisi",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Yerevan (2:00 PM)",
-                                                                "value": "Asia/Yerevan",
-                                                              },
-                                                              Object {
-                                                                "index": 370,
-                                                                "label": "Tehran (2:30 PM)",
-                                                                "value": "Asia/Tehran",
-                                                              },
-                                                              Object {
-                                                                "index": 370,
-                                                                "label": "Kabul (2:30 PM)",
-                                                                "value": "Asia/Kabul",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Guadalajara (5:00 AM)",
-                                                                "value": "America/Mexico_City",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Mexico City (5:00 AM)",
-                                                                "value": "America/Mexico_City",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Monterrey (5:00 AM)",
-                                                                "value": "America/Monterrey",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Bogota (5:00 AM)",
-                                                                "value": "America/Bogota",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Lima (5:00 AM)",
-                                                                "value": "America/Lima",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Quito (5:00 AM)",
-                                                                "value": "America/Lima",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Ekaterinburg (3:00 PM)",
-                                                                "value": "Asia/Yekaterinburg",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Islamabad (3:00 PM)",
-                                                                "value": "Asia/Karachi",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Karachi (3:00 PM)",
-                                                                "value": "Asia/Karachi",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Tashkent (3:00 PM)",
-                                                                "value": "Asia/Tashkent",
-                                                              },
-                                                              Object {
-                                                                "index": 430,
-                                                                "label": "Chennai (3:30 PM)",
-                                                                "value": "Asia/Kolkata",
-                                                              },
-                                                              Object {
-                                                                "index": 430,
-                                                                "label": "Kolkata (3:30 PM)",
-                                                                "value": "Asia/Kolkata",
-                                                              },
-                                                              Object {
-                                                                "index": 430,
-                                                                "label": "Mumbai (3:30 PM)",
-                                                                "value": "Asia/Kolkata",
-                                                              },
-                                                              Object {
-                                                                "index": 430,
-                                                                "label": "New Delhi (3:30 PM)",
-                                                                "value": "Asia/Kolkata",
-                                                              },
-                                                              Object {
-                                                                "index": 430,
-                                                                "label": "Sri Jayawardenepura (3:30 PM)",
-                                                                "value": "Asia/Colombo",
-                                                              },
-                                                              Object {
-                                                                "index": 445,
-                                                                "label": "Kathmandu (3:45 PM)",
-                                                                "value": "Asia/Kathmandu",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Chihuahua (4:00 AM)",
-                                                                "value": "America/Chihuahua",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Mazatlan (4:00 AM)",
-                                                                "value": "America/Mazatlan",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Saskatchewan (4:00 AM)",
-                                                                "value": "America/Regina",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Central America (4:00 AM)",
-                                                                "value": "America/Guatemala",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Astana (4:00 PM)",
-                                                                "value": "Asia/Dhaka",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Dhaka (4:00 PM)",
-                                                                "value": "Asia/Dhaka",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Almaty (4:00 PM)",
-                                                                "value": "Asia/Almaty",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Urumqi (4:00 PM)",
-                                                                "value": "Asia/Urumqi",
-                                                              },
-                                                              Object {
-                                                                "index": 490,
-                                                                "label": "Rangoon (4:30 PM)",
-                                                                "value": "Asia/Rangoon",
-                                                              },
-                                                              Object {
-                                                                "index": 520,
-                                                                "label": "Tijuana (3:00 AM)",
-                                                                "value": "America/Tijuana",
-                                                              },
-                                                              Object {
-                                                                "index": 520,
-                                                                "label": "Novosibirsk (5:00 PM)",
-                                                                "value": "Asia/Novosibirsk",
-                                                              },
-                                                              Object {
-                                                                "index": 520,
-                                                                "label": "Bangkok (5:00 PM)",
-                                                                "value": "Asia/Bangkok",
-                                                              },
-                                                              Object {
-                                                                "index": 520,
-                                                                "label": "Hanoi (5:00 PM)",
-                                                                "value": "Asia/Bangkok",
-                                                              },
-                                                              Object {
-                                                                "index": 520,
-                                                                "label": "Jakarta (5:00 PM)",
-                                                                "value": "Asia/Jakarta",
-                                                              },
-                                                              Object {
-                                                                "index": 520,
-                                                                "label": "Krasnoyarsk (5:00 PM)",
-                                                                "value": "Asia/Krasnoyarsk",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Beijing (6:00 PM)",
-                                                                "value": "Asia/Shanghai",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Chongqing (6:00 PM)",
-                                                                "value": "Asia/Chongqing",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Hong Kong (6:00 PM)",
-                                                                "value": "Asia/Hong_Kong",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Kuala Lumpur (6:00 PM)",
-                                                                "value": "Asia/Kuala_Lumpur",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Singapore (6:00 PM)",
-                                                                "value": "Asia/Singapore",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Taipei (6:00 PM)",
-                                                                "value": "Asia/Taipei",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Perth (6:00 PM)",
-                                                                "value": "Australia/Perth",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Irkutsk (6:00 PM)",
-                                                                "value": "Asia/Irkutsk",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Ulaanbaatar (6:00 PM)",
-                                                                "value": "Asia/Ulaanbaatar",
-                                                              },
-                                                              Object {
-                                                                "index": 640,
-                                                                "label": "Seoul (7:00 PM)",
-                                                                "value": "Asia/Seoul",
-                                                              },
-                                                              Object {
-                                                                "index": 640,
-                                                                "label": "Osaka (7:00 PM)",
-                                                                "value": "Asia/Tokyo",
-                                                              },
-                                                              Object {
-                                                                "index": 640,
-                                                                "label": "Sapporo (7:00 PM)",
-                                                                "value": "Asia/Tokyo",
-                                                              },
-                                                              Object {
-                                                                "index": 640,
-                                                                "label": "Tokyo (7:00 PM)",
-                                                                "value": "Asia/Tokyo",
-                                                              },
-                                                              Object {
-                                                                "index": 640,
-                                                                "label": "Yakutsk (7:00 PM)",
-                                                                "value": "Asia/Yakutsk",
-                                                              },
-                                                              Object {
-                                                                "index": 670,
-                                                                "label": "Darwin (7:30 PM)",
-                                                                "value": "Australia/Darwin",
-                                                              },
-                                                              Object {
-                                                                "index": 670,
-                                                                "label": "Adelaide (7:30 PM)",
-                                                                "value": "Australia/Adelaide",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Canberra (8:00 PM)",
-                                                                "value": "Australia/Melbourne",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Melbourne (8:00 PM)",
-                                                                "value": "Australia/Melbourne",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Sydney (8:00 PM)",
-                                                                "value": "Australia/Sydney",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Brisbane (8:00 PM)",
-                                                                "value": "Australia/Brisbane",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Hobart (8:00 PM)",
-                                                                "value": "Australia/Hobart",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Vladivostok (8:00 PM)",
-                                                                "value": "Asia/Vladivostok",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Guam (8:00 PM)",
-                                                                "value": "Pacific/Guam",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Port Moresby (8:00 PM)",
-                                                                "value": "Pacific/Port_Moresby",
-                                                              },
-                                                              Object {
-                                                                "index": 760,
-                                                                "label": "Midway Island (11:00 PM)",
-                                                                "value": "Pacific/Midway",
-                                                              },
-                                                              Object {
-                                                                "index": 760,
-                                                                "label": "American Samoa (11:00 PM)",
-                                                                "value": "Pacific/Pago_Pago",
-                                                              },
-                                                              Object {
-                                                                "index": 760,
-                                                                "label": "Magadan (9:00 PM)",
-                                                                "value": "Asia/Magadan",
-                                                              },
-                                                              Object {
-                                                                "index": 760,
-                                                                "label": "Srednekolymsk (9:00 PM)",
-                                                                "value": "Asia/Srednekolymsk",
-                                                              },
-                                                              Object {
-                                                                "index": 760,
-                                                                "label": "Solomon Is. (9:00 PM)",
-                                                                "value": "Pacific/Guadalcanal",
-                                                              },
-                                                              Object {
-                                                                "index": 760,
-                                                                "label": "New Caledonia (9:00 PM)",
-                                                                "value": "Pacific/Noumea",
-                                                              },
-                                                              Object {
-                                                                "index": 820,
-                                                                "label": "International Date Line West (10:00 PM)",
-                                                                "value": "Etc/GMT+12",
-                                                              },
-                                                              Object {
-                                                                "index": 820,
-                                                                "label": "Fiji (10:00 PM)",
-                                                                "value": "Pacific/Fiji",
-                                                              },
-                                                              Object {
-                                                                "index": 820,
-                                                                "label": "Kamchatka (10:00 PM)",
-                                                                "value": "Asia/Kamchatka",
-                                                              },
-                                                              Object {
-                                                                "index": 820,
-                                                                "label": "Marshall Is. (10:00 PM)",
-                                                                "value": "Pacific/Majuro",
-                                                              },
-                                                              Object {
-                                                                "index": 820,
-                                                                "label": "Auckland (10:00 PM)",
-                                                                "value": "Pacific/Auckland",
-                                                              },
-                                                              Object {
-                                                                "index": 820,
-                                                                "label": "Wellington (10:00 PM)",
-                                                                "value": "Pacific/Auckland",
-                                                              },
-                                                              Object {
-                                                                "index": 865,
-                                                                "label": "Chatham Is. (10:45 PM)",
-                                                                "value": "Pacific/Chatham",
-                                                              },
-                                                              Object {
-                                                                "index": 880,
-                                                                "label": "Nuku'alofa (11:00 PM)",
-                                                                "value": "Pacific/Tongatapu",
-                                                              },
+                                                        <div
+                                                          className="cf-select__single-value css-1uccc91-singleValue"
+                                                        >
+                                                          1 (1W200A)
+                                                        </div>
+                                                      </EmotionCssPropInternal>
+                                                    </SingleValue>
+                                                    <CustomInput
+                                                      aria-autocomplete="list"
+                                                      autoCapitalize="none"
+                                                      autoComplete="off"
+                                                      autoCorrect="off"
+                                                      cx={[Function]}
+                                                      getStyles={[Function]}
+                                                      id="hearing-room-dropdown"
+                                                      innerRef={[Function]}
+                                                      isDisabled={false}
+                                                      isHidden={false}
+                                                      onBlur={[Function]}
+                                                      onChange={[Function]}
+                                                      onFocus={[Function]}
+                                                      selectProps={
+                                                        Object {
+                                                          "backspaceRemovesValue": true,
+                                                          "blurInputOnSelect": true,
+                                                          "cache": false,
+                                                          "captureMenuScroll": false,
+                                                          "classNamePrefix": "cf-select",
+                                                          "closeMenuOnScroll": false,
+                                                          "closeMenuOnSelect": true,
+                                                          "components": Object {
+                                                            "Input": [Function],
+                                                            "MenuList": [Function],
+                                                            "Option": [Function],
+                                                          },
+                                                          "controlShouldRenderValue": true,
+                                                          "defaultOptions": undefined,
+                                                          "escapeClearsValue": false,
+                                                          "filterOption": [Function],
+                                                          "formatGroupLabel": [Function],
+                                                          "getOptionLabel": [Function],
+                                                          "getOptionValue": [Function],
+                                                          "inputId": "hearing-room-dropdown",
+                                                          "inputValue": "",
+                                                          "isClearable": undefined,
+                                                          "isDisabled": false,
+                                                          "isLoading": false,
+                                                          "isMulti": false,
+                                                          "isOptionDisabled": [Function],
+                                                          "isRtl": false,
+                                                          "isSearchable": true,
+                                                          "loadOptions": undefined,
+                                                          "loadingMessage": [Function],
+                                                          "maxMenuHeight": 300,
+                                                          "menuIsOpen": false,
+                                                          "menuPlacement": "bottom",
+                                                          "menuPosition": "absolute",
+                                                          "menuShouldBlockScroll": false,
+                                                          "menuShouldScrollIntoView": true,
+                                                          "minMenuHeight": 140,
+                                                          "name": "hearingRoomDropdown",
+                                                          "noOptionsMessage": [Function],
+                                                          "onBlurResetsInput": false,
+                                                          "onChange": [Function],
+                                                          "onInputChange": [Function],
+                                                          "onMenuClose": [Function],
+                                                          "onMenuOpen": [Function],
+                                                          "openMenuOnClick": true,
+                                                          "openMenuOnFocus": false,
+                                                          "options": Array [
+                                                            Object {
+                                                              "label": "None",
+                                                              "value": null,
+                                                            },
+                                                            Object {
+                                                              "label": "1 (1W200A)",
+                                                              "value": "1",
+                                                            },
+                                                            Object {
+                                                              "label": "2 (1W200B)",
+                                                              "value": "2",
+                                                            },
+                                                            Object {
+                                                              "label": "3 (1W200C)",
+                                                              "value": "3",
+                                                            },
+                                                            Object {
+                                                              "label": "4 (1W424)",
+                                                              "value": "4",
+                                                            },
+                                                            Object {
+                                                              "label": "5 (1W428)",
+                                                              "value": "5",
+                                                            },
+                                                            Object {
+                                                              "label": "6 (1W432)",
+                                                              "value": "6",
+                                                            },
+                                                            Object {
+                                                              "label": "7 (1W434)",
+                                                              "value": "7",
+                                                            },
+                                                            Object {
+                                                              "label": "8 (1W435)",
+                                                              "value": "8",
+                                                            },
+                                                            Object {
+                                                              "label": "9 (1W436)",
+                                                              "value": "9",
+                                                            },
+                                                            Object {
+                                                              "label": "10 (1W437)",
+                                                              "value": "10",
+                                                            },
+                                                            Object {
+                                                              "label": "11 (1W438)",
+                                                              "value": "11",
+                                                            },
+                                                            Object {
+                                                              "label": "12 (1W439)",
+                                                              "value": "12",
+                                                            },
+                                                            Object {
+                                                              "label": "13 (1W440)",
+                                                              "value": "13",
+                                                            },
+                                                            Object {
+                                                              "label": "14 (3W405)",
+                                                              "value": "14",
+                                                            },
+                                                            Object {
+                                                              "label": "15 (3W407)",
+                                                              "value": "15",
+                                                            },
+                                                            Object {
+                                                              "label": "16 (3W409)",
+                                                              "value": "16",
+                                                            },
+                                                            Object {
+                                                              "label": "17 (3W518)",
+                                                              "value": "17",
+                                                            },
+                                                            Object {
+                                                              "label": "18 (4W325)",
+                                                              "value": "18",
+                                                            },
+                                                            Object {
+                                                              "label": "Utah",
+                                                              "value": "19",
+                                                            },
+                                                            Object {
+                                                              "label": "Gold",
+                                                              "value": "20",
+                                                            },
+                                                            Object {
+                                                              "label": "Juno",
+                                                              "value": "21",
+                                                            },
+                                                            Object {
+                                                              "label": "Sword",
+                                                              "value": "22",
+                                                            },
+                                                            Object {
+                                                              "label": "Omaha",
+                                                              "value": "23",
+                                                            },
+                                                            Object {
+                                                              "label": "Anzio",
+                                                              "value": "24",
+                                                            },
+                                                            Object {
+                                                              "label": "Coral Sea",
+                                                              "value": "25",
+                                                            },
+                                                            Object {
+                                                              "label": "Hue City",
+                                                              "value": "26",
+                                                            },
+                                                            Object {
+                                                              "label": "Antietam",
+                                                              "value": "27",
+                                                            },
+                                                            Object {
+                                                              "label": "Mogadishu",
+                                                              "value": "28",
+                                                            },
+                                                          ],
+                                                          "pageSize": 5,
+                                                          "placeholder": "Select...",
+                                                          "screenReaderStatus": [Function],
+                                                          "searchable": undefined,
+                                                          "shouldKeyDownEventCreateNewOption": [Function],
+                                                          "styles": Object {
+                                                            "input": [Function],
+                                                          },
+                                                          "tabIndex": "0",
+                                                          "tabSelectsValue": true,
+                                                          "value": Object {
+                                                            "label": "1 (1W200A)",
+                                                            "value": "1",
+                                                          },
+                                                        }
+                                                      }
+                                                      spellCheck="false"
+                                                      tabIndex="0"
+                                                      theme={
+                                                        Object {
+                                                          "borderRadius": 4,
+                                                          "colors": Object {
+                                                            "danger": "#DE350B",
+                                                            "dangerLight": "#FFBDAD",
+                                                            "neutral0": "hsl(0, 0%, 100%)",
+                                                            "neutral10": "hsl(0, 0%, 90%)",
+                                                            "neutral20": "hsl(0, 0%, 80%)",
+                                                            "neutral30": "hsl(0, 0%, 70%)",
+                                                            "neutral40": "hsl(0, 0%, 60%)",
+                                                            "neutral5": "hsl(0, 0%, 95%)",
+                                                            "neutral50": "hsl(0, 0%, 50%)",
+                                                            "neutral60": "hsl(0, 0%, 40%)",
+                                                            "neutral70": "hsl(0, 0%, 30%)",
+                                                            "neutral80": "hsl(0, 0%, 20%)",
+                                                            "neutral90": "hsl(0, 0%, 10%)",
+                                                            "primary": "#2684FF",
+                                                            "primary25": "#DEEBFF",
+                                                            "primary50": "#B2D4FF",
+                                                            "primary75": "#4C9AFF",
+                                                          },
+                                                          "spacing": Object {
+                                                            "baseUnit": 4,
+                                                            "controlHeight": 38,
+                                                            "menuGutter": 8,
+                                                          },
+                                                        }
+                                                      }
+                                                      type="text"
+                                                      value=""
+                                                    >
+                                                      <Input
+                                                        aria-autocomplete="list"
+                                                        aria-expanded={false}
+                                                        aria-haspopup={true}
+                                                        aria-labelledby="hearing-room-dropdown-label"
+                                                        aria-owns="hearing-room-dropdown-listbox"
+                                                        autoCapitalize="none"
+                                                        autoComplete="off"
+                                                        autoCorrect="off"
+                                                        cx={[Function]}
+                                                        getStyles={[Function]}
+                                                        id="hearing-room-dropdown"
+                                                        innerRef={[Function]}
+                                                        isDisabled={false}
+                                                        isHidden={false}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        role="combobox"
+                                                        selectProps={
+                                                          Object {
+                                                            "backspaceRemovesValue": true,
+                                                            "blurInputOnSelect": true,
+                                                            "cache": false,
+                                                            "captureMenuScroll": false,
+                                                            "classNamePrefix": "cf-select",
+                                                            "closeMenuOnScroll": false,
+                                                            "closeMenuOnSelect": true,
+                                                            "components": Object {
+                                                              "Input": [Function],
+                                                              "MenuList": [Function],
+                                                              "Option": [Function],
+                                                            },
+                                                            "controlShouldRenderValue": true,
+                                                            "defaultOptions": undefined,
+                                                            "escapeClearsValue": false,
+                                                            "filterOption": [Function],
+                                                            "formatGroupLabel": [Function],
+                                                            "getOptionLabel": [Function],
+                                                            "getOptionValue": [Function],
+                                                            "inputId": "hearing-room-dropdown",
+                                                            "inputValue": "",
+                                                            "isClearable": undefined,
+                                                            "isDisabled": false,
+                                                            "isLoading": false,
+                                                            "isMulti": false,
+                                                            "isOptionDisabled": [Function],
+                                                            "isRtl": false,
+                                                            "isSearchable": true,
+                                                            "loadOptions": undefined,
+                                                            "loadingMessage": [Function],
+                                                            "maxMenuHeight": 300,
+                                                            "menuIsOpen": false,
+                                                            "menuPlacement": "bottom",
+                                                            "menuPosition": "absolute",
+                                                            "menuShouldBlockScroll": false,
+                                                            "menuShouldScrollIntoView": true,
+                                                            "minMenuHeight": 140,
+                                                            "name": "hearingRoomDropdown",
+                                                            "noOptionsMessage": [Function],
+                                                            "onBlurResetsInput": false,
+                                                            "onChange": [Function],
+                                                            "onInputChange": [Function],
+                                                            "onMenuClose": [Function],
+                                                            "onMenuOpen": [Function],
+                                                            "openMenuOnClick": true,
+                                                            "openMenuOnFocus": false,
+                                                            "options": Array [
                                                               Object {
-                                                                "index": 880,
-                                                                "label": "Tokelau Is. (11:00 PM)",
-                                                                "value": "Pacific/Fakaofo",
+                                                                "label": "None",
+                                                                "value": null,
                                                               },
                                                               Object {
-                                                                "index": 880,
-                                                                "label": "Samoa (11:00 PM)",
-                                                                "value": "Pacific/Apia",
-                                                              },
-                                                            ]
-                                                          }
-                                                          selectOption={[Function]}
-                                                          selectProps={
-                                                            Object {
-                                                              "backspaceRemovesValue": true,
-                                                              "blurInputOnSelect": true,
-                                                              "cache": false,
-                                                              "captureMenuScroll": false,
-                                                              "classNamePrefix": "cf-select",
-                                                              "closeMenuOnScroll": false,
-                                                              "closeMenuOnSelect": true,
-                                                              "components": Object {
-                                                                "Input": [Function],
-                                                                "MenuList": [Function],
-                                                                "Option": [Function],
-                                                              },
-                                                              "controlShouldRenderValue": true,
-                                                              "defaultOptions": undefined,
-                                                              "escapeClearsValue": false,
-                                                              "filterOption": [Function],
-                                                              "formatGroupLabel": [Function],
-                                                              "getOptionLabel": [Function],
-                                                              "getOptionValue": [Function],
-                                                              "inputId": "appellant-tz",
-                                                              "inputValue": "",
-                                                              "isClearable": undefined,
-                                                              "isDisabled": false,
-                                                              "isLoading": false,
-                                                              "isMulti": false,
-                                                              "isOptionDisabled": [Function],
-                                                              "isRtl": false,
-                                                              "isSearchable": true,
-                                                              "loadOptions": undefined,
-                                                              "loadingMessage": [Function],
-                                                              "maxMenuHeight": 300,
-                                                              "menuIsOpen": false,
-                                                              "menuPlacement": "bottom",
-                                                              "menuPosition": "absolute",
-                                                              "menuShouldBlockScroll": false,
-                                                              "menuShouldScrollIntoView": true,
-                                                              "minMenuHeight": 140,
-                                                              "name": "appellantTz",
-                                                              "noOptionsMessage": [Function],
-                                                              "onBlurResetsInput": false,
-                                                              "onChange": [Function],
-                                                              "onInputChange": [Function],
-                                                              "onMenuClose": [Function],
-                                                              "onMenuOpen": [Function],
-                                                              "openMenuOnClick": true,
-                                                              "openMenuOnFocus": false,
-                                                              "options": Array [
-                                                                Object {
-                                                                  "label": "",
-                                                                  "value": null,
-                                                                },
-                                                                Object {
-                                                                  "index": -3,
-                                                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
-                                                                  "value": "America/New_York",
-                                                                },
-                                                                Object {
-                                                                  "index": -2,
-                                                                  "label": "Central Time (US & Canada) (5:00 AM)",
-                                                                  "value": "America/Chicago",
-                                                                },
-                                                                Object {
-                                                                  "index": -1,
-                                                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
-                                                                  "value": "America/Denver",
-                                                                },
-                                                                Object {
-                                                                  "index": -0,
-                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                                  "value": "America/Los_Angeles",
-                                                                },
-                                                                Object {
-                                                                  "index": 2.4,
-                                                                  "label": "Indiana (East) (6:00 AM)",
-                                                                  "value": "America/Indiana/Indianapolis",
-                                                                },
-                                                                Object {
-                                                                  "index": 2.4,
-                                                                  "label": "Puerto Rico (6:00 AM)",
-                                                                  "value": "America/Puerto_Rico",
-                                                                },
-                                                                Object {
-                                                                  "index": 4.2,
-                                                                  "label": "Arizona (3:00 AM)",
-                                                                  "value": "America/Phoenix",
-                                                                },
-                                                                Object {
-                                                                  "index": 4.8,
-                                                                  "label": "Alaska (2:00 AM)",
-                                                                  "value": "America/Juneau",
-                                                                },
-                                                                Object {
-                                                                  "index": 4.8,
-                                                                  "label": "Philippine Standard Time (6:00 PM)",
-                                                                  "value": "Asia/Manila",
-                                                                },
-                                                                Object {
-                                                                  "index": 6,
-                                                                  "label": "Hawaii (12:00 AM)",
-                                                                  "value": "Pacific/Honolulu",
-                                                                },
-                                                                Object {
-                                                                  "index": 100,
-                                                                  "label": "Azores (10:00 AM)",
-                                                                  "value": "Atlantic/Azores",
-                                                                },
-                                                                Object {
-                                                                  "index": 100,
-                                                                  "label": "Monrovia (10:00 AM)",
-                                                                  "value": "Africa/Monrovia",
-                                                                },
-                                                                Object {
-                                                                  "index": 100,
-                                                                  "label": "UTC (10:00 AM)",
-                                                                  "value": "Etc/UTC",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Cape Verde Is. (9:00 AM)",
-                                                                  "value": "Atlantic/Cape_Verde",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Dublin (11:00 AM)",
-                                                                  "value": "Europe/Dublin",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Edinburgh (11:00 AM)",
-                                                                  "value": "Europe/London",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Lisbon (11:00 AM)",
-                                                                  "value": "Europe/Lisbon",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "London (11:00 AM)",
-                                                                  "value": "Europe/London",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Casablanca (11:00 AM)",
-                                                                  "value": "Africa/Casablanca",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "West Central Africa (11:00 AM)",
-                                                                  "value": "Africa/Algiers",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Greenland (8:00 AM)",
-                                                                  "value": "America/Godthab",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Mid-Atlantic (8:00 AM)",
-                                                                  "value": "Atlantic/South_Georgia",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Belgrade (12:00 PM)",
-                                                                  "value": "Europe/Belgrade",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Bratislava (12:00 PM)",
-                                                                  "value": "Europe/Bratislava",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Budapest (12:00 PM)",
-                                                                  "value": "Europe/Budapest",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Ljubljana (12:00 PM)",
-                                                                  "value": "Europe/Ljubljana",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Prague (12:00 PM)",
-                                                                  "value": "Europe/Prague",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Sarajevo (12:00 PM)",
-                                                                  "value": "Europe/Sarajevo",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Skopje (12:00 PM)",
-                                                                  "value": "Europe/Skopje",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Warsaw (12:00 PM)",
-                                                                  "value": "Europe/Warsaw",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Zagreb (12:00 PM)",
-                                                                  "value": "Europe/Zagreb",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Brussels (12:00 PM)",
-                                                                  "value": "Europe/Brussels",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Copenhagen (12:00 PM)",
-                                                                  "value": "Europe/Copenhagen",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Madrid (12:00 PM)",
-                                                                  "value": "Europe/Madrid",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Paris (12:00 PM)",
-                                                                  "value": "Europe/Paris",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Amsterdam (12:00 PM)",
-                                                                  "value": "Europe/Amsterdam",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Berlin (12:00 PM)",
-                                                                  "value": "Europe/Berlin",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Bern (12:00 PM)",
-                                                                  "value": "Europe/Zurich",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Zurich (12:00 PM)",
-                                                                  "value": "Europe/Zurich",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Rome (12:00 PM)",
-                                                                  "value": "Europe/Rome",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Stockholm (12:00 PM)",
-                                                                  "value": "Europe/Stockholm",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Vienna (12:00 PM)",
-                                                                  "value": "Europe/Vienna",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Cairo (12:00 PM)",
-                                                                  "value": "Africa/Cairo",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Harare (12:00 PM)",
-                                                                  "value": "Africa/Harare",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Pretoria (12:00 PM)",
-                                                                  "value": "Africa/Johannesburg",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Kaliningrad (12:00 PM)",
-                                                                  "value": "Europe/Kaliningrad",
-                                                                },
-                                                                Object {
-                                                                  "index": 250,
-                                                                  "label": "Newfoundland (7:30 AM)",
-                                                                  "value": "America/St_Johns",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Atlantic Time (Canada) (7:00 AM)",
-                                                                  "value": "America/Halifax",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Brasilia (7:00 AM)",
-                                                                  "value": "America/Sao_Paulo",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Buenos Aires (7:00 AM)",
-                                                                  "value": "America/Argentina/Buenos_Aires",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Montevideo (7:00 AM)",
-                                                                  "value": "America/Montevideo",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Bucharest (1:00 PM)",
-                                                                  "value": "Europe/Bucharest",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Helsinki (1:00 PM)",
-                                                                  "value": "Europe/Helsinki",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Kyiv (1:00 PM)",
-                                                                  "value": "Europe/Kiev",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Riga (1:00 PM)",
-                                                                  "value": "Europe/Riga",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Sofia (1:00 PM)",
-                                                                  "value": "Europe/Sofia",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Tallinn (1:00 PM)",
-                                                                  "value": "Europe/Tallinn",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Vilnius (1:00 PM)",
-                                                                  "value": "Europe/Vilnius",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Athens (1:00 PM)",
-                                                                  "value": "Europe/Athens",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Istanbul (1:00 PM)",
-                                                                  "value": "Europe/Istanbul",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Minsk (1:00 PM)",
-                                                                  "value": "Europe/Minsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Jerusalem (1:00 PM)",
-                                                                  "value": "Asia/Jerusalem",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Moscow (1:00 PM)",
-                                                                  "value": "Europe/Moscow",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "St. Petersburg (1:00 PM)",
-                                                                  "value": "Europe/Moscow",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Kuwait (1:00 PM)",
-                                                                  "value": "Asia/Kuwait",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Riyadh (1:00 PM)",
-                                                                  "value": "Asia/Riyadh",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Nairobi (1:00 PM)",
-                                                                  "value": "Africa/Nairobi",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Baghdad (1:00 PM)",
-                                                                  "value": "Asia/Baghdad",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Caracas (6:00 AM)",
-                                                                  "value": "America/Caracas",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "La Paz (6:00 AM)",
-                                                                  "value": "America/La_Paz",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Santiago (6:00 AM)",
-                                                                  "value": "America/Santiago",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Georgetown (6:00 AM)",
-                                                                  "value": "America/Guyana",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Volgograd (2:00 PM)",
-                                                                  "value": "Europe/Volgograd",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Samara (2:00 PM)",
-                                                                  "value": "Europe/Samara",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Abu Dhabi (2:00 PM)",
-                                                                  "value": "Asia/Muscat",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Muscat (2:00 PM)",
-                                                                  "value": "Asia/Muscat",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Baku (2:00 PM)",
-                                                                  "value": "Asia/Baku",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Tbilisi (2:00 PM)",
-                                                                  "value": "Asia/Tbilisi",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Yerevan (2:00 PM)",
-                                                                  "value": "Asia/Yerevan",
-                                                                },
-                                                                Object {
-                                                                  "index": 370,
-                                                                  "label": "Tehran (2:30 PM)",
-                                                                  "value": "Asia/Tehran",
-                                                                },
-                                                                Object {
-                                                                  "index": 370,
-                                                                  "label": "Kabul (2:30 PM)",
-                                                                  "value": "Asia/Kabul",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Guadalajara (5:00 AM)",
-                                                                  "value": "America/Mexico_City",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Mexico City (5:00 AM)",
-                                                                  "value": "America/Mexico_City",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Monterrey (5:00 AM)",
-                                                                  "value": "America/Monterrey",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Bogota (5:00 AM)",
-                                                                  "value": "America/Bogota",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Lima (5:00 AM)",
-                                                                  "value": "America/Lima",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Quito (5:00 AM)",
-                                                                  "value": "America/Lima",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Ekaterinburg (3:00 PM)",
-                                                                  "value": "Asia/Yekaterinburg",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Islamabad (3:00 PM)",
-                                                                  "value": "Asia/Karachi",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Karachi (3:00 PM)",
-                                                                  "value": "Asia/Karachi",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Tashkent (3:00 PM)",
-                                                                  "value": "Asia/Tashkent",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "Chennai (3:30 PM)",
-                                                                  "value": "Asia/Kolkata",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "Kolkata (3:30 PM)",
-                                                                  "value": "Asia/Kolkata",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "Mumbai (3:30 PM)",
-                                                                  "value": "Asia/Kolkata",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "New Delhi (3:30 PM)",
-                                                                  "value": "Asia/Kolkata",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "Sri Jayawardenepura (3:30 PM)",
-                                                                  "value": "Asia/Colombo",
-                                                                },
-                                                                Object {
-                                                                  "index": 445,
-                                                                  "label": "Kathmandu (3:45 PM)",
-                                                                  "value": "Asia/Kathmandu",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Chihuahua (4:00 AM)",
-                                                                  "value": "America/Chihuahua",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Mazatlan (4:00 AM)",
-                                                                  "value": "America/Mazatlan",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Saskatchewan (4:00 AM)",
-                                                                  "value": "America/Regina",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Central America (4:00 AM)",
-                                                                  "value": "America/Guatemala",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Astana (4:00 PM)",
-                                                                  "value": "Asia/Dhaka",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Dhaka (4:00 PM)",
-                                                                  "value": "Asia/Dhaka",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Almaty (4:00 PM)",
-                                                                  "value": "Asia/Almaty",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Urumqi (4:00 PM)",
-                                                                  "value": "Asia/Urumqi",
-                                                                },
-                                                                Object {
-                                                                  "index": 490,
-                                                                  "label": "Rangoon (4:30 PM)",
-                                                                  "value": "Asia/Rangoon",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Tijuana (3:00 AM)",
-                                                                  "value": "America/Tijuana",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Novosibirsk (5:00 PM)",
-                                                                  "value": "Asia/Novosibirsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Bangkok (5:00 PM)",
-                                                                  "value": "Asia/Bangkok",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Hanoi (5:00 PM)",
-                                                                  "value": "Asia/Bangkok",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Jakarta (5:00 PM)",
-                                                                  "value": "Asia/Jakarta",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Krasnoyarsk (5:00 PM)",
-                                                                  "value": "Asia/Krasnoyarsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Beijing (6:00 PM)",
-                                                                  "value": "Asia/Shanghai",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Chongqing (6:00 PM)",
-                                                                  "value": "Asia/Chongqing",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Hong Kong (6:00 PM)",
-                                                                  "value": "Asia/Hong_Kong",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Kuala Lumpur (6:00 PM)",
-                                                                  "value": "Asia/Kuala_Lumpur",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Singapore (6:00 PM)",
-                                                                  "value": "Asia/Singapore",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Taipei (6:00 PM)",
-                                                                  "value": "Asia/Taipei",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Perth (6:00 PM)",
-                                                                  "value": "Australia/Perth",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Irkutsk (6:00 PM)",
-                                                                  "value": "Asia/Irkutsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Ulaanbaatar (6:00 PM)",
-                                                                  "value": "Asia/Ulaanbaatar",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Seoul (7:00 PM)",
-                                                                  "value": "Asia/Seoul",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Osaka (7:00 PM)",
-                                                                  "value": "Asia/Tokyo",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Sapporo (7:00 PM)",
-                                                                  "value": "Asia/Tokyo",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Tokyo (7:00 PM)",
-                                                                  "value": "Asia/Tokyo",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Yakutsk (7:00 PM)",
-                                                                  "value": "Asia/Yakutsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 670,
-                                                                  "label": "Darwin (7:30 PM)",
-                                                                  "value": "Australia/Darwin",
-                                                                },
-                                                                Object {
-                                                                  "index": 670,
-                                                                  "label": "Adelaide (7:30 PM)",
-                                                                  "value": "Australia/Adelaide",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Canberra (8:00 PM)",
-                                                                  "value": "Australia/Melbourne",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Melbourne (8:00 PM)",
-                                                                  "value": "Australia/Melbourne",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Sydney (8:00 PM)",
-                                                                  "value": "Australia/Sydney",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Brisbane (8:00 PM)",
-                                                                  "value": "Australia/Brisbane",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Hobart (8:00 PM)",
-                                                                  "value": "Australia/Hobart",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Vladivostok (8:00 PM)",
-                                                                  "value": "Asia/Vladivostok",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Guam (8:00 PM)",
-                                                                  "value": "Pacific/Guam",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Port Moresby (8:00 PM)",
-                                                                  "value": "Pacific/Port_Moresby",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "Midway Island (11:00 PM)",
-                                                                  "value": "Pacific/Midway",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "American Samoa (11:00 PM)",
-                                                                  "value": "Pacific/Pago_Pago",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "Magadan (9:00 PM)",
-                                                                  "value": "Asia/Magadan",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "Srednekolymsk (9:00 PM)",
-                                                                  "value": "Asia/Srednekolymsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "Solomon Is. (9:00 PM)",
-                                                                  "value": "Pacific/Guadalcanal",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "New Caledonia (9:00 PM)",
-                                                                  "value": "Pacific/Noumea",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "International Date Line West (10:00 PM)",
-                                                                  "value": "Etc/GMT+12",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Fiji (10:00 PM)",
-                                                                  "value": "Pacific/Fiji",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Kamchatka (10:00 PM)",
-                                                                  "value": "Asia/Kamchatka",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Marshall Is. (10:00 PM)",
-                                                                  "value": "Pacific/Majuro",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Auckland (10:00 PM)",
-                                                                  "value": "Pacific/Auckland",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Wellington (10:00 PM)",
-                                                                  "value": "Pacific/Auckland",
-                                                                },
-                                                                Object {
-                                                                  "index": 865,
-                                                                  "label": "Chatham Is. (10:45 PM)",
-                                                                  "value": "Pacific/Chatham",
-                                                                },
-                                                                Object {
-                                                                  "index": 880,
-                                                                  "label": "Nuku'alofa (11:00 PM)",
-                                                                  "value": "Pacific/Tongatapu",
-                                                                },
-                                                                Object {
-                                                                  "index": 880,
-                                                                  "label": "Tokelau Is. (11:00 PM)",
-                                                                  "value": "Pacific/Fakaofo",
-                                                                },
-                                                                Object {
-                                                                  "index": 880,
-                                                                  "label": "Samoa (11:00 PM)",
-                                                                  "value": "Pacific/Apia",
-                                                                },
-                                                              ],
-                                                              "pageSize": 5,
-                                                              "placeholder": "Select a timezone",
-                                                              "screenReaderStatus": [Function],
-                                                              "searchable": undefined,
-                                                              "shouldKeyDownEventCreateNewOption": [Function],
-                                                              "styles": Object {
-                                                                "input": [Function],
+                                                                "label": "1 (1W200A)",
+                                                                "value": "1",
                                                               },
-                                                              "tabIndex": "0",
-                                                              "tabSelectsValue": true,
-                                                              "value": Object {
-                                                                "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                                "value": "America/Los_Angeles",
+                                                              Object {
+                                                                "label": "2 (1W200B)",
+                                                                "value": "2",
+                                                              },
+                                                              Object {
+                                                                "label": "3 (1W200C)",
+                                                                "value": "3",
+                                                              },
+                                                              Object {
+                                                                "label": "4 (1W424)",
+                                                                "value": "4",
+                                                              },
+                                                              Object {
+                                                                "label": "5 (1W428)",
+                                                                "value": "5",
+                                                              },
+                                                              Object {
+                                                                "label": "6 (1W432)",
+                                                                "value": "6",
+                                                              },
+                                                              Object {
+                                                                "label": "7 (1W434)",
+                                                                "value": "7",
+                                                              },
+                                                              Object {
+                                                                "label": "8 (1W435)",
+                                                                "value": "8",
+                                                              },
+                                                              Object {
+                                                                "label": "9 (1W436)",
+                                                                "value": "9",
+                                                              },
+                                                              Object {
+                                                                "label": "10 (1W437)",
+                                                                "value": "10",
+                                                              },
+                                                              Object {
+                                                                "label": "11 (1W438)",
+                                                                "value": "11",
+                                                              },
+                                                              Object {
+                                                                "label": "12 (1W439)",
+                                                                "value": "12",
+                                                              },
+                                                              Object {
+                                                                "label": "13 (1W440)",
+                                                                "value": "13",
+                                                              },
+                                                              Object {
+                                                                "label": "14 (3W405)",
+                                                                "value": "14",
+                                                              },
+                                                              Object {
+                                                                "label": "15 (3W407)",
+                                                                "value": "15",
+                                                              },
+                                                              Object {
+                                                                "label": "16 (3W409)",
+                                                                "value": "16",
+                                                              },
+                                                              Object {
+                                                                "label": "17 (3W518)",
+                                                                "value": "17",
+                                                              },
+                                                              Object {
+                                                                "label": "18 (4W325)",
+                                                                "value": "18",
+                                                              },
+                                                              Object {
+                                                                "label": "Utah",
+                                                                "value": "19",
+                                                              },
+                                                              Object {
+                                                                "label": "Gold",
+                                                                "value": "20",
+                                                              },
+                                                              Object {
+                                                                "label": "Juno",
+                                                                "value": "21",
+                                                              },
+                                                              Object {
+                                                                "label": "Sword",
+                                                                "value": "22",
+                                                              },
+                                                              Object {
+                                                                "label": "Omaha",
+                                                                "value": "23",
+                                                              },
+                                                              Object {
+                                                                "label": "Anzio",
+                                                                "value": "24",
+                                                              },
+                                                              Object {
+                                                                "label": "Coral Sea",
+                                                                "value": "25",
+                                                              },
+                                                              Object {
+                                                                "label": "Hue City",
+                                                                "value": "26",
+                                                              },
+                                                              Object {
+                                                                "label": "Antietam",
+                                                                "value": "27",
+                                                              },
+                                                              Object {
+                                                                "label": "Mogadishu",
+                                                                "value": "28",
                                                               },
+                                                            ],
+                                                            "pageSize": 5,
+                                                            "placeholder": "Select...",
+                                                            "screenReaderStatus": [Function],
+                                                            "searchable": undefined,
+                                                            "shouldKeyDownEventCreateNewOption": [Function],
+                                                            "styles": Object {
+                                                              "input": [Function],
+                                                            },
+                                                            "tabIndex": "0",
+                                                            "tabSelectsValue": true,
+                                                            "value": Object {
+                                                              "label": "1 (1W200A)",
+                                                              "value": "1",
+                                                            },
+                                                          }
+                                                        }
+                                                        spellCheck="false"
+                                                        tabIndex="0"
+                                                        theme={
+                                                          Object {
+                                                            "borderRadius": 4,
+                                                            "colors": Object {
+                                                              "danger": "#DE350B",
+                                                              "dangerLight": "#FFBDAD",
+                                                              "neutral0": "hsl(0, 0%, 100%)",
+                                                              "neutral10": "hsl(0, 0%, 90%)",
+                                                              "neutral20": "hsl(0, 0%, 80%)",
+                                                              "neutral30": "hsl(0, 0%, 70%)",
+                                                              "neutral40": "hsl(0, 0%, 60%)",
+                                                              "neutral5": "hsl(0, 0%, 95%)",
+                                                              "neutral50": "hsl(0, 0%, 50%)",
+                                                              "neutral60": "hsl(0, 0%, 40%)",
+                                                              "neutral70": "hsl(0, 0%, 30%)",
+                                                              "neutral80": "hsl(0, 0%, 20%)",
+                                                              "neutral90": "hsl(0, 0%, 10%)",
+                                                              "primary": "#2684FF",
+                                                              "primary25": "#DEEBFF",
+                                                              "primary50": "#B2D4FF",
+                                                              "primary75": "#4C9AFF",
+                                                            },
+                                                            "spacing": Object {
+                                                              "baseUnit": 4,
+                                                              "controlHeight": 38,
+                                                              "menuGutter": 8,
+                                                            },
+                                                          }
+                                                        }
+                                                        type="text"
+                                                        value=""
+                                                      >
+                                                        <EmotionCssPropInternal
+                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Input"
+                                                          __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                          css={
+                                                            Object {
+                                                              "height": "44px",
                                                             }
                                                           }
-                                                          setValue={[Function]}
-                                                          theme={
+                                                        >
+                                                          <div
+                                                            className="css-81nyic-Input"
+                                                          >
+                                                            <AutosizeInput
+                                                              aria-autocomplete="list"
+                                                              aria-expanded={false}
+                                                              aria-haspopup={true}
+                                                              aria-labelledby="hearing-room-dropdown-label"
+                                                              aria-owns="hearing-room-dropdown-listbox"
+                                                              autoCapitalize="none"
+                                                              autoComplete="off"
+                                                              autoCorrect="off"
+                                                              className="cf-select__input"
+                                                              disabled={false}
+                                                              id="hearing-room-dropdown"
+                                                              injectStyles={true}
+                                                              inputRef={[Function]}
+                                                              inputStyle={
+                                                                Object {
+                                                                  "background": 0,
+                                                                  "border": 0,
+                                                                  "color": "inherit",
+                                                                  "fontSize": "inherit",
+                                                                  "label": "input",
+                                                                  "opacity": 1,
+                                                                  "outline": 0,
+                                                                  "padding": 0,
+                                                                }
+                                                              }
+                                                              minWidth={1}
+                                                              onBlur={[Function]}
+                                                              onChange={[Function]}
+                                                              onFocus={[Function]}
+                                                              role="combobox"
+                                                              spellCheck="false"
+                                                              tabIndex="0"
+                                                              type="text"
+                                                              value=""
+                                                            >
+                                                              <div
+                                                                className="cf-select__input"
+                                                                style={
+                                                                  Object {
+                                                                    "display": "inline-block",
+                                                                  }
+                                                                }
+                                                              >
+                                                                <input
+                                                                  aria-autocomplete="list"
+                                                                  aria-expanded={false}
+                                                                  aria-haspopup={true}
+                                                                  aria-labelledby="hearing-room-dropdown-label"
+                                                                  aria-owns="hearing-room-dropdown-listbox"
+                                                                  autoCapitalize="none"
+                                                                  autoComplete="off"
+                                                                  autoCorrect="off"
+                                                                  disabled={false}
+                                                                  id="hearing-room-dropdown"
+                                                                  onBlur={[Function]}
+                                                                  onChange={[Function]}
+                                                                  onFocus={[Function]}
+                                                                  role="combobox"
+                                                                  spellCheck="false"
+                                                                  style={
+                                                                    Object {
+                                                                      "background": 0,
+                                                                      "border": 0,
+                                                                      "boxSizing": "content-box",
+                                                                      "color": "inherit",
+                                                                      "fontSize": "inherit",
+                                                                      "label": "input",
+                                                                      "opacity": 1,
+                                                                      "outline": 0,
+                                                                      "padding": 0,
+                                                                      "width": "2px",
+                                                                    }
+                                                                  }
+                                                                  tabIndex="0"
+                                                                  type="text"
+                                                                  value=""
+                                                                />
+                                                                <div
+                                                                  style={
+                                                                    Object {
+                                                                      "height": 0,
+                                                                      "left": 0,
+                                                                      "overflow": "scroll",
+                                                                      "position": "absolute",
+                                                                      "top": 0,
+                                                                      "visibility": "hidden",
+                                                                      "whiteSpace": "pre",
+                                                                    }
+                                                                  }
+                                                                />
+                                                              </div>
+                                                            </AutosizeInput>
+                                                          </div>
+                                                        </EmotionCssPropInternal>
+                                                      </Input>
+                                                    </CustomInput>
+                                                  </div>
+                                                </EmotionCssPropInternal>
+                                              </ValueContainer>
+                                              <IndicatorsContainer
+                                                clearValue={[Function]}
+                                                cx={[Function]}
+                                                getStyles={[Function]}
+                                                getValue={[Function]}
+                                                hasValue={true}
+                                                isDisabled={false}
+                                                isMulti={false}
+                                                isRtl={false}
+                                                options={
+                                                  Array [
+                                                    Object {
+                                                      "label": "None",
+                                                      "value": null,
+                                                    },
+                                                    Object {
+                                                      "label": "1 (1W200A)",
+                                                      "value": "1",
+                                                    },
+                                                    Object {
+                                                      "label": "2 (1W200B)",
+                                                      "value": "2",
+                                                    },
+                                                    Object {
+                                                      "label": "3 (1W200C)",
+                                                      "value": "3",
+                                                    },
+                                                    Object {
+                                                      "label": "4 (1W424)",
+                                                      "value": "4",
+                                                    },
+                                                    Object {
+                                                      "label": "5 (1W428)",
+                                                      "value": "5",
+                                                    },
+                                                    Object {
+                                                      "label": "6 (1W432)",
+                                                      "value": "6",
+                                                    },
+                                                    Object {
+                                                      "label": "7 (1W434)",
+                                                      "value": "7",
+                                                    },
+                                                    Object {
+                                                      "label": "8 (1W435)",
+                                                      "value": "8",
+                                                    },
+                                                    Object {
+                                                      "label": "9 (1W436)",
+                                                      "value": "9",
+                                                    },
+                                                    Object {
+                                                      "label": "10 (1W437)",
+                                                      "value": "10",
+                                                    },
+                                                    Object {
+                                                      "label": "11 (1W438)",
+                                                      "value": "11",
+                                                    },
+                                                    Object {
+                                                      "label": "12 (1W439)",
+                                                      "value": "12",
+                                                    },
+                                                    Object {
+                                                      "label": "13 (1W440)",
+                                                      "value": "13",
+                                                    },
+                                                    Object {
+                                                      "label": "14 (3W405)",
+                                                      "value": "14",
+                                                    },
+                                                    Object {
+                                                      "label": "15 (3W407)",
+                                                      "value": "15",
+                                                    },
+                                                    Object {
+                                                      "label": "16 (3W409)",
+                                                      "value": "16",
+                                                    },
+                                                    Object {
+                                                      "label": "17 (3W518)",
+                                                      "value": "17",
+                                                    },
+                                                    Object {
+                                                      "label": "18 (4W325)",
+                                                      "value": "18",
+                                                    },
+                                                    Object {
+                                                      "label": "Utah",
+                                                      "value": "19",
+                                                    },
+                                                    Object {
+                                                      "label": "Gold",
+                                                      "value": "20",
+                                                    },
+                                                    Object {
+                                                      "label": "Juno",
+                                                      "value": "21",
+                                                    },
+                                                    Object {
+                                                      "label": "Sword",
+                                                      "value": "22",
+                                                    },
+                                                    Object {
+                                                      "label": "Omaha",
+                                                      "value": "23",
+                                                    },
+                                                    Object {
+                                                      "label": "Anzio",
+                                                      "value": "24",
+                                                    },
+                                                    Object {
+                                                      "label": "Coral Sea",
+                                                      "value": "25",
+                                                    },
+                                                    Object {
+                                                      "label": "Hue City",
+                                                      "value": "26",
+                                                    },
+                                                    Object {
+                                                      "label": "Antietam",
+                                                      "value": "27",
+                                                    },
+                                                    Object {
+                                                      "label": "Mogadishu",
+                                                      "value": "28",
+                                                    },
+                                                  ]
+                                                }
+                                                selectOption={[Function]}
+                                                selectProps={
+                                                  Object {
+                                                    "backspaceRemovesValue": true,
+                                                    "blurInputOnSelect": true,
+                                                    "cache": false,
+                                                    "captureMenuScroll": false,
+                                                    "classNamePrefix": "cf-select",
+                                                    "closeMenuOnScroll": false,
+                                                    "closeMenuOnSelect": true,
+                                                    "components": Object {
+                                                      "Input": [Function],
+                                                      "MenuList": [Function],
+                                                      "Option": [Function],
+                                                    },
+                                                    "controlShouldRenderValue": true,
+                                                    "defaultOptions": undefined,
+                                                    "escapeClearsValue": false,
+                                                    "filterOption": [Function],
+                                                    "formatGroupLabel": [Function],
+                                                    "getOptionLabel": [Function],
+                                                    "getOptionValue": [Function],
+                                                    "inputId": "hearing-room-dropdown",
+                                                    "inputValue": "",
+                                                    "isClearable": undefined,
+                                                    "isDisabled": false,
+                                                    "isLoading": false,
+                                                    "isMulti": false,
+                                                    "isOptionDisabled": [Function],
+                                                    "isRtl": false,
+                                                    "isSearchable": true,
+                                                    "loadOptions": undefined,
+                                                    "loadingMessage": [Function],
+                                                    "maxMenuHeight": 300,
+                                                    "menuIsOpen": false,
+                                                    "menuPlacement": "bottom",
+                                                    "menuPosition": "absolute",
+                                                    "menuShouldBlockScroll": false,
+                                                    "menuShouldScrollIntoView": true,
+                                                    "minMenuHeight": 140,
+                                                    "name": "hearingRoomDropdown",
+                                                    "noOptionsMessage": [Function],
+                                                    "onBlurResetsInput": false,
+                                                    "onChange": [Function],
+                                                    "onInputChange": [Function],
+                                                    "onMenuClose": [Function],
+                                                    "onMenuOpen": [Function],
+                                                    "openMenuOnClick": true,
+                                                    "openMenuOnFocus": false,
+                                                    "options": Array [
+                                                      Object {
+                                                        "label": "None",
+                                                        "value": null,
+                                                      },
+                                                      Object {
+                                                        "label": "1 (1W200A)",
+                                                        "value": "1",
+                                                      },
+                                                      Object {
+                                                        "label": "2 (1W200B)",
+                                                        "value": "2",
+                                                      },
+                                                      Object {
+                                                        "label": "3 (1W200C)",
+                                                        "value": "3",
+                                                      },
+                                                      Object {
+                                                        "label": "4 (1W424)",
+                                                        "value": "4",
+                                                      },
+                                                      Object {
+                                                        "label": "5 (1W428)",
+                                                        "value": "5",
+                                                      },
+                                                      Object {
+                                                        "label": "6 (1W432)",
+                                                        "value": "6",
+                                                      },
+                                                      Object {
+                                                        "label": "7 (1W434)",
+                                                        "value": "7",
+                                                      },
+                                                      Object {
+                                                        "label": "8 (1W435)",
+                                                        "value": "8",
+                                                      },
+                                                      Object {
+                                                        "label": "9 (1W436)",
+                                                        "value": "9",
+                                                      },
+                                                      Object {
+                                                        "label": "10 (1W437)",
+                                                        "value": "10",
+                                                      },
+                                                      Object {
+                                                        "label": "11 (1W438)",
+                                                        "value": "11",
+                                                      },
+                                                      Object {
+                                                        "label": "12 (1W439)",
+                                                        "value": "12",
+                                                      },
+                                                      Object {
+                                                        "label": "13 (1W440)",
+                                                        "value": "13",
+                                                      },
+                                                      Object {
+                                                        "label": "14 (3W405)",
+                                                        "value": "14",
+                                                      },
+                                                      Object {
+                                                        "label": "15 (3W407)",
+                                                        "value": "15",
+                                                      },
+                                                      Object {
+                                                        "label": "16 (3W409)",
+                                                        "value": "16",
+                                                      },
+                                                      Object {
+                                                        "label": "17 (3W518)",
+                                                        "value": "17",
+                                                      },
+                                                      Object {
+                                                        "label": "18 (4W325)",
+                                                        "value": "18",
+                                                      },
+                                                      Object {
+                                                        "label": "Utah",
+                                                        "value": "19",
+                                                      },
+                                                      Object {
+                                                        "label": "Gold",
+                                                        "value": "20",
+                                                      },
+                                                      Object {
+                                                        "label": "Juno",
+                                                        "value": "21",
+                                                      },
+                                                      Object {
+                                                        "label": "Sword",
+                                                        "value": "22",
+                                                      },
+                                                      Object {
+                                                        "label": "Omaha",
+                                                        "value": "23",
+                                                      },
+                                                      Object {
+                                                        "label": "Anzio",
+                                                        "value": "24",
+                                                      },
+                                                      Object {
+                                                        "label": "Coral Sea",
+                                                        "value": "25",
+                                                      },
+                                                      Object {
+                                                        "label": "Hue City",
+                                                        "value": "26",
+                                                      },
+                                                      Object {
+                                                        "label": "Antietam",
+                                                        "value": "27",
+                                                      },
+                                                      Object {
+                                                        "label": "Mogadishu",
+                                                        "value": "28",
+                                                      },
+                                                    ],
+                                                    "pageSize": 5,
+                                                    "placeholder": "Select...",
+                                                    "screenReaderStatus": [Function],
+                                                    "searchable": undefined,
+                                                    "shouldKeyDownEventCreateNewOption": [Function],
+                                                    "styles": Object {
+                                                      "input": [Function],
+                                                    },
+                                                    "tabIndex": "0",
+                                                    "tabSelectsValue": true,
+                                                    "value": Object {
+                                                      "label": "1 (1W200A)",
+                                                      "value": "1",
+                                                    },
+                                                  }
+                                                }
+                                                setValue={[Function]}
+                                                theme={
+                                                  Object {
+                                                    "borderRadius": 4,
+                                                    "colors": Object {
+                                                      "danger": "#DE350B",
+                                                      "dangerLight": "#FFBDAD",
+                                                      "neutral0": "hsl(0, 0%, 100%)",
+                                                      "neutral10": "hsl(0, 0%, 90%)",
+                                                      "neutral20": "hsl(0, 0%, 80%)",
+                                                      "neutral30": "hsl(0, 0%, 70%)",
+                                                      "neutral40": "hsl(0, 0%, 60%)",
+                                                      "neutral5": "hsl(0, 0%, 95%)",
+                                                      "neutral50": "hsl(0, 0%, 50%)",
+                                                      "neutral60": "hsl(0, 0%, 40%)",
+                                                      "neutral70": "hsl(0, 0%, 30%)",
+                                                      "neutral80": "hsl(0, 0%, 20%)",
+                                                      "neutral90": "hsl(0, 0%, 10%)",
+                                                      "primary": "#2684FF",
+                                                      "primary25": "#DEEBFF",
+                                                      "primary50": "#B2D4FF",
+                                                      "primary75": "#4C9AFF",
+                                                    },
+                                                    "spacing": Object {
+                                                      "baseUnit": 4,
+                                                      "controlHeight": 38,
+                                                      "menuGutter": 8,
+                                                    },
+                                                  }
+                                                }
+                                              >
+                                                <EmotionCssPropInternal
+                                                  __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorsContainer"
+                                                  __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                  className="cf-select__indicators"
+                                                  css={
+                                                    Object {
+                                                      "alignItems": "center",
+                                                      "alignSelf": "stretch",
+                                                      "boxSizing": "border-box",
+                                                      "display": "flex",
+                                                      "flexShrink": 0,
+                                                    }
+                                                  }
+                                                >
+                                                  <div
+                                                    className="cf-select__indicators css-1hb7zxy-IndicatorsContainer"
+                                                  >
+                                                    <IndicatorSeparator
+                                                      clearValue={[Function]}
+                                                      cx={[Function]}
+                                                      getStyles={[Function]}
+                                                      getValue={[Function]}
+                                                      hasValue={true}
+                                                      isDisabled={false}
+                                                      isFocused={false}
+                                                      isMulti={false}
+                                                      isRtl={false}
+                                                      options={
+                                                        Array [
+                                                          Object {
+                                                            "label": "None",
+                                                            "value": null,
+                                                          },
+                                                          Object {
+                                                            "label": "1 (1W200A)",
+                                                            "value": "1",
+                                                          },
+                                                          Object {
+                                                            "label": "2 (1W200B)",
+                                                            "value": "2",
+                                                          },
+                                                          Object {
+                                                            "label": "3 (1W200C)",
+                                                            "value": "3",
+                                                          },
+                                                          Object {
+                                                            "label": "4 (1W424)",
+                                                            "value": "4",
+                                                          },
+                                                          Object {
+                                                            "label": "5 (1W428)",
+                                                            "value": "5",
+                                                          },
+                                                          Object {
+                                                            "label": "6 (1W432)",
+                                                            "value": "6",
+                                                          },
+                                                          Object {
+                                                            "label": "7 (1W434)",
+                                                            "value": "7",
+                                                          },
+                                                          Object {
+                                                            "label": "8 (1W435)",
+                                                            "value": "8",
+                                                          },
+                                                          Object {
+                                                            "label": "9 (1W436)",
+                                                            "value": "9",
+                                                          },
+                                                          Object {
+                                                            "label": "10 (1W437)",
+                                                            "value": "10",
+                                                          },
+                                                          Object {
+                                                            "label": "11 (1W438)",
+                                                            "value": "11",
+                                                          },
+                                                          Object {
+                                                            "label": "12 (1W439)",
+                                                            "value": "12",
+                                                          },
+                                                          Object {
+                                                            "label": "13 (1W440)",
+                                                            "value": "13",
+                                                          },
+                                                          Object {
+                                                            "label": "14 (3W405)",
+                                                            "value": "14",
+                                                          },
+                                                          Object {
+                                                            "label": "15 (3W407)",
+                                                            "value": "15",
+                                                          },
+                                                          Object {
+                                                            "label": "16 (3W409)",
+                                                            "value": "16",
+                                                          },
+                                                          Object {
+                                                            "label": "17 (3W518)",
+                                                            "value": "17",
+                                                          },
+                                                          Object {
+                                                            "label": "18 (4W325)",
+                                                            "value": "18",
+                                                          },
+                                                          Object {
+                                                            "label": "Utah",
+                                                            "value": "19",
+                                                          },
+                                                          Object {
+                                                            "label": "Gold",
+                                                            "value": "20",
+                                                          },
+                                                          Object {
+                                                            "label": "Juno",
+                                                            "value": "21",
+                                                          },
+                                                          Object {
+                                                            "label": "Sword",
+                                                            "value": "22",
+                                                          },
+                                                          Object {
+                                                            "label": "Omaha",
+                                                            "value": "23",
+                                                          },
+                                                          Object {
+                                                            "label": "Anzio",
+                                                            "value": "24",
+                                                          },
+                                                          Object {
+                                                            "label": "Coral Sea",
+                                                            "value": "25",
+                                                          },
+                                                          Object {
+                                                            "label": "Hue City",
+                                                            "value": "26",
+                                                          },
+                                                          Object {
+                                                            "label": "Antietam",
+                                                            "value": "27",
+                                                          },
+                                                          Object {
+                                                            "label": "Mogadishu",
+                                                            "value": "28",
+                                                          },
+                                                        ]
+                                                      }
+                                                      selectOption={[Function]}
+                                                      selectProps={
+                                                        Object {
+                                                          "backspaceRemovesValue": true,
+                                                          "blurInputOnSelect": true,
+                                                          "cache": false,
+                                                          "captureMenuScroll": false,
+                                                          "classNamePrefix": "cf-select",
+                                                          "closeMenuOnScroll": false,
+                                                          "closeMenuOnSelect": true,
+                                                          "components": Object {
+                                                            "Input": [Function],
+                                                            "MenuList": [Function],
+                                                            "Option": [Function],
+                                                          },
+                                                          "controlShouldRenderValue": true,
+                                                          "defaultOptions": undefined,
+                                                          "escapeClearsValue": false,
+                                                          "filterOption": [Function],
+                                                          "formatGroupLabel": [Function],
+                                                          "getOptionLabel": [Function],
+                                                          "getOptionValue": [Function],
+                                                          "inputId": "hearing-room-dropdown",
+                                                          "inputValue": "",
+                                                          "isClearable": undefined,
+                                                          "isDisabled": false,
+                                                          "isLoading": false,
+                                                          "isMulti": false,
+                                                          "isOptionDisabled": [Function],
+                                                          "isRtl": false,
+                                                          "isSearchable": true,
+                                                          "loadOptions": undefined,
+                                                          "loadingMessage": [Function],
+                                                          "maxMenuHeight": 300,
+                                                          "menuIsOpen": false,
+                                                          "menuPlacement": "bottom",
+                                                          "menuPosition": "absolute",
+                                                          "menuShouldBlockScroll": false,
+                                                          "menuShouldScrollIntoView": true,
+                                                          "minMenuHeight": 140,
+                                                          "name": "hearingRoomDropdown",
+                                                          "noOptionsMessage": [Function],
+                                                          "onBlurResetsInput": false,
+                                                          "onChange": [Function],
+                                                          "onInputChange": [Function],
+                                                          "onMenuClose": [Function],
+                                                          "onMenuOpen": [Function],
+                                                          "openMenuOnClick": true,
+                                                          "openMenuOnFocus": false,
+                                                          "options": Array [
+                                                            Object {
+                                                              "label": "None",
+                                                              "value": null,
+                                                            },
+                                                            Object {
+                                                              "label": "1 (1W200A)",
+                                                              "value": "1",
+                                                            },
+                                                            Object {
+                                                              "label": "2 (1W200B)",
+                                                              "value": "2",
+                                                            },
+                                                            Object {
+                                                              "label": "3 (1W200C)",
+                                                              "value": "3",
+                                                            },
+                                                            Object {
+                                                              "label": "4 (1W424)",
+                                                              "value": "4",
+                                                            },
+                                                            Object {
+                                                              "label": "5 (1W428)",
+                                                              "value": "5",
+                                                            },
+                                                            Object {
+                                                              "label": "6 (1W432)",
+                                                              "value": "6",
+                                                            },
+                                                            Object {
+                                                              "label": "7 (1W434)",
+                                                              "value": "7",
+                                                            },
+                                                            Object {
+                                                              "label": "8 (1W435)",
+                                                              "value": "8",
+                                                            },
+                                                            Object {
+                                                              "label": "9 (1W436)",
+                                                              "value": "9",
+                                                            },
+                                                            Object {
+                                                              "label": "10 (1W437)",
+                                                              "value": "10",
+                                                            },
+                                                            Object {
+                                                              "label": "11 (1W438)",
+                                                              "value": "11",
+                                                            },
+                                                            Object {
+                                                              "label": "12 (1W439)",
+                                                              "value": "12",
+                                                            },
+                                                            Object {
+                                                              "label": "13 (1W440)",
+                                                              "value": "13",
+                                                            },
+                                                            Object {
+                                                              "label": "14 (3W405)",
+                                                              "value": "14",
+                                                            },
+                                                            Object {
+                                                              "label": "15 (3W407)",
+                                                              "value": "15",
+                                                            },
+                                                            Object {
+                                                              "label": "16 (3W409)",
+                                                              "value": "16",
+                                                            },
+                                                            Object {
+                                                              "label": "17 (3W518)",
+                                                              "value": "17",
+                                                            },
+                                                            Object {
+                                                              "label": "18 (4W325)",
+                                                              "value": "18",
+                                                            },
+                                                            Object {
+                                                              "label": "Utah",
+                                                              "value": "19",
+                                                            },
+                                                            Object {
+                                                              "label": "Gold",
+                                                              "value": "20",
+                                                            },
+                                                            Object {
+                                                              "label": "Juno",
+                                                              "value": "21",
+                                                            },
+                                                            Object {
+                                                              "label": "Sword",
+                                                              "value": "22",
+                                                            },
+                                                            Object {
+                                                              "label": "Omaha",
+                                                              "value": "23",
+                                                            },
+                                                            Object {
+                                                              "label": "Anzio",
+                                                              "value": "24",
+                                                            },
+                                                            Object {
+                                                              "label": "Coral Sea",
+                                                              "value": "25",
+                                                            },
+                                                            Object {
+                                                              "label": "Hue City",
+                                                              "value": "26",
+                                                            },
+                                                            Object {
+                                                              "label": "Antietam",
+                                                              "value": "27",
+                                                            },
+                                                            Object {
+                                                              "label": "Mogadishu",
+                                                              "value": "28",
+                                                            },
+                                                          ],
+                                                          "pageSize": 5,
+                                                          "placeholder": "Select...",
+                                                          "screenReaderStatus": [Function],
+                                                          "searchable": undefined,
+                                                          "shouldKeyDownEventCreateNewOption": [Function],
+                                                          "styles": Object {
+                                                            "input": [Function],
+                                                          },
+                                                          "tabIndex": "0",
+                                                          "tabSelectsValue": true,
+                                                          "value": Object {
+                                                            "label": "1 (1W200A)",
+                                                            "value": "1",
+                                                          },
+                                                        }
+                                                      }
+                                                      setValue={[Function]}
+                                                      theme={
+                                                        Object {
+                                                          "borderRadius": 4,
+                                                          "colors": Object {
+                                                            "danger": "#DE350B",
+                                                            "dangerLight": "#FFBDAD",
+                                                            "neutral0": "hsl(0, 0%, 100%)",
+                                                            "neutral10": "hsl(0, 0%, 90%)",
+                                                            "neutral20": "hsl(0, 0%, 80%)",
+                                                            "neutral30": "hsl(0, 0%, 70%)",
+                                                            "neutral40": "hsl(0, 0%, 60%)",
+                                                            "neutral5": "hsl(0, 0%, 95%)",
+                                                            "neutral50": "hsl(0, 0%, 50%)",
+                                                            "neutral60": "hsl(0, 0%, 40%)",
+                                                            "neutral70": "hsl(0, 0%, 30%)",
+                                                            "neutral80": "hsl(0, 0%, 20%)",
+                                                            "neutral90": "hsl(0, 0%, 10%)",
+                                                            "primary": "#2684FF",
+                                                            "primary25": "#DEEBFF",
+                                                            "primary50": "#B2D4FF",
+                                                            "primary75": "#4C9AFF",
+                                                          },
+                                                          "spacing": Object {
+                                                            "baseUnit": 4,
+                                                            "controlHeight": 38,
+                                                            "menuGutter": 8,
+                                                          },
+                                                        }
+                                                      }
+                                                    >
+                                                      <EmotionCssPropInternal
+                                                        __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorSeparator"
+                                                        __EMOTION_TYPE_PLEASE_DO_NOT_USE__="span"
+                                                        className="cf-select__indicator-separator"
+                                                        css={
+                                                          Object {
+                                                            "alignSelf": "stretch",
+                                                            "backgroundColor": "hsl(0, 0%, 80%)",
+                                                            "boxSizing": "border-box",
+                                                            "label": "indicatorSeparator",
+                                                            "marginBottom": 8,
+                                                            "marginTop": 8,
+                                                            "width": 1,
+                                                          }
+                                                        }
+                                                      >
+                                                        <span
+                                                          className="cf-select__indicator-separator css-1okebmr-indicatorSeparator"
+                                                        />
+                                                      </EmotionCssPropInternal>
+                                                    </IndicatorSeparator>
+                                                    <DropdownIndicator
+                                                      clearValue={[Function]}
+                                                      cx={[Function]}
+                                                      getStyles={[Function]}
+                                                      getValue={[Function]}
+                                                      hasValue={true}
+                                                      innerProps={
+                                                        Object {
+                                                          "aria-hidden": "true",
+                                                          "onMouseDown": [Function],
+                                                          "onTouchEnd": [Function],
+                                                        }
+                                                      }
+                                                      isDisabled={false}
+                                                      isFocused={false}
+                                                      isMulti={false}
+                                                      isRtl={false}
+                                                      options={
+                                                        Array [
+                                                          Object {
+                                                            "label": "None",
+                                                            "value": null,
+                                                          },
+                                                          Object {
+                                                            "label": "1 (1W200A)",
+                                                            "value": "1",
+                                                          },
+                                                          Object {
+                                                            "label": "2 (1W200B)",
+                                                            "value": "2",
+                                                          },
+                                                          Object {
+                                                            "label": "3 (1W200C)",
+                                                            "value": "3",
+                                                          },
+                                                          Object {
+                                                            "label": "4 (1W424)",
+                                                            "value": "4",
+                                                          },
+                                                          Object {
+                                                            "label": "5 (1W428)",
+                                                            "value": "5",
+                                                          },
+                                                          Object {
+                                                            "label": "6 (1W432)",
+                                                            "value": "6",
+                                                          },
+                                                          Object {
+                                                            "label": "7 (1W434)",
+                                                            "value": "7",
+                                                          },
+                                                          Object {
+                                                            "label": "8 (1W435)",
+                                                            "value": "8",
+                                                          },
+                                                          Object {
+                                                            "label": "9 (1W436)",
+                                                            "value": "9",
+                                                          },
+                                                          Object {
+                                                            "label": "10 (1W437)",
+                                                            "value": "10",
+                                                          },
+                                                          Object {
+                                                            "label": "11 (1W438)",
+                                                            "value": "11",
+                                                          },
+                                                          Object {
+                                                            "label": "12 (1W439)",
+                                                            "value": "12",
+                                                          },
+                                                          Object {
+                                                            "label": "13 (1W440)",
+                                                            "value": "13",
+                                                          },
+                                                          Object {
+                                                            "label": "14 (3W405)",
+                                                            "value": "14",
+                                                          },
+                                                          Object {
+                                                            "label": "15 (3W407)",
+                                                            "value": "15",
+                                                          },
+                                                          Object {
+                                                            "label": "16 (3W409)",
+                                                            "value": "16",
+                                                          },
+                                                          Object {
+                                                            "label": "17 (3W518)",
+                                                            "value": "17",
+                                                          },
+                                                          Object {
+                                                            "label": "18 (4W325)",
+                                                            "value": "18",
+                                                          },
+                                                          Object {
+                                                            "label": "Utah",
+                                                            "value": "19",
+                                                          },
+                                                          Object {
+                                                            "label": "Gold",
+                                                            "value": "20",
+                                                          },
+                                                          Object {
+                                                            "label": "Juno",
+                                                            "value": "21",
+                                                          },
+                                                          Object {
+                                                            "label": "Sword",
+                                                            "value": "22",
+                                                          },
+                                                          Object {
+                                                            "label": "Omaha",
+                                                            "value": "23",
+                                                          },
+                                                          Object {
+                                                            "label": "Anzio",
+                                                            "value": "24",
+                                                          },
+                                                          Object {
+                                                            "label": "Coral Sea",
+                                                            "value": "25",
+                                                          },
+                                                          Object {
+                                                            "label": "Hue City",
+                                                            "value": "26",
+                                                          },
+                                                          Object {
+                                                            "label": "Antietam",
+                                                            "value": "27",
+                                                          },
+                                                          Object {
+                                                            "label": "Mogadishu",
+                                                            "value": "28",
+                                                          },
+                                                        ]
+                                                      }
+                                                      selectOption={[Function]}
+                                                      selectProps={
+                                                        Object {
+                                                          "backspaceRemovesValue": true,
+                                                          "blurInputOnSelect": true,
+                                                          "cache": false,
+                                                          "captureMenuScroll": false,
+                                                          "classNamePrefix": "cf-select",
+                                                          "closeMenuOnScroll": false,
+                                                          "closeMenuOnSelect": true,
+                                                          "components": Object {
+                                                            "Input": [Function],
+                                                            "MenuList": [Function],
+                                                            "Option": [Function],
+                                                          },
+                                                          "controlShouldRenderValue": true,
+                                                          "defaultOptions": undefined,
+                                                          "escapeClearsValue": false,
+                                                          "filterOption": [Function],
+                                                          "formatGroupLabel": [Function],
+                                                          "getOptionLabel": [Function],
+                                                          "getOptionValue": [Function],
+                                                          "inputId": "hearing-room-dropdown",
+                                                          "inputValue": "",
+                                                          "isClearable": undefined,
+                                                          "isDisabled": false,
+                                                          "isLoading": false,
+                                                          "isMulti": false,
+                                                          "isOptionDisabled": [Function],
+                                                          "isRtl": false,
+                                                          "isSearchable": true,
+                                                          "loadOptions": undefined,
+                                                          "loadingMessage": [Function],
+                                                          "maxMenuHeight": 300,
+                                                          "menuIsOpen": false,
+                                                          "menuPlacement": "bottom",
+                                                          "menuPosition": "absolute",
+                                                          "menuShouldBlockScroll": false,
+                                                          "menuShouldScrollIntoView": true,
+                                                          "minMenuHeight": 140,
+                                                          "name": "hearingRoomDropdown",
+                                                          "noOptionsMessage": [Function],
+                                                          "onBlurResetsInput": false,
+                                                          "onChange": [Function],
+                                                          "onInputChange": [Function],
+                                                          "onMenuClose": [Function],
+                                                          "onMenuOpen": [Function],
+                                                          "openMenuOnClick": true,
+                                                          "openMenuOnFocus": false,
+                                                          "options": Array [
+                                                            Object {
+                                                              "label": "None",
+                                                              "value": null,
+                                                            },
+                                                            Object {
+                                                              "label": "1 (1W200A)",
+                                                              "value": "1",
+                                                            },
+                                                            Object {
+                                                              "label": "2 (1W200B)",
+                                                              "value": "2",
+                                                            },
+                                                            Object {
+                                                              "label": "3 (1W200C)",
+                                                              "value": "3",
+                                                            },
+                                                            Object {
+                                                              "label": "4 (1W424)",
+                                                              "value": "4",
+                                                            },
+                                                            Object {
+                                                              "label": "5 (1W428)",
+                                                              "value": "5",
+                                                            },
+                                                            Object {
+                                                              "label": "6 (1W432)",
+                                                              "value": "6",
+                                                            },
+                                                            Object {
+                                                              "label": "7 (1W434)",
+                                                              "value": "7",
+                                                            },
+                                                            Object {
+                                                              "label": "8 (1W435)",
+                                                              "value": "8",
+                                                            },
+                                                            Object {
+                                                              "label": "9 (1W436)",
+                                                              "value": "9",
+                                                            },
+                                                            Object {
+                                                              "label": "10 (1W437)",
+                                                              "value": "10",
+                                                            },
+                                                            Object {
+                                                              "label": "11 (1W438)",
+                                                              "value": "11",
+                                                            },
+                                                            Object {
+                                                              "label": "12 (1W439)",
+                                                              "value": "12",
+                                                            },
+                                                            Object {
+                                                              "label": "13 (1W440)",
+                                                              "value": "13",
+                                                            },
+                                                            Object {
+                                                              "label": "14 (3W405)",
+                                                              "value": "14",
+                                                            },
+                                                            Object {
+                                                              "label": "15 (3W407)",
+                                                              "value": "15",
+                                                            },
+                                                            Object {
+                                                              "label": "16 (3W409)",
+                                                              "value": "16",
+                                                            },
+                                                            Object {
+                                                              "label": "17 (3W518)",
+                                                              "value": "17",
+                                                            },
+                                                            Object {
+                                                              "label": "18 (4W325)",
+                                                              "value": "18",
+                                                            },
+                                                            Object {
+                                                              "label": "Utah",
+                                                              "value": "19",
+                                                            },
+                                                            Object {
+                                                              "label": "Gold",
+                                                              "value": "20",
+                                                            },
+                                                            Object {
+                                                              "label": "Juno",
+                                                              "value": "21",
+                                                            },
+                                                            Object {
+                                                              "label": "Sword",
+                                                              "value": "22",
+                                                            },
+                                                            Object {
+                                                              "label": "Omaha",
+                                                              "value": "23",
+                                                            },
+                                                            Object {
+                                                              "label": "Anzio",
+                                                              "value": "24",
+                                                            },
+                                                            Object {
+                                                              "label": "Coral Sea",
+                                                              "value": "25",
+                                                            },
+                                                            Object {
+                                                              "label": "Hue City",
+                                                              "value": "26",
+                                                            },
+                                                            Object {
+                                                              "label": "Antietam",
+                                                              "value": "27",
+                                                            },
+                                                            Object {
+                                                              "label": "Mogadishu",
+                                                              "value": "28",
+                                                            },
+                                                          ],
+                                                          "pageSize": 5,
+                                                          "placeholder": "Select...",
+                                                          "screenReaderStatus": [Function],
+                                                          "searchable": undefined,
+                                                          "shouldKeyDownEventCreateNewOption": [Function],
+                                                          "styles": Object {
+                                                            "input": [Function],
+                                                          },
+                                                          "tabIndex": "0",
+                                                          "tabSelectsValue": true,
+                                                          "value": Object {
+                                                            "label": "1 (1W200A)",
+                                                            "value": "1",
+                                                          },
+                                                        }
+                                                      }
+                                                      setValue={[Function]}
+                                                      theme={
+                                                        Object {
+                                                          "borderRadius": 4,
+                                                          "colors": Object {
+                                                            "danger": "#DE350B",
+                                                            "dangerLight": "#FFBDAD",
+                                                            "neutral0": "hsl(0, 0%, 100%)",
+                                                            "neutral10": "hsl(0, 0%, 90%)",
+                                                            "neutral20": "hsl(0, 0%, 80%)",
+                                                            "neutral30": "hsl(0, 0%, 70%)",
+                                                            "neutral40": "hsl(0, 0%, 60%)",
+                                                            "neutral5": "hsl(0, 0%, 95%)",
+                                                            "neutral50": "hsl(0, 0%, 50%)",
+                                                            "neutral60": "hsl(0, 0%, 40%)",
+                                                            "neutral70": "hsl(0, 0%, 30%)",
+                                                            "neutral80": "hsl(0, 0%, 20%)",
+                                                            "neutral90": "hsl(0, 0%, 10%)",
+                                                            "primary": "#2684FF",
+                                                            "primary25": "#DEEBFF",
+                                                            "primary50": "#B2D4FF",
+                                                            "primary75": "#4C9AFF",
+                                                          },
+                                                          "spacing": Object {
+                                                            "baseUnit": 4,
+                                                            "controlHeight": 38,
+                                                            "menuGutter": 8,
+                                                          },
+                                                        }
+                                                      }
+                                                    >
+                                                      <EmotionCssPropInternal
+                                                        __EMOTION_LABEL_PLEASE_DO_NOT_USE__="DropdownIndicator"
+                                                        __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                        aria-hidden="true"
+                                                        className="cf-select__indicator cf-select__dropdown-indicator"
+                                                        css={
+                                                          Object {
+                                                            ":hover": Object {
+                                                              "color": "hsl(0, 0%, 60%)",
+                                                            },
+                                                            "boxSizing": "border-box",
+                                                            "color": "hsl(0, 0%, 80%)",
+                                                            "display": "flex",
+                                                            "label": "indicatorContainer",
+                                                            "padding": 8,
+                                                            "transition": "color 150ms",
+                                                          }
+                                                        }
+                                                        onMouseDown={[Function]}
+                                                        onTouchEnd={[Function]}
+                                                      >
+                                                        <div
+                                                          aria-hidden="true"
+                                                          className="cf-select__indicator cf-select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                                          onMouseDown={[Function]}
+                                                          onTouchEnd={[Function]}
+                                                        >
+                                                          <DownChevron>
+                                                            <Svg
+                                                              size={20}
+                                                            >
+                                                              <EmotionCssPropInternal
+                                                                __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Svg"
+                                                                __EMOTION_TYPE_PLEASE_DO_NOT_USE__="svg"
+                                                                aria-hidden="true"
+                                                                css={
+                                                                  Object {
+                                                                    "map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JJIiwiZmlsZSI6ImluZGljYXRvcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyB0eXBlIE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IENvbW1vblByb3BzLCBUaGVtZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBEcm9wZG93biAmIENsZWFyIEljb25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgU3ZnID0gKHsgc2l6ZSwgLi4ucHJvcHMgfTogeyBzaXplOiBudW1iZXIgfSkgPT4gKFxuICA8c3ZnXG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHdpZHRoPXtzaXplfVxuICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBmaWxsOiAnY3VycmVudENvbG9yJyxcbiAgICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICAgICAgc3Ryb2tlV2lkdGg6IDAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBhbnkpID0+IChcbiAgPFN2ZyBzaXplPXsyMH0gey4uLnByb3BzfT5cbiAgICA8cGF0aCBkPVwiTTE0LjM0OCAxNC44NDljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDBsLTIuNjUxLTMuMDMwLTIuNjUxIDMuMDI5Yy0wLjQ2OSAwLjQ2OS0xLjIyOSAwLjQ2OS0xLjY5NyAwLTAuNDY5LTAuNDY5LTAuNDY5LTEuMjI5IDAtMS42OTdsMi43NTgtMy4xNS0yLjc1OS0zLjE1MmMtMC40NjktMC40NjktMC40NjktMS4yMjggMC0xLjY5N3MxLjIyOC0wLjQ2OSAxLjY5NyAwbDIuNjUyIDMuMDMxIDIuNjUxLTMuMDMxYzAuNDY5LTAuNDY5IDEuMjI4LTAuNDY5IDEuNjk3IDBzMC40NjkgMS4yMjkgMCAxLjY5N2wtMi43NTggMy4xNTIgMi43NTggMy4xNWMwLjQ2OSAwLjQ2OSAwLjQ2OSAxLjIyOSAwIDEuNjk4elwiIC8+XG4gIDwvU3ZnPlxuKTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogYW55KSA9PiAoXG4gIDxTdmcgc2l6ZT17MjB9IHsuLi5wcm9wc30+XG4gICAgPHBhdGggZD1cIk00LjUxNiA3LjU0OGMwLjQzNi0wLjQ0NiAxLjA0My0wLjQ4MSAxLjU3NiAwbDMuOTA4IDMuNzQ3IDMuOTA4LTMuNzQ3YzAuNTMzLTAuNDgxIDEuMTQxLTAuNDQ2IDEuNTc0IDAgMC40MzYgMC40NDUgMC40MDggMS4xOTcgMCAxLjYxNS0wLjQwNiAwLjQxOC00LjY5NSA0LjUwMi00LjY5NSA0LjUwMi0wLjIxNyAwLjIyMy0wLjUwMiAwLjMzNS0wLjc4NyAwLjMzNXMtMC41Ny0wLjExMi0wLjc4OS0wLjMzNWMwIDAtNC4yODctNC4wODQtNC42OTUtNC41MDJzLTAuNDM2LTEuMTcgMC0xLjYxNXpcIiAvPlxuICA8L1N2Zz5cbik7XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRHJvcGRvd24gJiBDbGVhciBCdXR0b25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IHR5cGUgSW5kaWNhdG9yUHJvcHMgPSBDb21tb25Qcm9wcyAmIHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW46IE5vZGUsXG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufTtcblxuY29uc3QgYmFzZUNTUyA9ICh7XG4gIGlzRm9jdXNlZCxcbiAgdGhlbWU6IHtcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgY29sb3JzLFxuICB9LFxufTogSW5kaWNhdG9yUHJvcHMpID0+ICh7XG4gIGxhYmVsOiAnaW5kaWNhdG9yQ29udGFpbmVyJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcblxuICAnOmhvdmVyJzoge1xuICAgIGNvbG9yOiBpc0ZvY3VzZWQgPyBjb2xvcnMubmV1dHJhbDgwIDogY29sb3JzLm5ldXRyYWw0MCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2Ryb3Bkb3duSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnZHJvcGRvd24taW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2NsZWFySW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnY2xlYXItaW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG50eXBlIFNlcGFyYXRvclN0YXRlID0geyBpc0Rpc2FibGVkOiBib29sZWFuIH07XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBDb21tb25Qcm9wcyAmIFNlcGFyYXRvclN0YXRlKSA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gKHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiB7XG4gIGlzRm9jdXNlZDogYm9vbGVhbixcbiAgc2l6ZTogbnVtYmVyLFxuICB0aGVtZTogVGhlbWUsXG59KSA9PiAoe1xuICBsYWJlbDogJ2xvYWRpbmdJbmRpY2F0b3InLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuICBhbGlnblNlbGY6ICdjZW50ZXInLFxuICBmb250U2l6ZTogc2l6ZSxcbiAgbGluZUhlaWdodDogMSxcbiAgbWFyZ2luUmlnaHQ6IHNpemUsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxufSk7XG5cbnR5cGUgRG90UHJvcHMgPSB7IGRlbGF5OiBudW1iZXIsIG9mZnNldDogYm9vbGVhbiB9O1xuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogRG90UHJvcHMpID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGFuaW1hdGlvbjogYCR7bG9hZGluZ0RvdEFuaW1hdGlvbnN9IDFzIGVhc2UtaW4tb3V0ICR7ZGVsYXl9bXMgaW5maW5pdGU7YCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBib3JkZXJSYWRpdXM6ICcxZW0nLFxuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBtYXJnaW5MZWZ0OiBvZmZzZXQgPyAnMWVtJyA6IG51bGwsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdJY29uUHJvcHMgPSB7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufSAmIENvbW1vblByb3BzICYge1xuICAgIC8qKiBTZXQgc2l6ZSBvZiB0aGUgY29udGFpbmVyLiAqL1xuICAgIHNpemU6IG51bWJlcixcbiAgfTtcbmV4cG9ydCBjb25zdCBMb2FkaW5nSW5kaWNhdG9yID0gKHByb3BzOiBMb2FkaW5nSWNvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzLCBpc1J0bCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdsb2FkaW5nSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnbG9hZGluZy1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezB9IG9mZnNldD17aXNSdGx9IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MTYwfSBvZmZzZXQgLz5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXszMjB9IG9mZnNldD17IWlzUnRsfSAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbkxvYWRpbmdJbmRpY2F0b3IuZGVmYXVsdFByb3BzID0geyBzaXplOiA0IH07XG4iXX0= */",
+                                                                    "name": "19bqh2r",
+                                                                    "styles": "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;",
+                                                                    "toString": [Function],
+                                                                  }
+                                                                }
+                                                                focusable="false"
+                                                                height={20}
+                                                                viewBox="0 0 20 20"
+                                                                width={20}
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  className="css-6q0nyr-Svg"
+                                                                  focusable="false"
+                                                                  height={20}
+                                                                  viewBox="0 0 20 20"
+                                                                  width={20}
+                                                                >
+                                                                  <path
+                                                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                                                  />
+                                                                </svg>
+                                                              </EmotionCssPropInternal>
+                                                            </Svg>
+                                                          </DownChevron>
+                                                        </div>
+                                                      </EmotionCssPropInternal>
+                                                    </DropdownIndicator>
+                                                  </div>
+                                                </EmotionCssPropInternal>
+                                              </IndicatorsContainer>
+                                            </div>
+                                          </EmotionCssPropInternal>
+                                        </Control>
+                                        <input
+                                          name="hearingRoomDropdown"
+                                          type="hidden"
+                                          value="1"
+                                        />
+                                      </div>
+                                    </EmotionCssPropInternal>
+                                  </SelectContainer>
+                                </Select>
+                              </StateManager>
+                            </div>
+                          </div>
+                        </div>
+                      </SearchableDropdown>
+                    </HearingRoomDropdown>
+                  </div>
+                  <div
+                    data-css-1fmltfu=""
+                  >
+                    <HearingTypeDropdown
+                      currentOption={
+                        Object {
+                          "label": "Video",
+                          "value": false,
+                        }
+                      }
+                      dropdownOptions={
+                        Array [
+                          Object {
+                            "label": "Virtual",
+                            "value": true,
+                          },
+                        ]
+                      }
+                      onChange={[Function]}
+                      readOnly={false}
+                      styling={
+                        Object {
+                          "data-css-vzv9iy": "",
+                        }
+                      }
+                    >
+                      <SearchableDropdown
+                        clearOnSelect={false}
+                        label="Hearing Type"
+                        loading={false}
+                        name="hearingType"
+                        onChange={[Function]}
+                        options={
+                          Array [
+                            Object {
+                              "label": "Virtual",
+                              "value": true,
+                            },
+                          ]
+                        }
+                        readOnly={false}
+                        strongLabel={true}
+                        styling={
+                          Object {
+                            "data-css-vzv9iy": "",
+                          }
+                        }
+                        value={
+                          Object {
+                            "label": "Video",
+                            "value": false,
+                          }
+                        }
+                      >
+                        <div
+                          className=""
+                        >
+                          <div
+                            className="cf-form-dropdown dropdown-hearingType"
+                            data-css-vzv9iy=""
+                          >
+                            <label
+                              className="question-label"
+                              htmlFor="hearing-type"
+                              id="hearing-type-label"
+                            >
+                              <strong>
+                                <FormLabel
+                                  label="Hearing Type"
+                                  name="Hearing Type"
+                                >
+                                  <span>
+                                    Hearing Type
+                                  </span>
+                                </FormLabel>
+                              </strong>
+                            </label>
+                            <div
+                              className="cf-select"
+                            >
+                              <StateManager
+                                cache={false}
+                                classNamePrefix="cf-select"
+                                components={
+                                  Object {
+                                    "Input": [Function],
+                                    "MenuList": [Function],
+                                    "Option": [Function],
+                                  }
+                                }
+                                defaultInputValue=""
+                                defaultMenuIsOpen={false}
+                                defaultValue={null}
+                                inputId="hearing-type"
+                                isDisabled={false}
+                                isLoading={false}
+                                isSearchable={true}
+                                name="hearingType"
+                                noOptionsMessage={[Function]}
+                                onBlurResetsInput={false}
+                                onChange={[Function]}
+                                onMenuClose={[Function]}
+                                onMenuOpen={[Function]}
+                                options={
+                                  Array [
+                                    Object {
+                                      "label": "Virtual",
+                                      "value": true,
+                                    },
+                                  ]
+                                }
+                                shouldKeyDownEventCreateNewOption={[Function]}
+                                styles={
+                                  Object {
+                                    "input": [Function],
+                                  }
+                                }
+                                value={
+                                  Object {
+                                    "label": "Video",
+                                    "value": false,
+                                  }
+                                }
+                              >
+                                <Select
+                                  backspaceRemovesValue={true}
+                                  blurInputOnSelect={true}
+                                  cache={false}
+                                  captureMenuScroll={false}
+                                  classNamePrefix="cf-select"
+                                  closeMenuOnScroll={false}
+                                  closeMenuOnSelect={true}
+                                  components={
+                                    Object {
+                                      "Input": [Function],
+                                      "MenuList": [Function],
+                                      "Option": [Function],
+                                    }
+                                  }
+                                  controlShouldRenderValue={true}
+                                  escapeClearsValue={false}
+                                  filterOption={[Function]}
+                                  formatGroupLabel={[Function]}
+                                  getOptionLabel={[Function]}
+                                  getOptionValue={[Function]}
+                                  inputId="hearing-type"
+                                  inputValue=""
+                                  isDisabled={false}
+                                  isLoading={false}
+                                  isMulti={false}
+                                  isOptionDisabled={[Function]}
+                                  isRtl={false}
+                                  isSearchable={true}
+                                  loadingMessage={[Function]}
+                                  maxMenuHeight={300}
+                                  menuIsOpen={false}
+                                  menuPlacement="bottom"
+                                  menuPosition="absolute"
+                                  menuShouldBlockScroll={false}
+                                  menuShouldScrollIntoView={true}
+                                  minMenuHeight={140}
+                                  name="hearingType"
+                                  noOptionsMessage={[Function]}
+                                  onBlurResetsInput={false}
+                                  onChange={[Function]}
+                                  onInputChange={[Function]}
+                                  onMenuClose={[Function]}
+                                  onMenuOpen={[Function]}
+                                  openMenuOnClick={true}
+                                  openMenuOnFocus={false}
+                                  options={
+                                    Array [
+                                      Object {
+                                        "label": "Virtual",
+                                        "value": true,
+                                      },
+                                    ]
+                                  }
+                                  pageSize={5}
+                                  placeholder="Select..."
+                                  screenReaderStatus={[Function]}
+                                  shouldKeyDownEventCreateNewOption={[Function]}
+                                  styles={
+                                    Object {
+                                      "input": [Function],
+                                    }
+                                  }
+                                  tabIndex="0"
+                                  tabSelectsValue={true}
+                                  value={
+                                    Object {
+                                      "label": "Video",
+                                      "value": false,
+                                    }
+                                  }
+                                >
+                                  <SelectContainer
+                                    clearValue={[Function]}
+                                    cx={[Function]}
+                                    getStyles={[Function]}
+                                    getValue={[Function]}
+                                    hasValue={true}
+                                    innerProps={
+                                      Object {
+                                        "id": undefined,
+                                        "onKeyDown": [Function],
+                                      }
+                                    }
+                                    isDisabled={false}
+                                    isFocused={false}
+                                    isMulti={false}
+                                    isRtl={false}
+                                    options={
+                                      Array [
+                                        Object {
+                                          "label": "Virtual",
+                                          "value": true,
+                                        },
+                                      ]
+                                    }
+                                    selectOption={[Function]}
+                                    selectProps={
+                                      Object {
+                                        "backspaceRemovesValue": true,
+                                        "blurInputOnSelect": true,
+                                        "cache": false,
+                                        "captureMenuScroll": false,
+                                        "classNamePrefix": "cf-select",
+                                        "closeMenuOnScroll": false,
+                                        "closeMenuOnSelect": true,
+                                        "components": Object {
+                                          "Input": [Function],
+                                          "MenuList": [Function],
+                                          "Option": [Function],
+                                        },
+                                        "controlShouldRenderValue": true,
+                                        "defaultOptions": undefined,
+                                        "escapeClearsValue": false,
+                                        "filterOption": [Function],
+                                        "formatGroupLabel": [Function],
+                                        "getOptionLabel": [Function],
+                                        "getOptionValue": [Function],
+                                        "inputId": "hearing-type",
+                                        "inputValue": "",
+                                        "isClearable": undefined,
+                                        "isDisabled": false,
+                                        "isLoading": false,
+                                        "isMulti": false,
+                                        "isOptionDisabled": [Function],
+                                        "isRtl": false,
+                                        "isSearchable": true,
+                                        "loadOptions": undefined,
+                                        "loadingMessage": [Function],
+                                        "maxMenuHeight": 300,
+                                        "menuIsOpen": false,
+                                        "menuPlacement": "bottom",
+                                        "menuPosition": "absolute",
+                                        "menuShouldBlockScroll": false,
+                                        "menuShouldScrollIntoView": true,
+                                        "minMenuHeight": 140,
+                                        "name": "hearingType",
+                                        "noOptionsMessage": [Function],
+                                        "onBlurResetsInput": false,
+                                        "onChange": [Function],
+                                        "onInputChange": [Function],
+                                        "onMenuClose": [Function],
+                                        "onMenuOpen": [Function],
+                                        "openMenuOnClick": true,
+                                        "openMenuOnFocus": false,
+                                        "options": Array [
+                                          Object {
+                                            "label": "Virtual",
+                                            "value": true,
+                                          },
+                                        ],
+                                        "pageSize": 5,
+                                        "placeholder": "Select...",
+                                        "screenReaderStatus": [Function],
+                                        "searchable": undefined,
+                                        "shouldKeyDownEventCreateNewOption": [Function],
+                                        "styles": Object {
+                                          "input": [Function],
+                                        },
+                                        "tabIndex": "0",
+                                        "tabSelectsValue": true,
+                                        "value": Object {
+                                          "label": "Video",
+                                          "value": false,
+                                        },
+                                      }
+                                    }
+                                    setValue={[Function]}
+                                    theme={
+                                      Object {
+                                        "borderRadius": 4,
+                                        "colors": Object {
+                                          "danger": "#DE350B",
+                                          "dangerLight": "#FFBDAD",
+                                          "neutral0": "hsl(0, 0%, 100%)",
+                                          "neutral10": "hsl(0, 0%, 90%)",
+                                          "neutral20": "hsl(0, 0%, 80%)",
+                                          "neutral30": "hsl(0, 0%, 70%)",
+                                          "neutral40": "hsl(0, 0%, 60%)",
+                                          "neutral5": "hsl(0, 0%, 95%)",
+                                          "neutral50": "hsl(0, 0%, 50%)",
+                                          "neutral60": "hsl(0, 0%, 40%)",
+                                          "neutral70": "hsl(0, 0%, 30%)",
+                                          "neutral80": "hsl(0, 0%, 20%)",
+                                          "neutral90": "hsl(0, 0%, 10%)",
+                                          "primary": "#2684FF",
+                                          "primary25": "#DEEBFF",
+                                          "primary50": "#B2D4FF",
+                                          "primary75": "#4C9AFF",
+                                        },
+                                        "spacing": Object {
+                                          "baseUnit": 4,
+                                          "controlHeight": 38,
+                                          "menuGutter": 8,
+                                        },
+                                      }
+                                    }
+                                  >
+                                    <EmotionCssPropInternal
+                                      __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SelectContainer"
+                                      __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                      className=""
+                                      css={
+                                        Object {
+                                          "boxSizing": "border-box",
+                                          "direction": null,
+                                          "label": "container",
+                                          "pointerEvents": null,
+                                          "position": "relative",
+                                        }
+                                      }
+                                      onKeyDown={[Function]}
+                                    >
+                                      <div
+                                        className=" css-2b097c-container"
+                                        onKeyDown={[Function]}
+                                      >
+                                        <Control
+                                          clearValue={[Function]}
+                                          cx={[Function]}
+                                          getStyles={[Function]}
+                                          getValue={[Function]}
+                                          hasValue={true}
+                                          innerProps={
+                                            Object {
+                                              "onMouseDown": [Function],
+                                              "onTouchEnd": [Function],
+                                            }
+                                          }
+                                          innerRef={[Function]}
+                                          isDisabled={false}
+                                          isFocused={false}
+                                          isMulti={false}
+                                          isRtl={false}
+                                          menuIsOpen={false}
+                                          options={
+                                            Array [
+                                              Object {
+                                                "label": "Virtual",
+                                                "value": true,
+                                              },
+                                            ]
+                                          }
+                                          selectOption={[Function]}
+                                          selectProps={
+                                            Object {
+                                              "backspaceRemovesValue": true,
+                                              "blurInputOnSelect": true,
+                                              "cache": false,
+                                              "captureMenuScroll": false,
+                                              "classNamePrefix": "cf-select",
+                                              "closeMenuOnScroll": false,
+                                              "closeMenuOnSelect": true,
+                                              "components": Object {
+                                                "Input": [Function],
+                                                "MenuList": [Function],
+                                                "Option": [Function],
+                                              },
+                                              "controlShouldRenderValue": true,
+                                              "defaultOptions": undefined,
+                                              "escapeClearsValue": false,
+                                              "filterOption": [Function],
+                                              "formatGroupLabel": [Function],
+                                              "getOptionLabel": [Function],
+                                              "getOptionValue": [Function],
+                                              "inputId": "hearing-type",
+                                              "inputValue": "",
+                                              "isClearable": undefined,
+                                              "isDisabled": false,
+                                              "isLoading": false,
+                                              "isMulti": false,
+                                              "isOptionDisabled": [Function],
+                                              "isRtl": false,
+                                              "isSearchable": true,
+                                              "loadOptions": undefined,
+                                              "loadingMessage": [Function],
+                                              "maxMenuHeight": 300,
+                                              "menuIsOpen": false,
+                                              "menuPlacement": "bottom",
+                                              "menuPosition": "absolute",
+                                              "menuShouldBlockScroll": false,
+                                              "menuShouldScrollIntoView": true,
+                                              "minMenuHeight": 140,
+                                              "name": "hearingType",
+                                              "noOptionsMessage": [Function],
+                                              "onBlurResetsInput": false,
+                                              "onChange": [Function],
+                                              "onInputChange": [Function],
+                                              "onMenuClose": [Function],
+                                              "onMenuOpen": [Function],
+                                              "openMenuOnClick": true,
+                                              "openMenuOnFocus": false,
+                                              "options": Array [
+                                                Object {
+                                                  "label": "Virtual",
+                                                  "value": true,
+                                                },
+                                              ],
+                                              "pageSize": 5,
+                                              "placeholder": "Select...",
+                                              "screenReaderStatus": [Function],
+                                              "searchable": undefined,
+                                              "shouldKeyDownEventCreateNewOption": [Function],
+                                              "styles": Object {
+                                                "input": [Function],
+                                              },
+                                              "tabIndex": "0",
+                                              "tabSelectsValue": true,
+                                              "value": Object {
+                                                "label": "Video",
+                                                "value": false,
+                                              },
+                                            }
+                                          }
+                                          setValue={[Function]}
+                                          theme={
+                                            Object {
+                                              "borderRadius": 4,
+                                              "colors": Object {
+                                                "danger": "#DE350B",
+                                                "dangerLight": "#FFBDAD",
+                                                "neutral0": "hsl(0, 0%, 100%)",
+                                                "neutral10": "hsl(0, 0%, 90%)",
+                                                "neutral20": "hsl(0, 0%, 80%)",
+                                                "neutral30": "hsl(0, 0%, 70%)",
+                                                "neutral40": "hsl(0, 0%, 60%)",
+                                                "neutral5": "hsl(0, 0%, 95%)",
+                                                "neutral50": "hsl(0, 0%, 50%)",
+                                                "neutral60": "hsl(0, 0%, 40%)",
+                                                "neutral70": "hsl(0, 0%, 30%)",
+                                                "neutral80": "hsl(0, 0%, 20%)",
+                                                "neutral90": "hsl(0, 0%, 10%)",
+                                                "primary": "#2684FF",
+                                                "primary25": "#DEEBFF",
+                                                "primary50": "#B2D4FF",
+                                                "primary75": "#4C9AFF",
+                                              },
+                                              "spacing": Object {
+                                                "baseUnit": 4,
+                                                "controlHeight": 38,
+                                                "menuGutter": 8,
+                                              },
+                                            }
+                                          }
+                                        >
+                                          <EmotionCssPropInternal
+                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Control"
+                                            __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                            className="cf-select__control"
+                                            css={
+                                              Object {
+                                                "&:hover": Object {
+                                                  "borderColor": "hsl(0, 0%, 70%)",
+                                                },
+                                                "alignItems": "center",
+                                                "backgroundColor": "hsl(0, 0%, 100%)",
+                                                "borderColor": "hsl(0, 0%, 80%)",
+                                                "borderRadius": 4,
+                                                "borderStyle": "solid",
+                                                "borderWidth": 1,
+                                                "boxShadow": null,
+                                                "boxSizing": "border-box",
+                                                "cursor": "default",
+                                                "display": "flex",
+                                                "flexWrap": "wrap",
+                                                "justifyContent": "space-between",
+                                                "label": "control",
+                                                "minHeight": 38,
+                                                "outline": "0 !important",
+                                                "position": "relative",
+                                                "transition": "all 100ms",
+                                              }
+                                            }
+                                            onMouseDown={[Function]}
+                                            onTouchEnd={[Function]}
+                                          >
+                                            <div
+                                              className="cf-select__control css-yk16xz-control"
+                                              onMouseDown={[Function]}
+                                              onTouchEnd={[Function]}
+                                            >
+                                              <ValueContainer
+                                                clearValue={[Function]}
+                                                cx={[Function]}
+                                                getStyles={[Function]}
+                                                getValue={[Function]}
+                                                hasValue={true}
+                                                isDisabled={false}
+                                                isMulti={false}
+                                                isRtl={false}
+                                                options={
+                                                  Array [
+                                                    Object {
+                                                      "label": "Virtual",
+                                                      "value": true,
+                                                    },
+                                                  ]
+                                                }
+                                                selectOption={[Function]}
+                                                selectProps={
+                                                  Object {
+                                                    "backspaceRemovesValue": true,
+                                                    "blurInputOnSelect": true,
+                                                    "cache": false,
+                                                    "captureMenuScroll": false,
+                                                    "classNamePrefix": "cf-select",
+                                                    "closeMenuOnScroll": false,
+                                                    "closeMenuOnSelect": true,
+                                                    "components": Object {
+                                                      "Input": [Function],
+                                                      "MenuList": [Function],
+                                                      "Option": [Function],
+                                                    },
+                                                    "controlShouldRenderValue": true,
+                                                    "defaultOptions": undefined,
+                                                    "escapeClearsValue": false,
+                                                    "filterOption": [Function],
+                                                    "formatGroupLabel": [Function],
+                                                    "getOptionLabel": [Function],
+                                                    "getOptionValue": [Function],
+                                                    "inputId": "hearing-type",
+                                                    "inputValue": "",
+                                                    "isClearable": undefined,
+                                                    "isDisabled": false,
+                                                    "isLoading": false,
+                                                    "isMulti": false,
+                                                    "isOptionDisabled": [Function],
+                                                    "isRtl": false,
+                                                    "isSearchable": true,
+                                                    "loadOptions": undefined,
+                                                    "loadingMessage": [Function],
+                                                    "maxMenuHeight": 300,
+                                                    "menuIsOpen": false,
+                                                    "menuPlacement": "bottom",
+                                                    "menuPosition": "absolute",
+                                                    "menuShouldBlockScroll": false,
+                                                    "menuShouldScrollIntoView": true,
+                                                    "minMenuHeight": 140,
+                                                    "name": "hearingType",
+                                                    "noOptionsMessage": [Function],
+                                                    "onBlurResetsInput": false,
+                                                    "onChange": [Function],
+                                                    "onInputChange": [Function],
+                                                    "onMenuClose": [Function],
+                                                    "onMenuOpen": [Function],
+                                                    "openMenuOnClick": true,
+                                                    "openMenuOnFocus": false,
+                                                    "options": Array [
+                                                      Object {
+                                                        "label": "Virtual",
+                                                        "value": true,
+                                                      },
+                                                    ],
+                                                    "pageSize": 5,
+                                                    "placeholder": "Select...",
+                                                    "screenReaderStatus": [Function],
+                                                    "searchable": undefined,
+                                                    "shouldKeyDownEventCreateNewOption": [Function],
+                                                    "styles": Object {
+                                                      "input": [Function],
+                                                    },
+                                                    "tabIndex": "0",
+                                                    "tabSelectsValue": true,
+                                                    "value": Object {
+                                                      "label": "Video",
+                                                      "value": false,
+                                                    },
+                                                  }
+                                                }
+                                                setValue={[Function]}
+                                                theme={
+                                                  Object {
+                                                    "borderRadius": 4,
+                                                    "colors": Object {
+                                                      "danger": "#DE350B",
+                                                      "dangerLight": "#FFBDAD",
+                                                      "neutral0": "hsl(0, 0%, 100%)",
+                                                      "neutral10": "hsl(0, 0%, 90%)",
+                                                      "neutral20": "hsl(0, 0%, 80%)",
+                                                      "neutral30": "hsl(0, 0%, 70%)",
+                                                      "neutral40": "hsl(0, 0%, 60%)",
+                                                      "neutral5": "hsl(0, 0%, 95%)",
+                                                      "neutral50": "hsl(0, 0%, 50%)",
+                                                      "neutral60": "hsl(0, 0%, 40%)",
+                                                      "neutral70": "hsl(0, 0%, 30%)",
+                                                      "neutral80": "hsl(0, 0%, 20%)",
+                                                      "neutral90": "hsl(0, 0%, 10%)",
+                                                      "primary": "#2684FF",
+                                                      "primary25": "#DEEBFF",
+                                                      "primary50": "#B2D4FF",
+                                                      "primary75": "#4C9AFF",
+                                                    },
+                                                    "spacing": Object {
+                                                      "baseUnit": 4,
+                                                      "controlHeight": 38,
+                                                      "menuGutter": 8,
+                                                    },
+                                                  }
+                                                }
+                                              >
+                                                <EmotionCssPropInternal
+                                                  __EMOTION_LABEL_PLEASE_DO_NOT_USE__="ValueContainer"
+                                                  __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                  className="cf-select__value-container cf-select__value-container--has-value"
+                                                  css={
+                                                    Object {
+                                                      "WebkitOverflowScrolling": "touch",
+                                                      "alignItems": "center",
+                                                      "boxSizing": "border-box",
+                                                      "display": "flex",
+                                                      "flex": 1,
+                                                      "flexWrap": "wrap",
+                                                      "overflow": "hidden",
+                                                      "padding": "2px 8px",
+                                                      "position": "relative",
+                                                    }
+                                                  }
+                                                >
+                                                  <div
+                                                    className="cf-select__value-container cf-select__value-container--has-value css-g1d714-ValueContainer"
+                                                  >
+                                                    <SingleValue
+                                                      clearValue={[Function]}
+                                                      cx={[Function]}
+                                                      data={
+                                                        Object {
+                                                          "label": "Video",
+                                                          "value": false,
+                                                        }
+                                                      }
+                                                      getStyles={[Function]}
+                                                      getValue={[Function]}
+                                                      hasValue={true}
+                                                      isDisabled={false}
+                                                      isMulti={false}
+                                                      isRtl={false}
+                                                      options={
+                                                        Array [
+                                                          Object {
+                                                            "label": "Virtual",
+                                                            "value": true,
+                                                          },
+                                                        ]
+                                                      }
+                                                      selectOption={[Function]}
+                                                      selectProps={
+                                                        Object {
+                                                          "backspaceRemovesValue": true,
+                                                          "blurInputOnSelect": true,
+                                                          "cache": false,
+                                                          "captureMenuScroll": false,
+                                                          "classNamePrefix": "cf-select",
+                                                          "closeMenuOnScroll": false,
+                                                          "closeMenuOnSelect": true,
+                                                          "components": Object {
+                                                            "Input": [Function],
+                                                            "MenuList": [Function],
+                                                            "Option": [Function],
+                                                          },
+                                                          "controlShouldRenderValue": true,
+                                                          "defaultOptions": undefined,
+                                                          "escapeClearsValue": false,
+                                                          "filterOption": [Function],
+                                                          "formatGroupLabel": [Function],
+                                                          "getOptionLabel": [Function],
+                                                          "getOptionValue": [Function],
+                                                          "inputId": "hearing-type",
+                                                          "inputValue": "",
+                                                          "isClearable": undefined,
+                                                          "isDisabled": false,
+                                                          "isLoading": false,
+                                                          "isMulti": false,
+                                                          "isOptionDisabled": [Function],
+                                                          "isRtl": false,
+                                                          "isSearchable": true,
+                                                          "loadOptions": undefined,
+                                                          "loadingMessage": [Function],
+                                                          "maxMenuHeight": 300,
+                                                          "menuIsOpen": false,
+                                                          "menuPlacement": "bottom",
+                                                          "menuPosition": "absolute",
+                                                          "menuShouldBlockScroll": false,
+                                                          "menuShouldScrollIntoView": true,
+                                                          "minMenuHeight": 140,
+                                                          "name": "hearingType",
+                                                          "noOptionsMessage": [Function],
+                                                          "onBlurResetsInput": false,
+                                                          "onChange": [Function],
+                                                          "onInputChange": [Function],
+                                                          "onMenuClose": [Function],
+                                                          "onMenuOpen": [Function],
+                                                          "openMenuOnClick": true,
+                                                          "openMenuOnFocus": false,
+                                                          "options": Array [
                                                             Object {
-                                                              "borderRadius": 4,
-                                                              "colors": Object {
-                                                                "danger": "#DE350B",
-                                                                "dangerLight": "#FFBDAD",
-                                                                "neutral0": "hsl(0, 0%, 100%)",
-                                                                "neutral10": "hsl(0, 0%, 90%)",
-                                                                "neutral20": "hsl(0, 0%, 80%)",
-                                                                "neutral30": "hsl(0, 0%, 70%)",
-                                                                "neutral40": "hsl(0, 0%, 60%)",
-                                                                "neutral5": "hsl(0, 0%, 95%)",
-                                                                "neutral50": "hsl(0, 0%, 50%)",
-                                                                "neutral60": "hsl(0, 0%, 40%)",
-                                                                "neutral70": "hsl(0, 0%, 30%)",
-                                                                "neutral80": "hsl(0, 0%, 20%)",
-                                                                "neutral90": "hsl(0, 0%, 10%)",
-                                                                "primary": "#2684FF",
-                                                                "primary25": "#DEEBFF",
-                                                                "primary50": "#B2D4FF",
-                                                                "primary75": "#4C9AFF",
-                                                              },
-                                                              "spacing": Object {
-                                                                "baseUnit": 4,
-                                                                "controlHeight": 38,
-                                                                "menuGutter": 8,
-                                                              },
-                                                            }
+                                                              "label": "Virtual",
+                                                              "value": true,
+                                                            },
+                                                          ],
+                                                          "pageSize": 5,
+                                                          "placeholder": "Select...",
+                                                          "screenReaderStatus": [Function],
+                                                          "searchable": undefined,
+                                                          "shouldKeyDownEventCreateNewOption": [Function],
+                                                          "styles": Object {
+                                                            "input": [Function],
+                                                          },
+                                                          "tabIndex": "0",
+                                                          "tabSelectsValue": true,
+                                                          "value": Object {
+                                                            "label": "Video",
+                                                            "value": false,
+                                                          },
+                                                        }
+                                                      }
+                                                      setValue={[Function]}
+                                                      theme={
+                                                        Object {
+                                                          "borderRadius": 4,
+                                                          "colors": Object {
+                                                            "danger": "#DE350B",
+                                                            "dangerLight": "#FFBDAD",
+                                                            "neutral0": "hsl(0, 0%, 100%)",
+                                                            "neutral10": "hsl(0, 0%, 90%)",
+                                                            "neutral20": "hsl(0, 0%, 80%)",
+                                                            "neutral30": "hsl(0, 0%, 70%)",
+                                                            "neutral40": "hsl(0, 0%, 60%)",
+                                                            "neutral5": "hsl(0, 0%, 95%)",
+                                                            "neutral50": "hsl(0, 0%, 50%)",
+                                                            "neutral60": "hsl(0, 0%, 40%)",
+                                                            "neutral70": "hsl(0, 0%, 30%)",
+                                                            "neutral80": "hsl(0, 0%, 20%)",
+                                                            "neutral90": "hsl(0, 0%, 10%)",
+                                                            "primary": "#2684FF",
+                                                            "primary25": "#DEEBFF",
+                                                            "primary50": "#B2D4FF",
+                                                            "primary75": "#4C9AFF",
+                                                          },
+                                                          "spacing": Object {
+                                                            "baseUnit": 4,
+                                                            "controlHeight": 38,
+                                                            "menuGutter": 8,
+                                                          },
+                                                        }
+                                                      }
+                                                    >
+                                                      <EmotionCssPropInternal
+                                                        __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SingleValue"
+                                                        __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                        className="cf-select__single-value"
+                                                        css={
+                                                          Object {
+                                                            "boxSizing": "border-box",
+                                                            "color": "hsl(0, 0%, 20%)",
+                                                            "label": "singleValue",
+                                                            "marginLeft": 2,
+                                                            "marginRight": 2,
+                                                            "maxWidth": "calc(100% - 8px)",
+                                                            "overflow": "hidden",
+                                                            "position": "absolute",
+                                                            "textOverflow": "ellipsis",
+                                                            "top": "50%",
+                                                            "transform": "translateY(-50%)",
+                                                            "whiteSpace": "nowrap",
                                                           }
+                                                        }
+                                                      >
+                                                        <div
+                                                          className="cf-select__single-value css-1uccc91-singleValue"
                                                         >
-                                                          <EmotionCssPropInternal
-                                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorSeparator"
-                                                            __EMOTION_TYPE_PLEASE_DO_NOT_USE__="span"
-                                                            className="cf-select__indicator-separator"
-                                                            css={
-                                                              Object {
-                                                                "alignSelf": "stretch",
-                                                                "backgroundColor": "hsl(0, 0%, 80%)",
-                                                                "boxSizing": "border-box",
-                                                                "label": "indicatorSeparator",
-                                                                "marginBottom": 8,
-                                                                "marginTop": 8,
-                                                                "width": 1,
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              className="cf-select__indicator-separator css-1okebmr-indicatorSeparator"
-                                                            />
-                                                          </EmotionCssPropInternal>
-                                                        </IndicatorSeparator>
-                                                        <DropdownIndicator
-                                                          clearValue={[Function]}
-                                                          cx={[Function]}
-                                                          getStyles={[Function]}
-                                                          getValue={[Function]}
-                                                          hasValue={true}
-                                                          innerProps={
-                                                            Object {
-                                                              "aria-hidden": "true",
-                                                              "onMouseDown": [Function],
-                                                              "onTouchEnd": [Function],
-                                                            }
-                                                          }
-                                                          isDisabled={false}
-                                                          isFocused={false}
-                                                          isMulti={false}
-                                                          isRtl={false}
-                                                          options={
-                                                            Array [
-                                                              Object {
-                                                                "label": "",
-                                                                "value": null,
-                                                              },
-                                                              Object {
-                                                                "index": -3,
-                                                                "label": "Eastern Time (US & Canada) (6:00 AM)",
-                                                                "value": "America/New_York",
-                                                              },
-                                                              Object {
-                                                                "index": -2,
-                                                                "label": "Central Time (US & Canada) (5:00 AM)",
-                                                                "value": "America/Chicago",
-                                                              },
-                                                              Object {
-                                                                "index": -1,
-                                                                "label": "Mountain Time (US & Canada) (4:00 AM)",
-                                                                "value": "America/Denver",
-                                                              },
-                                                              Object {
-                                                                "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                                "value": "America/Los_Angeles",
-                                                              },
-                                                              Object {
-                                                                "index": 2.4,
-                                                                "label": "Indiana (East) (6:00 AM)",
-                                                                "value": "America/Indiana/Indianapolis",
-                                                              },
-                                                              Object {
-                                                                "index": 2.4,
-                                                                "label": "Puerto Rico (6:00 AM)",
-                                                                "value": "America/Puerto_Rico",
-                                                              },
-                                                              Object {
-                                                                "index": 4.2,
-                                                                "label": "Arizona (3:00 AM)",
-                                                                "value": "America/Phoenix",
-                                                              },
-                                                              Object {
-                                                                "index": 4.8,
-                                                                "label": "Alaska (2:00 AM)",
-                                                                "value": "America/Juneau",
-                                                              },
-                                                              Object {
-                                                                "index": 4.8,
-                                                                "label": "Philippine Standard Time (6:00 PM)",
-                                                                "value": "Asia/Manila",
-                                                              },
-                                                              Object {
-                                                                "index": 6,
-                                                                "label": "Hawaii (12:00 AM)",
-                                                                "value": "Pacific/Honolulu",
-                                                              },
-                                                              Object {
-                                                                "index": 100,
-                                                                "label": "Azores (10:00 AM)",
-                                                                "value": "Atlantic/Azores",
-                                                              },
-                                                              Object {
-                                                                "index": 100,
-                                                                "label": "Monrovia (10:00 AM)",
-                                                                "value": "Africa/Monrovia",
-                                                              },
-                                                              Object {
-                                                                "index": 100,
-                                                                "label": "UTC (10:00 AM)",
-                                                                "value": "Etc/UTC",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "Cape Verde Is. (9:00 AM)",
-                                                                "value": "Atlantic/Cape_Verde",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "Dublin (11:00 AM)",
-                                                                "value": "Europe/Dublin",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "Edinburgh (11:00 AM)",
-                                                                "value": "Europe/London",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "Lisbon (11:00 AM)",
-                                                                "value": "Europe/Lisbon",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "London (11:00 AM)",
-                                                                "value": "Europe/London",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "Casablanca (11:00 AM)",
-                                                                "value": "Africa/Casablanca",
-                                                              },
-                                                              Object {
-                                                                "index": 160,
-                                                                "label": "West Central Africa (11:00 AM)",
-                                                                "value": "Africa/Algiers",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Greenland (8:00 AM)",
-                                                                "value": "America/Godthab",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Mid-Atlantic (8:00 AM)",
-                                                                "value": "Atlantic/South_Georgia",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Belgrade (12:00 PM)",
-                                                                "value": "Europe/Belgrade",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Bratislava (12:00 PM)",
-                                                                "value": "Europe/Bratislava",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Budapest (12:00 PM)",
-                                                                "value": "Europe/Budapest",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Ljubljana (12:00 PM)",
-                                                                "value": "Europe/Ljubljana",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Prague (12:00 PM)",
-                                                                "value": "Europe/Prague",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Sarajevo (12:00 PM)",
-                                                                "value": "Europe/Sarajevo",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Skopje (12:00 PM)",
-                                                                "value": "Europe/Skopje",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Warsaw (12:00 PM)",
-                                                                "value": "Europe/Warsaw",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Zagreb (12:00 PM)",
-                                                                "value": "Europe/Zagreb",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Brussels (12:00 PM)",
-                                                                "value": "Europe/Brussels",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Copenhagen (12:00 PM)",
-                                                                "value": "Europe/Copenhagen",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Madrid (12:00 PM)",
-                                                                "value": "Europe/Madrid",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Paris (12:00 PM)",
-                                                                "value": "Europe/Paris",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Amsterdam (12:00 PM)",
-                                                                "value": "Europe/Amsterdam",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Berlin (12:00 PM)",
-                                                                "value": "Europe/Berlin",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Bern (12:00 PM)",
-                                                                "value": "Europe/Zurich",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Zurich (12:00 PM)",
-                                                                "value": "Europe/Zurich",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Rome (12:00 PM)",
-                                                                "value": "Europe/Rome",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Stockholm (12:00 PM)",
-                                                                "value": "Europe/Stockholm",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Vienna (12:00 PM)",
-                                                                "value": "Europe/Vienna",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Cairo (12:00 PM)",
-                                                                "value": "Africa/Cairo",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Harare (12:00 PM)",
-                                                                "value": "Africa/Harare",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Pretoria (12:00 PM)",
-                                                                "value": "Africa/Johannesburg",
-                                                              },
-                                                              Object {
-                                                                "index": 220,
-                                                                "label": "Kaliningrad (12:00 PM)",
-                                                                "value": "Europe/Kaliningrad",
-                                                              },
-                                                              Object {
-                                                                "index": 250,
-                                                                "label": "Newfoundland (7:30 AM)",
-                                                                "value": "America/St_Johns",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Atlantic Time (Canada) (7:00 AM)",
-                                                                "value": "America/Halifax",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Brasilia (7:00 AM)",
-                                                                "value": "America/Sao_Paulo",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Buenos Aires (7:00 AM)",
-                                                                "value": "America/Argentina/Buenos_Aires",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Montevideo (7:00 AM)",
-                                                                "value": "America/Montevideo",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Bucharest (1:00 PM)",
-                                                                "value": "Europe/Bucharest",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Helsinki (1:00 PM)",
-                                                                "value": "Europe/Helsinki",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Kyiv (1:00 PM)",
-                                                                "value": "Europe/Kiev",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Riga (1:00 PM)",
-                                                                "value": "Europe/Riga",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Sofia (1:00 PM)",
-                                                                "value": "Europe/Sofia",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Tallinn (1:00 PM)",
-                                                                "value": "Europe/Tallinn",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Vilnius (1:00 PM)",
-                                                                "value": "Europe/Vilnius",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Athens (1:00 PM)",
-                                                                "value": "Europe/Athens",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Istanbul (1:00 PM)",
-                                                                "value": "Europe/Istanbul",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Minsk (1:00 PM)",
-                                                                "value": "Europe/Minsk",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Jerusalem (1:00 PM)",
-                                                                "value": "Asia/Jerusalem",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Moscow (1:00 PM)",
-                                                                "value": "Europe/Moscow",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "St. Petersburg (1:00 PM)",
-                                                                "value": "Europe/Moscow",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Kuwait (1:00 PM)",
-                                                                "value": "Asia/Kuwait",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Riyadh (1:00 PM)",
-                                                                "value": "Asia/Riyadh",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Nairobi (1:00 PM)",
-                                                                "value": "Africa/Nairobi",
-                                                              },
-                                                              Object {
-                                                                "index": 280,
-                                                                "label": "Baghdad (1:00 PM)",
-                                                                "value": "Asia/Baghdad",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Caracas (6:00 AM)",
-                                                                "value": "America/Caracas",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "La Paz (6:00 AM)",
-                                                                "value": "America/La_Paz",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Santiago (6:00 AM)",
-                                                                "value": "America/Santiago",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Georgetown (6:00 AM)",
-                                                                "value": "America/Guyana",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Volgograd (2:00 PM)",
-                                                                "value": "Europe/Volgograd",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Samara (2:00 PM)",
-                                                                "value": "Europe/Samara",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Abu Dhabi (2:00 PM)",
-                                                                "value": "Asia/Muscat",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Muscat (2:00 PM)",
-                                                                "value": "Asia/Muscat",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Baku (2:00 PM)",
-                                                                "value": "Asia/Baku",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Tbilisi (2:00 PM)",
-                                                                "value": "Asia/Tbilisi",
-                                                              },
-                                                              Object {
-                                                                "index": 340,
-                                                                "label": "Yerevan (2:00 PM)",
-                                                                "value": "Asia/Yerevan",
-                                                              },
-                                                              Object {
-                                                                "index": 370,
-                                                                "label": "Tehran (2:30 PM)",
-                                                                "value": "Asia/Tehran",
-                                                              },
-                                                              Object {
-                                                                "index": 370,
-                                                                "label": "Kabul (2:30 PM)",
-                                                                "value": "Asia/Kabul",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Guadalajara (5:00 AM)",
-                                                                "value": "America/Mexico_City",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Mexico City (5:00 AM)",
-                                                                "value": "America/Mexico_City",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Monterrey (5:00 AM)",
-                                                                "value": "America/Monterrey",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Bogota (5:00 AM)",
-                                                                "value": "America/Bogota",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Lima (5:00 AM)",
-                                                                "value": "America/Lima",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Quito (5:00 AM)",
-                                                                "value": "America/Lima",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Ekaterinburg (3:00 PM)",
-                                                                "value": "Asia/Yekaterinburg",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Islamabad (3:00 PM)",
-                                                                "value": "Asia/Karachi",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Karachi (3:00 PM)",
-                                                                "value": "Asia/Karachi",
-                                                              },
-                                                              Object {
-                                                                "index": 400,
-                                                                "label": "Tashkent (3:00 PM)",
-                                                                "value": "Asia/Tashkent",
-                                                              },
-                                                              Object {
-                                                                "index": 430,
-                                                                "label": "Chennai (3:30 PM)",
-                                                                "value": "Asia/Kolkata",
-                                                              },
-                                                              Object {
-                                                                "index": 430,
-                                                                "label": "Kolkata (3:30 PM)",
-                                                                "value": "Asia/Kolkata",
-                                                              },
-                                                              Object {
-                                                                "index": 430,
-                                                                "label": "Mumbai (3:30 PM)",
-                                                                "value": "Asia/Kolkata",
-                                                              },
-                                                              Object {
-                                                                "index": 430,
-                                                                "label": "New Delhi (3:30 PM)",
-                                                                "value": "Asia/Kolkata",
-                                                              },
-                                                              Object {
-                                                                "index": 430,
-                                                                "label": "Sri Jayawardenepura (3:30 PM)",
-                                                                "value": "Asia/Colombo",
-                                                              },
-                                                              Object {
-                                                                "index": 445,
-                                                                "label": "Kathmandu (3:45 PM)",
-                                                                "value": "Asia/Kathmandu",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Chihuahua (4:00 AM)",
-                                                                "value": "America/Chihuahua",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Mazatlan (4:00 AM)",
-                                                                "value": "America/Mazatlan",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Saskatchewan (4:00 AM)",
-                                                                "value": "America/Regina",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Central America (4:00 AM)",
-                                                                "value": "America/Guatemala",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Astana (4:00 PM)",
-                                                                "value": "Asia/Dhaka",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Dhaka (4:00 PM)",
-                                                                "value": "Asia/Dhaka",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Almaty (4:00 PM)",
-                                                                "value": "Asia/Almaty",
-                                                              },
-                                                              Object {
-                                                                "index": 460,
-                                                                "label": "Urumqi (4:00 PM)",
-                                                                "value": "Asia/Urumqi",
-                                                              },
-                                                              Object {
-                                                                "index": 490,
-                                                                "label": "Rangoon (4:30 PM)",
-                                                                "value": "Asia/Rangoon",
-                                                              },
-                                                              Object {
-                                                                "index": 520,
-                                                                "label": "Tijuana (3:00 AM)",
-                                                                "value": "America/Tijuana",
-                                                              },
-                                                              Object {
-                                                                "index": 520,
-                                                                "label": "Novosibirsk (5:00 PM)",
-                                                                "value": "Asia/Novosibirsk",
-                                                              },
-                                                              Object {
-                                                                "index": 520,
-                                                                "label": "Bangkok (5:00 PM)",
-                                                                "value": "Asia/Bangkok",
-                                                              },
-                                                              Object {
-                                                                "index": 520,
-                                                                "label": "Hanoi (5:00 PM)",
-                                                                "value": "Asia/Bangkok",
-                                                              },
-                                                              Object {
-                                                                "index": 520,
-                                                                "label": "Jakarta (5:00 PM)",
-                                                                "value": "Asia/Jakarta",
-                                                              },
-                                                              Object {
-                                                                "index": 520,
-                                                                "label": "Krasnoyarsk (5:00 PM)",
-                                                                "value": "Asia/Krasnoyarsk",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Beijing (6:00 PM)",
-                                                                "value": "Asia/Shanghai",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Chongqing (6:00 PM)",
-                                                                "value": "Asia/Chongqing",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Hong Kong (6:00 PM)",
-                                                                "value": "Asia/Hong_Kong",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Kuala Lumpur (6:00 PM)",
-                                                                "value": "Asia/Kuala_Lumpur",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Singapore (6:00 PM)",
-                                                                "value": "Asia/Singapore",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Taipei (6:00 PM)",
-                                                                "value": "Asia/Taipei",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Perth (6:00 PM)",
-                                                                "value": "Australia/Perth",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Irkutsk (6:00 PM)",
-                                                                "value": "Asia/Irkutsk",
-                                                              },
-                                                              Object {
-                                                                "index": 580,
-                                                                "label": "Ulaanbaatar (6:00 PM)",
-                                                                "value": "Asia/Ulaanbaatar",
-                                                              },
-                                                              Object {
-                                                                "index": 640,
-                                                                "label": "Seoul (7:00 PM)",
-                                                                "value": "Asia/Seoul",
-                                                              },
-                                                              Object {
-                                                                "index": 640,
-                                                                "label": "Osaka (7:00 PM)",
-                                                                "value": "Asia/Tokyo",
-                                                              },
-                                                              Object {
-                                                                "index": 640,
-                                                                "label": "Sapporo (7:00 PM)",
-                                                                "value": "Asia/Tokyo",
-                                                              },
-                                                              Object {
-                                                                "index": 640,
-                                                                "label": "Tokyo (7:00 PM)",
-                                                                "value": "Asia/Tokyo",
-                                                              },
-                                                              Object {
-                                                                "index": 640,
-                                                                "label": "Yakutsk (7:00 PM)",
-                                                                "value": "Asia/Yakutsk",
-                                                              },
-                                                              Object {
-                                                                "index": 670,
-                                                                "label": "Darwin (7:30 PM)",
-                                                                "value": "Australia/Darwin",
-                                                              },
-                                                              Object {
-                                                                "index": 670,
-                                                                "label": "Adelaide (7:30 PM)",
-                                                                "value": "Australia/Adelaide",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Canberra (8:00 PM)",
-                                                                "value": "Australia/Melbourne",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Melbourne (8:00 PM)",
-                                                                "value": "Australia/Melbourne",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Sydney (8:00 PM)",
-                                                                "value": "Australia/Sydney",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Brisbane (8:00 PM)",
-                                                                "value": "Australia/Brisbane",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Hobart (8:00 PM)",
-                                                                "value": "Australia/Hobart",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Vladivostok (8:00 PM)",
-                                                                "value": "Asia/Vladivostok",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Guam (8:00 PM)",
-                                                                "value": "Pacific/Guam",
-                                                              },
-                                                              Object {
-                                                                "index": 700,
-                                                                "label": "Port Moresby (8:00 PM)",
-                                                                "value": "Pacific/Port_Moresby",
-                                                              },
-                                                              Object {
-                                                                "index": 760,
-                                                                "label": "Midway Island (11:00 PM)",
-                                                                "value": "Pacific/Midway",
-                                                              },
-                                                              Object {
-                                                                "index": 760,
-                                                                "label": "American Samoa (11:00 PM)",
-                                                                "value": "Pacific/Pago_Pago",
-                                                              },
-                                                              Object {
-                                                                "index": 760,
-                                                                "label": "Magadan (9:00 PM)",
-                                                                "value": "Asia/Magadan",
-                                                              },
-                                                              Object {
-                                                                "index": 760,
-                                                                "label": "Srednekolymsk (9:00 PM)",
-                                                                "value": "Asia/Srednekolymsk",
-                                                              },
-                                                              Object {
-                                                                "index": 760,
-                                                                "label": "Solomon Is. (9:00 PM)",
-                                                                "value": "Pacific/Guadalcanal",
-                                                              },
-                                                              Object {
-                                                                "index": 760,
-                                                                "label": "New Caledonia (9:00 PM)",
-                                                                "value": "Pacific/Noumea",
-                                                              },
-                                                              Object {
-                                                                "index": 820,
-                                                                "label": "International Date Line West (10:00 PM)",
-                                                                "value": "Etc/GMT+12",
-                                                              },
-                                                              Object {
-                                                                "index": 820,
-                                                                "label": "Fiji (10:00 PM)",
-                                                                "value": "Pacific/Fiji",
-                                                              },
-                                                              Object {
-                                                                "index": 820,
-                                                                "label": "Kamchatka (10:00 PM)",
-                                                                "value": "Asia/Kamchatka",
-                                                              },
-                                                              Object {
-                                                                "index": 820,
-                                                                "label": "Marshall Is. (10:00 PM)",
-                                                                "value": "Pacific/Majuro",
-                                                              },
-                                                              Object {
-                                                                "index": 820,
-                                                                "label": "Auckland (10:00 PM)",
-                                                                "value": "Pacific/Auckland",
-                                                              },
-                                                              Object {
-                                                                "index": 820,
-                                                                "label": "Wellington (10:00 PM)",
-                                                                "value": "Pacific/Auckland",
-                                                              },
-                                                              Object {
-                                                                "index": 865,
-                                                                "label": "Chatham Is. (10:45 PM)",
-                                                                "value": "Pacific/Chatham",
-                                                              },
-                                                              Object {
-                                                                "index": 880,
-                                                                "label": "Nuku'alofa (11:00 PM)",
-                                                                "value": "Pacific/Tongatapu",
-                                                              },
-                                                              Object {
-                                                                "index": 880,
-                                                                "label": "Tokelau Is. (11:00 PM)",
-                                                                "value": "Pacific/Fakaofo",
-                                                              },
-                                                              Object {
-                                                                "index": 880,
-                                                                "label": "Samoa (11:00 PM)",
-                                                                "value": "Pacific/Apia",
-                                                              },
-                                                            ]
-                                                          }
-                                                          selectOption={[Function]}
-                                                          selectProps={
+                                                          Video
+                                                        </div>
+                                                      </EmotionCssPropInternal>
+                                                    </SingleValue>
+                                                    <CustomInput
+                                                      aria-autocomplete="list"
+                                                      autoCapitalize="none"
+                                                      autoComplete="off"
+                                                      autoCorrect="off"
+                                                      cx={[Function]}
+                                                      getStyles={[Function]}
+                                                      id="hearing-type"
+                                                      innerRef={[Function]}
+                                                      isDisabled={false}
+                                                      isHidden={false}
+                                                      onBlur={[Function]}
+                                                      onChange={[Function]}
+                                                      onFocus={[Function]}
+                                                      selectProps={
+                                                        Object {
+                                                          "backspaceRemovesValue": true,
+                                                          "blurInputOnSelect": true,
+                                                          "cache": false,
+                                                          "captureMenuScroll": false,
+                                                          "classNamePrefix": "cf-select",
+                                                          "closeMenuOnScroll": false,
+                                                          "closeMenuOnSelect": true,
+                                                          "components": Object {
+                                                            "Input": [Function],
+                                                            "MenuList": [Function],
+                                                            "Option": [Function],
+                                                          },
+                                                          "controlShouldRenderValue": true,
+                                                          "defaultOptions": undefined,
+                                                          "escapeClearsValue": false,
+                                                          "filterOption": [Function],
+                                                          "formatGroupLabel": [Function],
+                                                          "getOptionLabel": [Function],
+                                                          "getOptionValue": [Function],
+                                                          "inputId": "hearing-type",
+                                                          "inputValue": "",
+                                                          "isClearable": undefined,
+                                                          "isDisabled": false,
+                                                          "isLoading": false,
+                                                          "isMulti": false,
+                                                          "isOptionDisabled": [Function],
+                                                          "isRtl": false,
+                                                          "isSearchable": true,
+                                                          "loadOptions": undefined,
+                                                          "loadingMessage": [Function],
+                                                          "maxMenuHeight": 300,
+                                                          "menuIsOpen": false,
+                                                          "menuPlacement": "bottom",
+                                                          "menuPosition": "absolute",
+                                                          "menuShouldBlockScroll": false,
+                                                          "menuShouldScrollIntoView": true,
+                                                          "minMenuHeight": 140,
+                                                          "name": "hearingType",
+                                                          "noOptionsMessage": [Function],
+                                                          "onBlurResetsInput": false,
+                                                          "onChange": [Function],
+                                                          "onInputChange": [Function],
+                                                          "onMenuClose": [Function],
+                                                          "onMenuOpen": [Function],
+                                                          "openMenuOnClick": true,
+                                                          "openMenuOnFocus": false,
+                                                          "options": Array [
                                                             Object {
-                                                              "backspaceRemovesValue": true,
-                                                              "blurInputOnSelect": true,
-                                                              "cache": false,
-                                                              "captureMenuScroll": false,
-                                                              "classNamePrefix": "cf-select",
-                                                              "closeMenuOnScroll": false,
-                                                              "closeMenuOnSelect": true,
-                                                              "components": Object {
-                                                                "Input": [Function],
-                                                                "MenuList": [Function],
-                                                                "Option": [Function],
-                                                              },
-                                                              "controlShouldRenderValue": true,
-                                                              "defaultOptions": undefined,
-                                                              "escapeClearsValue": false,
-                                                              "filterOption": [Function],
-                                                              "formatGroupLabel": [Function],
-                                                              "getOptionLabel": [Function],
-                                                              "getOptionValue": [Function],
-                                                              "inputId": "appellant-tz",
-                                                              "inputValue": "",
-                                                              "isClearable": undefined,
-                                                              "isDisabled": false,
-                                                              "isLoading": false,
-                                                              "isMulti": false,
-                                                              "isOptionDisabled": [Function],
-                                                              "isRtl": false,
-                                                              "isSearchable": true,
-                                                              "loadOptions": undefined,
-                                                              "loadingMessage": [Function],
-                                                              "maxMenuHeight": 300,
-                                                              "menuIsOpen": false,
-                                                              "menuPlacement": "bottom",
-                                                              "menuPosition": "absolute",
-                                                              "menuShouldBlockScroll": false,
-                                                              "menuShouldScrollIntoView": true,
-                                                              "minMenuHeight": 140,
-                                                              "name": "appellantTz",
-                                                              "noOptionsMessage": [Function],
-                                                              "onBlurResetsInput": false,
-                                                              "onChange": [Function],
-                                                              "onInputChange": [Function],
-                                                              "onMenuClose": [Function],
-                                                              "onMenuOpen": [Function],
-                                                              "openMenuOnClick": true,
-                                                              "openMenuOnFocus": false,
-                                                              "options": Array [
-                                                                Object {
-                                                                  "label": "",
-                                                                  "value": null,
-                                                                },
-                                                                Object {
-                                                                  "index": -3,
-                                                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
-                                                                  "value": "America/New_York",
-                                                                },
-                                                                Object {
-                                                                  "index": -2,
-                                                                  "label": "Central Time (US & Canada) (5:00 AM)",
-                                                                  "value": "America/Chicago",
-                                                                },
-                                                                Object {
-                                                                  "index": -1,
-                                                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
-                                                                  "value": "America/Denver",
-                                                                },
-                                                                Object {
-                                                                  "index": -0,
-                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                                  "value": "America/Los_Angeles",
-                                                                },
-                                                                Object {
-                                                                  "index": 2.4,
-                                                                  "label": "Indiana (East) (6:00 AM)",
-                                                                  "value": "America/Indiana/Indianapolis",
-                                                                },
-                                                                Object {
-                                                                  "index": 2.4,
-                                                                  "label": "Puerto Rico (6:00 AM)",
-                                                                  "value": "America/Puerto_Rico",
-                                                                },
-                                                                Object {
-                                                                  "index": 4.2,
-                                                                  "label": "Arizona (3:00 AM)",
-                                                                  "value": "America/Phoenix",
-                                                                },
-                                                                Object {
-                                                                  "index": 4.8,
-                                                                  "label": "Alaska (2:00 AM)",
-                                                                  "value": "America/Juneau",
-                                                                },
-                                                                Object {
-                                                                  "index": 4.8,
-                                                                  "label": "Philippine Standard Time (6:00 PM)",
-                                                                  "value": "Asia/Manila",
-                                                                },
-                                                                Object {
-                                                                  "index": 6,
-                                                                  "label": "Hawaii (12:00 AM)",
-                                                                  "value": "Pacific/Honolulu",
-                                                                },
-                                                                Object {
-                                                                  "index": 100,
-                                                                  "label": "Azores (10:00 AM)",
-                                                                  "value": "Atlantic/Azores",
-                                                                },
-                                                                Object {
-                                                                  "index": 100,
-                                                                  "label": "Monrovia (10:00 AM)",
-                                                                  "value": "Africa/Monrovia",
-                                                                },
-                                                                Object {
-                                                                  "index": 100,
-                                                                  "label": "UTC (10:00 AM)",
-                                                                  "value": "Etc/UTC",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Cape Verde Is. (9:00 AM)",
-                                                                  "value": "Atlantic/Cape_Verde",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Dublin (11:00 AM)",
-                                                                  "value": "Europe/Dublin",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Edinburgh (11:00 AM)",
-                                                                  "value": "Europe/London",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Lisbon (11:00 AM)",
-                                                                  "value": "Europe/Lisbon",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "London (11:00 AM)",
-                                                                  "value": "Europe/London",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "Casablanca (11:00 AM)",
-                                                                  "value": "Africa/Casablanca",
-                                                                },
-                                                                Object {
-                                                                  "index": 160,
-                                                                  "label": "West Central Africa (11:00 AM)",
-                                                                  "value": "Africa/Algiers",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Greenland (8:00 AM)",
-                                                                  "value": "America/Godthab",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Mid-Atlantic (8:00 AM)",
-                                                                  "value": "Atlantic/South_Georgia",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Belgrade (12:00 PM)",
-                                                                  "value": "Europe/Belgrade",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Bratislava (12:00 PM)",
-                                                                  "value": "Europe/Bratislava",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Budapest (12:00 PM)",
-                                                                  "value": "Europe/Budapest",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Ljubljana (12:00 PM)",
-                                                                  "value": "Europe/Ljubljana",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Prague (12:00 PM)",
-                                                                  "value": "Europe/Prague",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Sarajevo (12:00 PM)",
-                                                                  "value": "Europe/Sarajevo",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Skopje (12:00 PM)",
-                                                                  "value": "Europe/Skopje",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Warsaw (12:00 PM)",
-                                                                  "value": "Europe/Warsaw",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Zagreb (12:00 PM)",
-                                                                  "value": "Europe/Zagreb",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Brussels (12:00 PM)",
-                                                                  "value": "Europe/Brussels",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Copenhagen (12:00 PM)",
-                                                                  "value": "Europe/Copenhagen",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Madrid (12:00 PM)",
-                                                                  "value": "Europe/Madrid",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Paris (12:00 PM)",
-                                                                  "value": "Europe/Paris",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Amsterdam (12:00 PM)",
-                                                                  "value": "Europe/Amsterdam",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Berlin (12:00 PM)",
-                                                                  "value": "Europe/Berlin",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Bern (12:00 PM)",
-                                                                  "value": "Europe/Zurich",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Zurich (12:00 PM)",
-                                                                  "value": "Europe/Zurich",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Rome (12:00 PM)",
-                                                                  "value": "Europe/Rome",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Stockholm (12:00 PM)",
-                                                                  "value": "Europe/Stockholm",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Vienna (12:00 PM)",
-                                                                  "value": "Europe/Vienna",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Cairo (12:00 PM)",
-                                                                  "value": "Africa/Cairo",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Harare (12:00 PM)",
-                                                                  "value": "Africa/Harare",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Pretoria (12:00 PM)",
-                                                                  "value": "Africa/Johannesburg",
-                                                                },
-                                                                Object {
-                                                                  "index": 220,
-                                                                  "label": "Kaliningrad (12:00 PM)",
-                                                                  "value": "Europe/Kaliningrad",
-                                                                },
-                                                                Object {
-                                                                  "index": 250,
-                                                                  "label": "Newfoundland (7:30 AM)",
-                                                                  "value": "America/St_Johns",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Atlantic Time (Canada) (7:00 AM)",
-                                                                  "value": "America/Halifax",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Brasilia (7:00 AM)",
-                                                                  "value": "America/Sao_Paulo",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Buenos Aires (7:00 AM)",
-                                                                  "value": "America/Argentina/Buenos_Aires",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Montevideo (7:00 AM)",
-                                                                  "value": "America/Montevideo",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Bucharest (1:00 PM)",
-                                                                  "value": "Europe/Bucharest",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Helsinki (1:00 PM)",
-                                                                  "value": "Europe/Helsinki",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Kyiv (1:00 PM)",
-                                                                  "value": "Europe/Kiev",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Riga (1:00 PM)",
-                                                                  "value": "Europe/Riga",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Sofia (1:00 PM)",
-                                                                  "value": "Europe/Sofia",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Tallinn (1:00 PM)",
-                                                                  "value": "Europe/Tallinn",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Vilnius (1:00 PM)",
-                                                                  "value": "Europe/Vilnius",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Athens (1:00 PM)",
-                                                                  "value": "Europe/Athens",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Istanbul (1:00 PM)",
-                                                                  "value": "Europe/Istanbul",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Minsk (1:00 PM)",
-                                                                  "value": "Europe/Minsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Jerusalem (1:00 PM)",
-                                                                  "value": "Asia/Jerusalem",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Moscow (1:00 PM)",
-                                                                  "value": "Europe/Moscow",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "St. Petersburg (1:00 PM)",
-                                                                  "value": "Europe/Moscow",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Kuwait (1:00 PM)",
-                                                                  "value": "Asia/Kuwait",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Riyadh (1:00 PM)",
-                                                                  "value": "Asia/Riyadh",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Nairobi (1:00 PM)",
-                                                                  "value": "Africa/Nairobi",
-                                                                },
-                                                                Object {
-                                                                  "index": 280,
-                                                                  "label": "Baghdad (1:00 PM)",
-                                                                  "value": "Asia/Baghdad",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Caracas (6:00 AM)",
-                                                                  "value": "America/Caracas",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "La Paz (6:00 AM)",
-                                                                  "value": "America/La_Paz",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Santiago (6:00 AM)",
-                                                                  "value": "America/Santiago",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Georgetown (6:00 AM)",
-                                                                  "value": "America/Guyana",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Volgograd (2:00 PM)",
-                                                                  "value": "Europe/Volgograd",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Samara (2:00 PM)",
-                                                                  "value": "Europe/Samara",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Abu Dhabi (2:00 PM)",
-                                                                  "value": "Asia/Muscat",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Muscat (2:00 PM)",
-                                                                  "value": "Asia/Muscat",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Baku (2:00 PM)",
-                                                                  "value": "Asia/Baku",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Tbilisi (2:00 PM)",
-                                                                  "value": "Asia/Tbilisi",
-                                                                },
-                                                                Object {
-                                                                  "index": 340,
-                                                                  "label": "Yerevan (2:00 PM)",
-                                                                  "value": "Asia/Yerevan",
-                                                                },
-                                                                Object {
-                                                                  "index": 370,
-                                                                  "label": "Tehran (2:30 PM)",
-                                                                  "value": "Asia/Tehran",
-                                                                },
-                                                                Object {
-                                                                  "index": 370,
-                                                                  "label": "Kabul (2:30 PM)",
-                                                                  "value": "Asia/Kabul",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Guadalajara (5:00 AM)",
-                                                                  "value": "America/Mexico_City",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Mexico City (5:00 AM)",
-                                                                  "value": "America/Mexico_City",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Monterrey (5:00 AM)",
-                                                                  "value": "America/Monterrey",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Bogota (5:00 AM)",
-                                                                  "value": "America/Bogota",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Lima (5:00 AM)",
-                                                                  "value": "America/Lima",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Quito (5:00 AM)",
-                                                                  "value": "America/Lima",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Ekaterinburg (3:00 PM)",
-                                                                  "value": "Asia/Yekaterinburg",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Islamabad (3:00 PM)",
-                                                                  "value": "Asia/Karachi",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Karachi (3:00 PM)",
-                                                                  "value": "Asia/Karachi",
-                                                                },
-                                                                Object {
-                                                                  "index": 400,
-                                                                  "label": "Tashkent (3:00 PM)",
-                                                                  "value": "Asia/Tashkent",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "Chennai (3:30 PM)",
-                                                                  "value": "Asia/Kolkata",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "Kolkata (3:30 PM)",
-                                                                  "value": "Asia/Kolkata",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "Mumbai (3:30 PM)",
-                                                                  "value": "Asia/Kolkata",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "New Delhi (3:30 PM)",
-                                                                  "value": "Asia/Kolkata",
-                                                                },
-                                                                Object {
-                                                                  "index": 430,
-                                                                  "label": "Sri Jayawardenepura (3:30 PM)",
-                                                                  "value": "Asia/Colombo",
-                                                                },
-                                                                Object {
-                                                                  "index": 445,
-                                                                  "label": "Kathmandu (3:45 PM)",
-                                                                  "value": "Asia/Kathmandu",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Chihuahua (4:00 AM)",
-                                                                  "value": "America/Chihuahua",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Mazatlan (4:00 AM)",
-                                                                  "value": "America/Mazatlan",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Saskatchewan (4:00 AM)",
-                                                                  "value": "America/Regina",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Central America (4:00 AM)",
-                                                                  "value": "America/Guatemala",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Astana (4:00 PM)",
-                                                                  "value": "Asia/Dhaka",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Dhaka (4:00 PM)",
-                                                                  "value": "Asia/Dhaka",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Almaty (4:00 PM)",
-                                                                  "value": "Asia/Almaty",
-                                                                },
-                                                                Object {
-                                                                  "index": 460,
-                                                                  "label": "Urumqi (4:00 PM)",
-                                                                  "value": "Asia/Urumqi",
-                                                                },
-                                                                Object {
-                                                                  "index": 490,
-                                                                  "label": "Rangoon (4:30 PM)",
-                                                                  "value": "Asia/Rangoon",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Tijuana (3:00 AM)",
-                                                                  "value": "America/Tijuana",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Novosibirsk (5:00 PM)",
-                                                                  "value": "Asia/Novosibirsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Bangkok (5:00 PM)",
-                                                                  "value": "Asia/Bangkok",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Hanoi (5:00 PM)",
-                                                                  "value": "Asia/Bangkok",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Jakarta (5:00 PM)",
-                                                                  "value": "Asia/Jakarta",
-                                                                },
-                                                                Object {
-                                                                  "index": 520,
-                                                                  "label": "Krasnoyarsk (5:00 PM)",
-                                                                  "value": "Asia/Krasnoyarsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Beijing (6:00 PM)",
-                                                                  "value": "Asia/Shanghai",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Chongqing (6:00 PM)",
-                                                                  "value": "Asia/Chongqing",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Hong Kong (6:00 PM)",
-                                                                  "value": "Asia/Hong_Kong",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Kuala Lumpur (6:00 PM)",
-                                                                  "value": "Asia/Kuala_Lumpur",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Singapore (6:00 PM)",
-                                                                  "value": "Asia/Singapore",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Taipei (6:00 PM)",
-                                                                  "value": "Asia/Taipei",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Perth (6:00 PM)",
-                                                                  "value": "Australia/Perth",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Irkutsk (6:00 PM)",
-                                                                  "value": "Asia/Irkutsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 580,
-                                                                  "label": "Ulaanbaatar (6:00 PM)",
-                                                                  "value": "Asia/Ulaanbaatar",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Seoul (7:00 PM)",
-                                                                  "value": "Asia/Seoul",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Osaka (7:00 PM)",
-                                                                  "value": "Asia/Tokyo",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Sapporo (7:00 PM)",
-                                                                  "value": "Asia/Tokyo",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Tokyo (7:00 PM)",
-                                                                  "value": "Asia/Tokyo",
-                                                                },
-                                                                Object {
-                                                                  "index": 640,
-                                                                  "label": "Yakutsk (7:00 PM)",
-                                                                  "value": "Asia/Yakutsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 670,
-                                                                  "label": "Darwin (7:30 PM)",
-                                                                  "value": "Australia/Darwin",
-                                                                },
-                                                                Object {
-                                                                  "index": 670,
-                                                                  "label": "Adelaide (7:30 PM)",
-                                                                  "value": "Australia/Adelaide",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Canberra (8:00 PM)",
-                                                                  "value": "Australia/Melbourne",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Melbourne (8:00 PM)",
-                                                                  "value": "Australia/Melbourne",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Sydney (8:00 PM)",
-                                                                  "value": "Australia/Sydney",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Brisbane (8:00 PM)",
-                                                                  "value": "Australia/Brisbane",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Hobart (8:00 PM)",
-                                                                  "value": "Australia/Hobart",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Vladivostok (8:00 PM)",
-                                                                  "value": "Asia/Vladivostok",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Guam (8:00 PM)",
-                                                                  "value": "Pacific/Guam",
-                                                                },
-                                                                Object {
-                                                                  "index": 700,
-                                                                  "label": "Port Moresby (8:00 PM)",
-                                                                  "value": "Pacific/Port_Moresby",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "Midway Island (11:00 PM)",
-                                                                  "value": "Pacific/Midway",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "American Samoa (11:00 PM)",
-                                                                  "value": "Pacific/Pago_Pago",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "Magadan (9:00 PM)",
-                                                                  "value": "Asia/Magadan",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "Srednekolymsk (9:00 PM)",
-                                                                  "value": "Asia/Srednekolymsk",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "Solomon Is. (9:00 PM)",
-                                                                  "value": "Pacific/Guadalcanal",
-                                                                },
-                                                                Object {
-                                                                  "index": 760,
-                                                                  "label": "New Caledonia (9:00 PM)",
-                                                                  "value": "Pacific/Noumea",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "International Date Line West (10:00 PM)",
-                                                                  "value": "Etc/GMT+12",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Fiji (10:00 PM)",
-                                                                  "value": "Pacific/Fiji",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Kamchatka (10:00 PM)",
-                                                                  "value": "Asia/Kamchatka",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Marshall Is. (10:00 PM)",
-                                                                  "value": "Pacific/Majuro",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Auckland (10:00 PM)",
-                                                                  "value": "Pacific/Auckland",
-                                                                },
-                                                                Object {
-                                                                  "index": 820,
-                                                                  "label": "Wellington (10:00 PM)",
-                                                                  "value": "Pacific/Auckland",
-                                                                },
-                                                                Object {
-                                                                  "index": 865,
-                                                                  "label": "Chatham Is. (10:45 PM)",
-                                                                  "value": "Pacific/Chatham",
-                                                                },
-                                                                Object {
-                                                                  "index": 880,
-                                                                  "label": "Nuku'alofa (11:00 PM)",
-                                                                  "value": "Pacific/Tongatapu",
-                                                                },
-                                                                Object {
-                                                                  "index": 880,
-                                                                  "label": "Tokelau Is. (11:00 PM)",
-                                                                  "value": "Pacific/Fakaofo",
-                                                                },
-                                                                Object {
-                                                                  "index": 880,
-                                                                  "label": "Samoa (11:00 PM)",
-                                                                  "value": "Pacific/Apia",
-                                                                },
-                                                              ],
-                                                              "pageSize": 5,
-                                                              "placeholder": "Select a timezone",
-                                                              "screenReaderStatus": [Function],
-                                                              "searchable": undefined,
-                                                              "shouldKeyDownEventCreateNewOption": [Function],
-                                                              "styles": Object {
-                                                                "input": [Function],
-                                                              },
-                                                              "tabIndex": "0",
-                                                              "tabSelectsValue": true,
-                                                              "value": Object {
-                                                                "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                                "value": "America/Los_Angeles",
+                                                              "label": "Virtual",
+                                                              "value": true,
+                                                            },
+                                                          ],
+                                                          "pageSize": 5,
+                                                          "placeholder": "Select...",
+                                                          "screenReaderStatus": [Function],
+                                                          "searchable": undefined,
+                                                          "shouldKeyDownEventCreateNewOption": [Function],
+                                                          "styles": Object {
+                                                            "input": [Function],
+                                                          },
+                                                          "tabIndex": "0",
+                                                          "tabSelectsValue": true,
+                                                          "value": Object {
+                                                            "label": "Video",
+                                                            "value": false,
+                                                          },
+                                                        }
+                                                      }
+                                                      spellCheck="false"
+                                                      tabIndex="0"
+                                                      theme={
+                                                        Object {
+                                                          "borderRadius": 4,
+                                                          "colors": Object {
+                                                            "danger": "#DE350B",
+                                                            "dangerLight": "#FFBDAD",
+                                                            "neutral0": "hsl(0, 0%, 100%)",
+                                                            "neutral10": "hsl(0, 0%, 90%)",
+                                                            "neutral20": "hsl(0, 0%, 80%)",
+                                                            "neutral30": "hsl(0, 0%, 70%)",
+                                                            "neutral40": "hsl(0, 0%, 60%)",
+                                                            "neutral5": "hsl(0, 0%, 95%)",
+                                                            "neutral50": "hsl(0, 0%, 50%)",
+                                                            "neutral60": "hsl(0, 0%, 40%)",
+                                                            "neutral70": "hsl(0, 0%, 30%)",
+                                                            "neutral80": "hsl(0, 0%, 20%)",
+                                                            "neutral90": "hsl(0, 0%, 10%)",
+                                                            "primary": "#2684FF",
+                                                            "primary25": "#DEEBFF",
+                                                            "primary50": "#B2D4FF",
+                                                            "primary75": "#4C9AFF",
+                                                          },
+                                                          "spacing": Object {
+                                                            "baseUnit": 4,
+                                                            "controlHeight": 38,
+                                                            "menuGutter": 8,
+                                                          },
+                                                        }
+                                                      }
+                                                      type="text"
+                                                      value=""
+                                                    >
+                                                      <Input
+                                                        aria-autocomplete="list"
+                                                        aria-expanded={false}
+                                                        aria-haspopup={true}
+                                                        aria-labelledby="hearing-type-label"
+                                                        aria-owns="hearing-type-listbox"
+                                                        autoCapitalize="none"
+                                                        autoComplete="off"
+                                                        autoCorrect="off"
+                                                        cx={[Function]}
+                                                        getStyles={[Function]}
+                                                        id="hearing-type"
+                                                        innerRef={[Function]}
+                                                        isDisabled={false}
+                                                        isHidden={false}
+                                                        onBlur={[Function]}
+                                                        onChange={[Function]}
+                                                        onFocus={[Function]}
+                                                        role="combobox"
+                                                        selectProps={
+                                                          Object {
+                                                            "backspaceRemovesValue": true,
+                                                            "blurInputOnSelect": true,
+                                                            "cache": false,
+                                                            "captureMenuScroll": false,
+                                                            "classNamePrefix": "cf-select",
+                                                            "closeMenuOnScroll": false,
+                                                            "closeMenuOnSelect": true,
+                                                            "components": Object {
+                                                              "Input": [Function],
+                                                              "MenuList": [Function],
+                                                              "Option": [Function],
+                                                            },
+                                                            "controlShouldRenderValue": true,
+                                                            "defaultOptions": undefined,
+                                                            "escapeClearsValue": false,
+                                                            "filterOption": [Function],
+                                                            "formatGroupLabel": [Function],
+                                                            "getOptionLabel": [Function],
+                                                            "getOptionValue": [Function],
+                                                            "inputId": "hearing-type",
+                                                            "inputValue": "",
+                                                            "isClearable": undefined,
+                                                            "isDisabled": false,
+                                                            "isLoading": false,
+                                                            "isMulti": false,
+                                                            "isOptionDisabled": [Function],
+                                                            "isRtl": false,
+                                                            "isSearchable": true,
+                                                            "loadOptions": undefined,
+                                                            "loadingMessage": [Function],
+                                                            "maxMenuHeight": 300,
+                                                            "menuIsOpen": false,
+                                                            "menuPlacement": "bottom",
+                                                            "menuPosition": "absolute",
+                                                            "menuShouldBlockScroll": false,
+                                                            "menuShouldScrollIntoView": true,
+                                                            "minMenuHeight": 140,
+                                                            "name": "hearingType",
+                                                            "noOptionsMessage": [Function],
+                                                            "onBlurResetsInput": false,
+                                                            "onChange": [Function],
+                                                            "onInputChange": [Function],
+                                                            "onMenuClose": [Function],
+                                                            "onMenuOpen": [Function],
+                                                            "openMenuOnClick": true,
+                                                            "openMenuOnFocus": false,
+                                                            "options": Array [
+                                                              Object {
+                                                                "label": "Virtual",
+                                                                "value": true,
                                                               },
-                                                            }
+                                                            ],
+                                                            "pageSize": 5,
+                                                            "placeholder": "Select...",
+                                                            "screenReaderStatus": [Function],
+                                                            "searchable": undefined,
+                                                            "shouldKeyDownEventCreateNewOption": [Function],
+                                                            "styles": Object {
+                                                              "input": [Function],
+                                                            },
+                                                            "tabIndex": "0",
+                                                            "tabSelectsValue": true,
+                                                            "value": Object {
+                                                              "label": "Video",
+                                                              "value": false,
+                                                            },
                                                           }
-                                                          setValue={[Function]}
-                                                          theme={
+                                                        }
+                                                        spellCheck="false"
+                                                        tabIndex="0"
+                                                        theme={
+                                                          Object {
+                                                            "borderRadius": 4,
+                                                            "colors": Object {
+                                                              "danger": "#DE350B",
+                                                              "dangerLight": "#FFBDAD",
+                                                              "neutral0": "hsl(0, 0%, 100%)",
+                                                              "neutral10": "hsl(0, 0%, 90%)",
+                                                              "neutral20": "hsl(0, 0%, 80%)",
+                                                              "neutral30": "hsl(0, 0%, 70%)",
+                                                              "neutral40": "hsl(0, 0%, 60%)",
+                                                              "neutral5": "hsl(0, 0%, 95%)",
+                                                              "neutral50": "hsl(0, 0%, 50%)",
+                                                              "neutral60": "hsl(0, 0%, 40%)",
+                                                              "neutral70": "hsl(0, 0%, 30%)",
+                                                              "neutral80": "hsl(0, 0%, 20%)",
+                                                              "neutral90": "hsl(0, 0%, 10%)",
+                                                              "primary": "#2684FF",
+                                                              "primary25": "#DEEBFF",
+                                                              "primary50": "#B2D4FF",
+                                                              "primary75": "#4C9AFF",
+                                                            },
+                                                            "spacing": Object {
+                                                              "baseUnit": 4,
+                                                              "controlHeight": 38,
+                                                              "menuGutter": 8,
+                                                            },
+                                                          }
+                                                        }
+                                                        type="text"
+                                                        value=""
+                                                      >
+                                                        <EmotionCssPropInternal
+                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Input"
+                                                          __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                          css={
                                                             Object {
-                                                              "borderRadius": 4,
-                                                              "colors": Object {
-                                                                "danger": "#DE350B",
-                                                                "dangerLight": "#FFBDAD",
-                                                                "neutral0": "hsl(0, 0%, 100%)",
-                                                                "neutral10": "hsl(0, 0%, 90%)",
-                                                                "neutral20": "hsl(0, 0%, 80%)",
-                                                                "neutral30": "hsl(0, 0%, 70%)",
-                                                                "neutral40": "hsl(0, 0%, 60%)",
-                                                                "neutral5": "hsl(0, 0%, 95%)",
-                                                                "neutral50": "hsl(0, 0%, 50%)",
-                                                                "neutral60": "hsl(0, 0%, 40%)",
-                                                                "neutral70": "hsl(0, 0%, 30%)",
-                                                                "neutral80": "hsl(0, 0%, 20%)",
-                                                                "neutral90": "hsl(0, 0%, 10%)",
-                                                                "primary": "#2684FF",
-                                                                "primary25": "#DEEBFF",
-                                                                "primary50": "#B2D4FF",
-                                                                "primary75": "#4C9AFF",
-                                                              },
-                                                              "spacing": Object {
-                                                                "baseUnit": 4,
-                                                                "controlHeight": 38,
-                                                                "menuGutter": 8,
-                                                              },
+                                                              "height": "44px",
                                                             }
                                                           }
                                                         >
-                                                          <EmotionCssPropInternal
-                                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="DropdownIndicator"
-                                                            __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                            aria-hidden="true"
-                                                            className="cf-select__indicator cf-select__dropdown-indicator"
-                                                            css={
-                                                              Object {
-                                                                ":hover": Object {
-                                                                  "color": "hsl(0, 0%, 60%)",
-                                                                },
-                                                                "boxSizing": "border-box",
-                                                                "color": "hsl(0, 0%, 80%)",
-                                                                "display": "flex",
-                                                                "label": "indicatorContainer",
-                                                                "padding": 8,
-                                                                "transition": "color 150ms",
-                                                              }
-                                                            }
-                                                            onMouseDown={[Function]}
-                                                            onTouchEnd={[Function]}
+                                                          <div
+                                                            className="css-81nyic-Input"
                                                           >
-                                                            <div
-                                                              aria-hidden="true"
-                                                              className="cf-select__indicator cf-select__dropdown-indicator css-tlfecz-indicatorContainer"
-                                                              onMouseDown={[Function]}
-                                                              onTouchEnd={[Function]}
+                                                            <AutosizeInput
+                                                              aria-autocomplete="list"
+                                                              aria-expanded={false}
+                                                              aria-haspopup={true}
+                                                              aria-labelledby="hearing-type-label"
+                                                              aria-owns="hearing-type-listbox"
+                                                              autoCapitalize="none"
+                                                              autoComplete="off"
+                                                              autoCorrect="off"
+                                                              className="cf-select__input"
+                                                              disabled={false}
+                                                              id="hearing-type"
+                                                              injectStyles={true}
+                                                              inputRef={[Function]}
+                                                              inputStyle={
+                                                                Object {
+                                                                  "background": 0,
+                                                                  "border": 0,
+                                                                  "color": "inherit",
+                                                                  "fontSize": "inherit",
+                                                                  "label": "input",
+                                                                  "opacity": 1,
+                                                                  "outline": 0,
+                                                                  "padding": 0,
+                                                                }
+                                                              }
+                                                              minWidth={1}
+                                                              onBlur={[Function]}
+                                                              onChange={[Function]}
+                                                              onFocus={[Function]}
+                                                              role="combobox"
+                                                              spellCheck="false"
+                                                              tabIndex="0"
+                                                              type="text"
+                                                              value=""
                                                             >
-                                                              <DownChevron>
-                                                                <Svg
-                                                                  size={20}
-                                                                >
-                                                                  <EmotionCssPropInternal
-                                                                    __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Svg"
-                                                                    __EMOTION_TYPE_PLEASE_DO_NOT_USE__="svg"
-                                                                    aria-hidden="true"
-                                                                    css={
-                                                                      Object {
-                                                                        "map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JJIiwiZmlsZSI6ImluZGljYXRvcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyB0eXBlIE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IENvbW1vblByb3BzLCBUaGVtZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBEcm9wZG93biAmIENsZWFyIEljb25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgU3ZnID0gKHsgc2l6ZSwgLi4ucHJvcHMgfTogeyBzaXplOiBudW1iZXIgfSkgPT4gKFxuICA8c3ZnXG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHdpZHRoPXtzaXplfVxuICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBmaWxsOiAnY3VycmVudENvbG9yJyxcbiAgICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICAgICAgc3Ryb2tlV2lkdGg6IDAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBhbnkpID0+IChcbiAgPFN2ZyBzaXplPXsyMH0gey4uLnByb3BzfT5cbiAgICA8cGF0aCBkPVwiTTE0LjM0OCAxNC44NDljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDBsLTIuNjUxLTMuMDMwLTIuNjUxIDMuMDI5Yy0wLjQ2OSAwLjQ2OS0xLjIyOSAwLjQ2OS0xLjY5NyAwLTAuNDY5LTAuNDY5LTAuNDY5LTEuMjI5IDAtMS42OTdsMi43NTgtMy4xNS0yLjc1OS0zLjE1MmMtMC40NjktMC40NjktMC40NjktMS4yMjggMC0xLjY5N3MxLjIyOC0wLjQ2OSAxLjY5NyAwbDIuNjUyIDMuMDMxIDIuNjUxLTMuMDMxYzAuNDY5LTAuNDY5IDEuMjI4LTAuNDY5IDEuNjk3IDBzMC40NjkgMS4yMjkgMCAxLjY5N2wtMi43NTggMy4xNTIgMi43NTggMy4xNWMwLjQ2OSAwLjQ2OSAwLjQ2OSAxLjIyOSAwIDEuNjk4elwiIC8+XG4gIDwvU3ZnPlxuKTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogYW55KSA9PiAoXG4gIDxTdmcgc2l6ZT17MjB9IHsuLi5wcm9wc30+XG4gICAgPHBhdGggZD1cIk00LjUxNiA3LjU0OGMwLjQzNi0wLjQ0NiAxLjA0My0wLjQ4MSAxLjU3NiAwbDMuOTA4IDMuNzQ3IDMuOTA4LTMuNzQ3YzAuNTMzLTAuNDgxIDEuMTQxLTAuNDQ2IDEuNTc0IDAgMC40MzYgMC40NDUgMC40MDggMS4xOTcgMCAxLjYxNS0wLjQwNiAwLjQxOC00LjY5NSA0LjUwMi00LjY5NSA0LjUwMi0wLjIxNyAwLjIyMy0wLjUwMiAwLjMzNS0wLjc4NyAwLjMzNXMtMC41Ny0wLjExMi0wLjc4OS0wLjMzNWMwIDAtNC4yODctNC4wODQtNC42OTUtNC41MDJzLTAuNDM2LTEuMTcgMC0xLjYxNXpcIiAvPlxuICA8L1N2Zz5cbik7XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRHJvcGRvd24gJiBDbGVhciBCdXR0b25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IHR5cGUgSW5kaWNhdG9yUHJvcHMgPSBDb21tb25Qcm9wcyAmIHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW46IE5vZGUsXG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufTtcblxuY29uc3QgYmFzZUNTUyA9ICh7XG4gIGlzRm9jdXNlZCxcbiAgdGhlbWU6IHtcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgY29sb3JzLFxuICB9LFxufTogSW5kaWNhdG9yUHJvcHMpID0+ICh7XG4gIGxhYmVsOiAnaW5kaWNhdG9yQ29udGFpbmVyJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcblxuICAnOmhvdmVyJzoge1xuICAgIGNvbG9yOiBpc0ZvY3VzZWQgPyBjb2xvcnMubmV1dHJhbDgwIDogY29sb3JzLm5ldXRyYWw0MCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2Ryb3Bkb3duSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnZHJvcGRvd24taW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2NsZWFySW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnY2xlYXItaW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG50eXBlIFNlcGFyYXRvclN0YXRlID0geyBpc0Rpc2FibGVkOiBib29sZWFuIH07XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBDb21tb25Qcm9wcyAmIFNlcGFyYXRvclN0YXRlKSA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gKHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiB7XG4gIGlzRm9jdXNlZDogYm9vbGVhbixcbiAgc2l6ZTogbnVtYmVyLFxuICB0aGVtZTogVGhlbWUsXG59KSA9PiAoe1xuICBsYWJlbDogJ2xvYWRpbmdJbmRpY2F0b3InLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuICBhbGlnblNlbGY6ICdjZW50ZXInLFxuICBmb250U2l6ZTogc2l6ZSxcbiAgbGluZUhlaWdodDogMSxcbiAgbWFyZ2luUmlnaHQ6IHNpemUsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxufSk7XG5cbnR5cGUgRG90UHJvcHMgPSB7IGRlbGF5OiBudW1iZXIsIG9mZnNldDogYm9vbGVhbiB9O1xuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogRG90UHJvcHMpID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGFuaW1hdGlvbjogYCR7bG9hZGluZ0RvdEFuaW1hdGlvbnN9IDFzIGVhc2UtaW4tb3V0ICR7ZGVsYXl9bXMgaW5maW5pdGU7YCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBib3JkZXJSYWRpdXM6ICcxZW0nLFxuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBtYXJnaW5MZWZ0OiBvZmZzZXQgPyAnMWVtJyA6IG51bGwsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdJY29uUHJvcHMgPSB7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufSAmIENvbW1vblByb3BzICYge1xuICAgIC8qKiBTZXQgc2l6ZSBvZiB0aGUgY29udGFpbmVyLiAqL1xuICAgIHNpemU6IG51bWJlcixcbiAgfTtcbmV4cG9ydCBjb25zdCBMb2FkaW5nSW5kaWNhdG9yID0gKHByb3BzOiBMb2FkaW5nSWNvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzLCBpc1J0bCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdsb2FkaW5nSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnbG9hZGluZy1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezB9IG9mZnNldD17aXNSdGx9IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MTYwfSBvZmZzZXQgLz5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXszMjB9IG9mZnNldD17IWlzUnRsfSAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbkxvYWRpbmdJbmRpY2F0b3IuZGVmYXVsdFByb3BzID0geyBzaXplOiA0IH07XG4iXX0= */",
-                                                                        "name": "19bqh2r",
-                                                                        "styles": "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;",
-                                                                        "toString": [Function],
-                                                                      }
+                                                              <div
+                                                                className="cf-select__input"
+                                                                style={
+                                                                  Object {
+                                                                    "display": "inline-block",
+                                                                  }
+                                                                }
+                                                              >
+                                                                <input
+                                                                  aria-autocomplete="list"
+                                                                  aria-expanded={false}
+                                                                  aria-haspopup={true}
+                                                                  aria-labelledby="hearing-type-label"
+                                                                  aria-owns="hearing-type-listbox"
+                                                                  autoCapitalize="none"
+                                                                  autoComplete="off"
+                                                                  autoCorrect="off"
+                                                                  disabled={false}
+                                                                  id="hearing-type"
+                                                                  onBlur={[Function]}
+                                                                  onChange={[Function]}
+                                                                  onFocus={[Function]}
+                                                                  role="combobox"
+                                                                  spellCheck="false"
+                                                                  style={
+                                                                    Object {
+                                                                      "background": 0,
+                                                                      "border": 0,
+                                                                      "boxSizing": "content-box",
+                                                                      "color": "inherit",
+                                                                      "fontSize": "inherit",
+                                                                      "label": "input",
+                                                                      "opacity": 1,
+                                                                      "outline": 0,
+                                                                      "padding": 0,
+                                                                      "width": "2px",
                                                                     }
-                                                                    focusable="false"
-                                                                    height={20}
-                                                                    viewBox="0 0 20 20"
-                                                                    width={20}
-                                                                  >
-                                                                    <svg
-                                                                      aria-hidden="true"
-                                                                      className="css-6q0nyr-Svg"
-                                                                      focusable="false"
-                                                                      height={20}
-                                                                      viewBox="0 0 20 20"
-                                                                      width={20}
-                                                                    >
-                                                                      <path
-                                                                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                                                                      />
-                                                                    </svg>
-                                                                  </EmotionCssPropInternal>
-                                                                </Svg>
-                                                              </DownChevron>
-                                                            </div>
-                                                          </EmotionCssPropInternal>
-                                                        </DropdownIndicator>
-                                                      </div>
-                                                    </EmotionCssPropInternal>
-                                                  </IndicatorsContainer>
-                                                </div>
-                                              </EmotionCssPropInternal>
-                                            </Control>
-                                            <input
-                                              name="appellantTz"
-                                              type="hidden"
-                                              value="America/Los_Angeles"
-                                            />
-                                          </div>
-                                        </EmotionCssPropInternal>
-                                      </SelectContainer>
-                                    </Select>
-                                  </StateManager>
-                                </div>
-                              </div>
+                                                                  }
+                                                                  tabIndex="0"
+                                                                  type="text"
+                                                                  value=""
+                                                                />
+                                                                <div
+                                                                  style={
+                                                                    Object {
+                                                                      "height": 0,
+                                                                      "left": 0,
+                                                                      "overflow": "scroll",
+                                                                      "position": "absolute",
+                                                                      "top": 0,
+                                                                      "visibility": "hidden",
+                                                                      "whiteSpace": "pre",
+                                                                    }
+                                                                  }
+                                                                />
+                                                              </div>
+                                                            </AutosizeInput>
+                                                          </div>
+                                                        </EmotionCssPropInternal>
+                                                      </Input>
+                                                    </CustomInput>
+                                                  </div>
+                                                </EmotionCssPropInternal>
+                                              </ValueContainer>
+                                              <IndicatorsContainer
+                                                clearValue={[Function]}
+                                                cx={[Function]}
+                                                getStyles={[Function]}
+                                                getValue={[Function]}
+                                                hasValue={true}
+                                                isDisabled={false}
+                                                isMulti={false}
+                                                isRtl={false}
+                                                options={
+                                                  Array [
+                                                    Object {
+                                                      "label": "Virtual",
+                                                      "value": true,
+                                                    },
+                                                  ]
+                                                }
+                                                selectOption={[Function]}
+                                                selectProps={
+                                                  Object {
+                                                    "backspaceRemovesValue": true,
+                                                    "blurInputOnSelect": true,
+                                                    "cache": false,
+                                                    "captureMenuScroll": false,
+                                                    "classNamePrefix": "cf-select",
+                                                    "closeMenuOnScroll": false,
+                                                    "closeMenuOnSelect": true,
+                                                    "components": Object {
+                                                      "Input": [Function],
+                                                      "MenuList": [Function],
+                                                      "Option": [Function],
+                                                    },
+                                                    "controlShouldRenderValue": true,
+                                                    "defaultOptions": undefined,
+                                                    "escapeClearsValue": false,
+                                                    "filterOption": [Function],
+                                                    "formatGroupLabel": [Function],
+                                                    "getOptionLabel": [Function],
+                                                    "getOptionValue": [Function],
+                                                    "inputId": "hearing-type",
+                                                    "inputValue": "",
+                                                    "isClearable": undefined,
+                                                    "isDisabled": false,
+                                                    "isLoading": false,
+                                                    "isMulti": false,
+                                                    "isOptionDisabled": [Function],
+                                                    "isRtl": false,
+                                                    "isSearchable": true,
+                                                    "loadOptions": undefined,
+                                                    "loadingMessage": [Function],
+                                                    "maxMenuHeight": 300,
+                                                    "menuIsOpen": false,
+                                                    "menuPlacement": "bottom",
+                                                    "menuPosition": "absolute",
+                                                    "menuShouldBlockScroll": false,
+                                                    "menuShouldScrollIntoView": true,
+                                                    "minMenuHeight": 140,
+                                                    "name": "hearingType",
+                                                    "noOptionsMessage": [Function],
+                                                    "onBlurResetsInput": false,
+                                                    "onChange": [Function],
+                                                    "onInputChange": [Function],
+                                                    "onMenuClose": [Function],
+                                                    "onMenuOpen": [Function],
+                                                    "openMenuOnClick": true,
+                                                    "openMenuOnFocus": false,
+                                                    "options": Array [
+                                                      Object {
+                                                        "label": "Virtual",
+                                                        "value": true,
+                                                      },
+                                                    ],
+                                                    "pageSize": 5,
+                                                    "placeholder": "Select...",
+                                                    "screenReaderStatus": [Function],
+                                                    "searchable": undefined,
+                                                    "shouldKeyDownEventCreateNewOption": [Function],
+                                                    "styles": Object {
+                                                      "input": [Function],
+                                                    },
+                                                    "tabIndex": "0",
+                                                    "tabSelectsValue": true,
+                                                    "value": Object {
+                                                      "label": "Video",
+                                                      "value": false,
+                                                    },
+                                                  }
+                                                }
+                                                setValue={[Function]}
+                                                theme={
+                                                  Object {
+                                                    "borderRadius": 4,
+                                                    "colors": Object {
+                                                      "danger": "#DE350B",
+                                                      "dangerLight": "#FFBDAD",
+                                                      "neutral0": "hsl(0, 0%, 100%)",
+                                                      "neutral10": "hsl(0, 0%, 90%)",
+                                                      "neutral20": "hsl(0, 0%, 80%)",
+                                                      "neutral30": "hsl(0, 0%, 70%)",
+                                                      "neutral40": "hsl(0, 0%, 60%)",
+                                                      "neutral5": "hsl(0, 0%, 95%)",
+                                                      "neutral50": "hsl(0, 0%, 50%)",
+                                                      "neutral60": "hsl(0, 0%, 40%)",
+                                                      "neutral70": "hsl(0, 0%, 30%)",
+                                                      "neutral80": "hsl(0, 0%, 20%)",
+                                                      "neutral90": "hsl(0, 0%, 10%)",
+                                                      "primary": "#2684FF",
+                                                      "primary25": "#DEEBFF",
+                                                      "primary50": "#B2D4FF",
+                                                      "primary75": "#4C9AFF",
+                                                    },
+                                                    "spacing": Object {
+                                                      "baseUnit": 4,
+                                                      "controlHeight": 38,
+                                                      "menuGutter": 8,
+                                                    },
+                                                  }
+                                                }
+                                              >
+                                                <EmotionCssPropInternal
+                                                  __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorsContainer"
+                                                  __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                  className="cf-select__indicators"
+                                                  css={
+                                                    Object {
+                                                      "alignItems": "center",
+                                                      "alignSelf": "stretch",
+                                                      "boxSizing": "border-box",
+                                                      "display": "flex",
+                                                      "flexShrink": 0,
+                                                    }
+                                                  }
+                                                >
+                                                  <div
+                                                    className="cf-select__indicators css-1hb7zxy-IndicatorsContainer"
+                                                  >
+                                                    <IndicatorSeparator
+                                                      clearValue={[Function]}
+                                                      cx={[Function]}
+                                                      getStyles={[Function]}
+                                                      getValue={[Function]}
+                                                      hasValue={true}
+                                                      isDisabled={false}
+                                                      isFocused={false}
+                                                      isMulti={false}
+                                                      isRtl={false}
+                                                      options={
+                                                        Array [
+                                                          Object {
+                                                            "label": "Virtual",
+                                                            "value": true,
+                                                          },
+                                                        ]
+                                                      }
+                                                      selectOption={[Function]}
+                                                      selectProps={
+                                                        Object {
+                                                          "backspaceRemovesValue": true,
+                                                          "blurInputOnSelect": true,
+                                                          "cache": false,
+                                                          "captureMenuScroll": false,
+                                                          "classNamePrefix": "cf-select",
+                                                          "closeMenuOnScroll": false,
+                                                          "closeMenuOnSelect": true,
+                                                          "components": Object {
+                                                            "Input": [Function],
+                                                            "MenuList": [Function],
+                                                            "Option": [Function],
+                                                          },
+                                                          "controlShouldRenderValue": true,
+                                                          "defaultOptions": undefined,
+                                                          "escapeClearsValue": false,
+                                                          "filterOption": [Function],
+                                                          "formatGroupLabel": [Function],
+                                                          "getOptionLabel": [Function],
+                                                          "getOptionValue": [Function],
+                                                          "inputId": "hearing-type",
+                                                          "inputValue": "",
+                                                          "isClearable": undefined,
+                                                          "isDisabled": false,
+                                                          "isLoading": false,
+                                                          "isMulti": false,
+                                                          "isOptionDisabled": [Function],
+                                                          "isRtl": false,
+                                                          "isSearchable": true,
+                                                          "loadOptions": undefined,
+                                                          "loadingMessage": [Function],
+                                                          "maxMenuHeight": 300,
+                                                          "menuIsOpen": false,
+                                                          "menuPlacement": "bottom",
+                                                          "menuPosition": "absolute",
+                                                          "menuShouldBlockScroll": false,
+                                                          "menuShouldScrollIntoView": true,
+                                                          "minMenuHeight": 140,
+                                                          "name": "hearingType",
+                                                          "noOptionsMessage": [Function],
+                                                          "onBlurResetsInput": false,
+                                                          "onChange": [Function],
+                                                          "onInputChange": [Function],
+                                                          "onMenuClose": [Function],
+                                                          "onMenuOpen": [Function],
+                                                          "openMenuOnClick": true,
+                                                          "openMenuOnFocus": false,
+                                                          "options": Array [
+                                                            Object {
+                                                              "label": "Virtual",
+                                                              "value": true,
+                                                            },
+                                                          ],
+                                                          "pageSize": 5,
+                                                          "placeholder": "Select...",
+                                                          "screenReaderStatus": [Function],
+                                                          "searchable": undefined,
+                                                          "shouldKeyDownEventCreateNewOption": [Function],
+                                                          "styles": Object {
+                                                            "input": [Function],
+                                                          },
+                                                          "tabIndex": "0",
+                                                          "tabSelectsValue": true,
+                                                          "value": Object {
+                                                            "label": "Video",
+                                                            "value": false,
+                                                          },
+                                                        }
+                                                      }
+                                                      setValue={[Function]}
+                                                      theme={
+                                                        Object {
+                                                          "borderRadius": 4,
+                                                          "colors": Object {
+                                                            "danger": "#DE350B",
+                                                            "dangerLight": "#FFBDAD",
+                                                            "neutral0": "hsl(0, 0%, 100%)",
+                                                            "neutral10": "hsl(0, 0%, 90%)",
+                                                            "neutral20": "hsl(0, 0%, 80%)",
+                                                            "neutral30": "hsl(0, 0%, 70%)",
+                                                            "neutral40": "hsl(0, 0%, 60%)",
+                                                            "neutral5": "hsl(0, 0%, 95%)",
+                                                            "neutral50": "hsl(0, 0%, 50%)",
+                                                            "neutral60": "hsl(0, 0%, 40%)",
+                                                            "neutral70": "hsl(0, 0%, 30%)",
+                                                            "neutral80": "hsl(0, 0%, 20%)",
+                                                            "neutral90": "hsl(0, 0%, 10%)",
+                                                            "primary": "#2684FF",
+                                                            "primary25": "#DEEBFF",
+                                                            "primary50": "#B2D4FF",
+                                                            "primary75": "#4C9AFF",
+                                                          },
+                                                          "spacing": Object {
+                                                            "baseUnit": 4,
+                                                            "controlHeight": 38,
+                                                            "menuGutter": 8,
+                                                          },
+                                                        }
+                                                      }
+                                                    >
+                                                      <EmotionCssPropInternal
+                                                        __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorSeparator"
+                                                        __EMOTION_TYPE_PLEASE_DO_NOT_USE__="span"
+                                                        className="cf-select__indicator-separator"
+                                                        css={
+                                                          Object {
+                                                            "alignSelf": "stretch",
+                                                            "backgroundColor": "hsl(0, 0%, 80%)",
+                                                            "boxSizing": "border-box",
+                                                            "label": "indicatorSeparator",
+                                                            "marginBottom": 8,
+                                                            "marginTop": 8,
+                                                            "width": 1,
+                                                          }
+                                                        }
+                                                      >
+                                                        <span
+                                                          className="cf-select__indicator-separator css-1okebmr-indicatorSeparator"
+                                                        />
+                                                      </EmotionCssPropInternal>
+                                                    </IndicatorSeparator>
+                                                    <DropdownIndicator
+                                                      clearValue={[Function]}
+                                                      cx={[Function]}
+                                                      getStyles={[Function]}
+                                                      getValue={[Function]}
+                                                      hasValue={true}
+                                                      innerProps={
+                                                        Object {
+                                                          "aria-hidden": "true",
+                                                          "onMouseDown": [Function],
+                                                          "onTouchEnd": [Function],
+                                                        }
+                                                      }
+                                                      isDisabled={false}
+                                                      isFocused={false}
+                                                      isMulti={false}
+                                                      isRtl={false}
+                                                      options={
+                                                        Array [
+                                                          Object {
+                                                            "label": "Virtual",
+                                                            "value": true,
+                                                          },
+                                                        ]
+                                                      }
+                                                      selectOption={[Function]}
+                                                      selectProps={
+                                                        Object {
+                                                          "backspaceRemovesValue": true,
+                                                          "blurInputOnSelect": true,
+                                                          "cache": false,
+                                                          "captureMenuScroll": false,
+                                                          "classNamePrefix": "cf-select",
+                                                          "closeMenuOnScroll": false,
+                                                          "closeMenuOnSelect": true,
+                                                          "components": Object {
+                                                            "Input": [Function],
+                                                            "MenuList": [Function],
+                                                            "Option": [Function],
+                                                          },
+                                                          "controlShouldRenderValue": true,
+                                                          "defaultOptions": undefined,
+                                                          "escapeClearsValue": false,
+                                                          "filterOption": [Function],
+                                                          "formatGroupLabel": [Function],
+                                                          "getOptionLabel": [Function],
+                                                          "getOptionValue": [Function],
+                                                          "inputId": "hearing-type",
+                                                          "inputValue": "",
+                                                          "isClearable": undefined,
+                                                          "isDisabled": false,
+                                                          "isLoading": false,
+                                                          "isMulti": false,
+                                                          "isOptionDisabled": [Function],
+                                                          "isRtl": false,
+                                                          "isSearchable": true,
+                                                          "loadOptions": undefined,
+                                                          "loadingMessage": [Function],
+                                                          "maxMenuHeight": 300,
+                                                          "menuIsOpen": false,
+                                                          "menuPlacement": "bottom",
+                                                          "menuPosition": "absolute",
+                                                          "menuShouldBlockScroll": false,
+                                                          "menuShouldScrollIntoView": true,
+                                                          "minMenuHeight": 140,
+                                                          "name": "hearingType",
+                                                          "noOptionsMessage": [Function],
+                                                          "onBlurResetsInput": false,
+                                                          "onChange": [Function],
+                                                          "onInputChange": [Function],
+                                                          "onMenuClose": [Function],
+                                                          "onMenuOpen": [Function],
+                                                          "openMenuOnClick": true,
+                                                          "openMenuOnFocus": false,
+                                                          "options": Array [
+                                                            Object {
+                                                              "label": "Virtual",
+                                                              "value": true,
+                                                            },
+                                                          ],
+                                                          "pageSize": 5,
+                                                          "placeholder": "Select...",
+                                                          "screenReaderStatus": [Function],
+                                                          "searchable": undefined,
+                                                          "shouldKeyDownEventCreateNewOption": [Function],
+                                                          "styles": Object {
+                                                            "input": [Function],
+                                                          },
+                                                          "tabIndex": "0",
+                                                          "tabSelectsValue": true,
+                                                          "value": Object {
+                                                            "label": "Video",
+                                                            "value": false,
+                                                          },
+                                                        }
+                                                      }
+                                                      setValue={[Function]}
+                                                      theme={
+                                                        Object {
+                                                          "borderRadius": 4,
+                                                          "colors": Object {
+                                                            "danger": "#DE350B",
+                                                            "dangerLight": "#FFBDAD",
+                                                            "neutral0": "hsl(0, 0%, 100%)",
+                                                            "neutral10": "hsl(0, 0%, 90%)",
+                                                            "neutral20": "hsl(0, 0%, 80%)",
+                                                            "neutral30": "hsl(0, 0%, 70%)",
+                                                            "neutral40": "hsl(0, 0%, 60%)",
+                                                            "neutral5": "hsl(0, 0%, 95%)",
+                                                            "neutral50": "hsl(0, 0%, 50%)",
+                                                            "neutral60": "hsl(0, 0%, 40%)",
+                                                            "neutral70": "hsl(0, 0%, 30%)",
+                                                            "neutral80": "hsl(0, 0%, 20%)",
+                                                            "neutral90": "hsl(0, 0%, 10%)",
+                                                            "primary": "#2684FF",
+                                                            "primary25": "#DEEBFF",
+                                                            "primary50": "#B2D4FF",
+                                                            "primary75": "#4C9AFF",
+                                                          },
+                                                          "spacing": Object {
+                                                            "baseUnit": 4,
+                                                            "controlHeight": 38,
+                                                            "menuGutter": 8,
+                                                          },
+                                                        }
+                                                      }
+                                                    >
+                                                      <EmotionCssPropInternal
+                                                        __EMOTION_LABEL_PLEASE_DO_NOT_USE__="DropdownIndicator"
+                                                        __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                        aria-hidden="true"
+                                                        className="cf-select__indicator cf-select__dropdown-indicator"
+                                                        css={
+                                                          Object {
+                                                            ":hover": Object {
+                                                              "color": "hsl(0, 0%, 60%)",
+                                                            },
+                                                            "boxSizing": "border-box",
+                                                            "color": "hsl(0, 0%, 80%)",
+                                                            "display": "flex",
+                                                            "label": "indicatorContainer",
+                                                            "padding": 8,
+                                                            "transition": "color 150ms",
+                                                          }
+                                                        }
+                                                        onMouseDown={[Function]}
+                                                        onTouchEnd={[Function]}
+                                                      >
+                                                        <div
+                                                          aria-hidden="true"
+                                                          className="cf-select__indicator cf-select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                                          onMouseDown={[Function]}
+                                                          onTouchEnd={[Function]}
+                                                        >
+                                                          <DownChevron>
+                                                            <Svg
+                                                              size={20}
+                                                            >
+                                                              <EmotionCssPropInternal
+                                                                __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Svg"
+                                                                __EMOTION_TYPE_PLEASE_DO_NOT_USE__="svg"
+                                                                aria-hidden="true"
+                                                                css={
+                                                                  Object {
+                                                                    "map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JJIiwiZmlsZSI6ImluZGljYXRvcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyB0eXBlIE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IENvbW1vblByb3BzLCBUaGVtZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBEcm9wZG93biAmIENsZWFyIEljb25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgU3ZnID0gKHsgc2l6ZSwgLi4ucHJvcHMgfTogeyBzaXplOiBudW1iZXIgfSkgPT4gKFxuICA8c3ZnXG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHdpZHRoPXtzaXplfVxuICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBmaWxsOiAnY3VycmVudENvbG9yJyxcbiAgICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICAgICAgc3Ryb2tlV2lkdGg6IDAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBhbnkpID0+IChcbiAgPFN2ZyBzaXplPXsyMH0gey4uLnByb3BzfT5cbiAgICA8cGF0aCBkPVwiTTE0LjM0OCAxNC44NDljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDBsLTIuNjUxLTMuMDMwLTIuNjUxIDMuMDI5Yy0wLjQ2OSAwLjQ2OS0xLjIyOSAwLjQ2OS0xLjY5NyAwLTAuNDY5LTAuNDY5LTAuNDY5LTEuMjI5IDAtMS42OTdsMi43NTgtMy4xNS0yLjc1OS0zLjE1MmMtMC40NjktMC40NjktMC40NjktMS4yMjggMC0xLjY5N3MxLjIyOC0wLjQ2OSAxLjY5NyAwbDIuNjUyIDMuMDMxIDIuNjUxLTMuMDMxYzAuNDY5LTAuNDY5IDEuMjI4LTAuNDY5IDEuNjk3IDBzMC40NjkgMS4yMjkgMCAxLjY5N2wtMi43NTggMy4xNTIgMi43NTggMy4xNWMwLjQ2OSAwLjQ2OSAwLjQ2OSAxLjIyOSAwIDEuNjk4elwiIC8+XG4gIDwvU3ZnPlxuKTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogYW55KSA9PiAoXG4gIDxTdmcgc2l6ZT17MjB9IHsuLi5wcm9wc30+XG4gICAgPHBhdGggZD1cIk00LjUxNiA3LjU0OGMwLjQzNi0wLjQ0NiAxLjA0My0wLjQ4MSAxLjU3NiAwbDMuOTA4IDMuNzQ3IDMuOTA4LTMuNzQ3YzAuNTMzLTAuNDgxIDEuMTQxLTAuNDQ2IDEuNTc0IDAgMC40MzYgMC40NDUgMC40MDggMS4xOTcgMCAxLjYxNS0wLjQwNiAwLjQxOC00LjY5NSA0LjUwMi00LjY5NSA0LjUwMi0wLjIxNyAwLjIyMy0wLjUwMiAwLjMzNS0wLjc4NyAwLjMzNXMtMC41Ny0wLjExMi0wLjc4OS0wLjMzNWMwIDAtNC4yODctNC4wODQtNC42OTUtNC41MDJzLTAuNDM2LTEuMTcgMC0xLjYxNXpcIiAvPlxuICA8L1N2Zz5cbik7XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRHJvcGRvd24gJiBDbGVhciBCdXR0b25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IHR5cGUgSW5kaWNhdG9yUHJvcHMgPSBDb21tb25Qcm9wcyAmIHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW46IE5vZGUsXG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufTtcblxuY29uc3QgYmFzZUNTUyA9ICh7XG4gIGlzRm9jdXNlZCxcbiAgdGhlbWU6IHtcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgY29sb3JzLFxuICB9LFxufTogSW5kaWNhdG9yUHJvcHMpID0+ICh7XG4gIGxhYmVsOiAnaW5kaWNhdG9yQ29udGFpbmVyJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcblxuICAnOmhvdmVyJzoge1xuICAgIGNvbG9yOiBpc0ZvY3VzZWQgPyBjb2xvcnMubmV1dHJhbDgwIDogY29sb3JzLm5ldXRyYWw0MCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2Ryb3Bkb3duSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnZHJvcGRvd24taW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2NsZWFySW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnY2xlYXItaW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG50eXBlIFNlcGFyYXRvclN0YXRlID0geyBpc0Rpc2FibGVkOiBib29sZWFuIH07XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBDb21tb25Qcm9wcyAmIFNlcGFyYXRvclN0YXRlKSA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gKHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiB7XG4gIGlzRm9jdXNlZDogYm9vbGVhbixcbiAgc2l6ZTogbnVtYmVyLFxuICB0aGVtZTogVGhlbWUsXG59KSA9PiAoe1xuICBsYWJlbDogJ2xvYWRpbmdJbmRpY2F0b3InLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuICBhbGlnblNlbGY6ICdjZW50ZXInLFxuICBmb250U2l6ZTogc2l6ZSxcbiAgbGluZUhlaWdodDogMSxcbiAgbWFyZ2luUmlnaHQ6IHNpemUsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxufSk7XG5cbnR5cGUgRG90UHJvcHMgPSB7IGRlbGF5OiBudW1iZXIsIG9mZnNldDogYm9vbGVhbiB9O1xuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogRG90UHJvcHMpID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGFuaW1hdGlvbjogYCR7bG9hZGluZ0RvdEFuaW1hdGlvbnN9IDFzIGVhc2UtaW4tb3V0ICR7ZGVsYXl9bXMgaW5maW5pdGU7YCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBib3JkZXJSYWRpdXM6ICcxZW0nLFxuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBtYXJnaW5MZWZ0OiBvZmZzZXQgPyAnMWVtJyA6IG51bGwsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdJY29uUHJvcHMgPSB7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufSAmIENvbW1vblByb3BzICYge1xuICAgIC8qKiBTZXQgc2l6ZSBvZiB0aGUgY29udGFpbmVyLiAqL1xuICAgIHNpemU6IG51bWJlcixcbiAgfTtcbmV4cG9ydCBjb25zdCBMb2FkaW5nSW5kaWNhdG9yID0gKHByb3BzOiBMb2FkaW5nSWNvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzLCBpc1J0bCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdsb2FkaW5nSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnbG9hZGluZy1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezB9IG9mZnNldD17aXNSdGx9IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MTYwfSBvZmZzZXQgLz5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXszMjB9IG9mZnNldD17IWlzUnRsfSAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbkxvYWRpbmdJbmRpY2F0b3IuZGVmYXVsdFByb3BzID0geyBzaXplOiA0IH07XG4iXX0= */",
+                                                                    "name": "19bqh2r",
+                                                                    "styles": "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;",
+                                                                    "toString": [Function],
+                                                                  }
+                                                                }
+                                                                focusable="false"
+                                                                height={20}
+                                                                viewBox="0 0 20 20"
+                                                                width={20}
+                                                              >
+                                                                <svg
+                                                                  aria-hidden="true"
+                                                                  className="css-6q0nyr-Svg"
+                                                                  focusable="false"
+                                                                  height={20}
+                                                                  viewBox="0 0 20 20"
+                                                                  width={20}
+                                                                >
+                                                                  <path
+                                                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                                                  />
+                                                                </svg>
+                                                              </EmotionCssPropInternal>
+                                                            </Svg>
+                                                          </DownChevron>
+                                                        </div>
+                                                      </EmotionCssPropInternal>
+                                                    </DropdownIndicator>
+                                                  </div>
+                                                </EmotionCssPropInternal>
+                                              </IndicatorsContainer>
+                                            </div>
+                                          </EmotionCssPropInternal>
+                                        </Control>
+                                        <input
+                                          name="hearingType"
+                                          type="hidden"
+                                          value={false}
+                                        />
+                                      </div>
+                                    </EmotionCssPropInternal>
+                                  </SelectContainer>
+                                </Select>
+                              </StateManager>
                             </div>
-                          </SearchableDropdown>
-                        </Timezone>
-                        <HelperText
-                          label="The hearing time in email notifications is calculated based on the timezone."
-                        >
-                          <div
-                            className="helper-text"
-                          >
-                            The hearing time in email notifications is calculated based on the timezone.
                           </div>
-                        </HelperText>
+                        </div>
+                      </SearchableDropdown>
+                    </HearingTypeDropdown>
+                    <div />
+                    <div />
+                  </div>
+                  <div>
+                    <TextareaField
+                      characterLimitTopRight={false}
+                      disabled={false}
+                      maxlength={1000}
+                      name="Notes"
+                      onChange={[Function]}
+                      optional={false}
+                      required={false}
+                      strongLabel={true}
+                      styling={
+                        Object {
+                          "data-css-d0z96": "",
+                        }
+                      }
+                      value=""
+                    >
+                      <div
+                        className="cf-form-textarea"
+                        data-css-d0z96=""
+                      >
+                        <label
+                          className="question-label"
+                          htmlFor="Notes"
+                        >
+                          <strong>
+                            <FormLabel
+                              name="Notes"
+                              optional={false}
+                              required={false}
+                            >
+                              <span>
+                                Notes
+                              </span>
+                            </FormLabel>
+                          </strong>
+                        </label>
+                        <textarea
+                          disabled={false}
+                          id="Notes"
+                          maxLength={1000}
+                          name="Notes"
+                          onChange={[Function]}
+                          value=""
+                        />
                       </div>
+                    </TextareaField>
+                  </div>
+                </div>
+              </div>
+            </ContentSection>
+            <VirtualHearingFields
+              errors={Object {}}
+              hearing={
+                Object {
+                  "advanceOnDocketMotion": null,
+                  "aod": false,
+                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+                  "appealId": 613,
+                  "appellantAddressLine1": "9999 MISSION ST",
+                  "appellantCity": "SAN FRANCISCO",
+                  "appellantEmailAddress": "tom.brady@caseflow.gov",
+                  "appellantFirstName": "Tom",
+                  "appellantIsNotVeteran": true,
+                  "appellantLastName": "Brady",
+                  "appellantState": "CA",
+                  "appellantZip": "94103",
+                  "availableHearingLocations": Object {},
+                  "bvaPoc": null,
+                  "caseType": "Original",
+                  "centralOfficeTimeString": "04:00",
+                  "claimantId": 604,
+                  "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
+                  "currentIssueCount": 1,
+                  "disposition": null,
+                  "dispositionEditable": true,
+                  "docketName": "legacy",
+                  "docketNumber": "200624-613",
+                  "emailEvents": Array [],
+                  "evidenceWindowWaived": false,
+                  "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                  "hearingDayId": 11,
+                  "id": 10,
+                  "isVirtual": false,
+                  "judge": Object {
+                    "createdAt": "2020-06-25T11:00:43.257-04:00",
+                    "cssId": "BVAAABSHIRE",
+                    "displayName": "BVAAABSHIRE (VACO)",
+                    "efolderDocumentsFetchedAt": null,
+                    "email": null,
+                    "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                    "id": 3,
+                    "lastLoginAt": null,
+                    "roles": Object {},
+                    "selectedRegionalOffice": null,
+                    "stationId": "101",
+                    "status": "active",
+                    "statusUpdatedAt": null,
+                    "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                  },
+                  "judgeId": "3",
+                  "location": null,
+                  "militaryService": "",
+                  "notes": null,
+                  "paperCase": false,
+                  "poaName": "AMERICAN LEGION",
+                  "prepped": null,
+                  "readableLocation": null,
+                  "readableRequestType": "Video",
+                  "regionalOfficeKey": "RO17",
+                  "regionalOfficeName": "St. Petersburg regional office",
+                  "regionalOfficeTimezone": "America/New_York",
+                  "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                  "representativeEmailAddress": "tom.brady@caseflow.gov",
+                  "representativeName": null,
+                  "room": "1",
+                  "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+                  "scheduledForIsPast": false,
+                  "scheduledTime": "2000-01-01T04:00:00.000-05:00",
+                  "scheduledTimeString": "04:00",
+                  "summary": null,
+                  "transcriptSentDate": undefined,
+                  "transcription": Object {
+                    "expectedReturnDate": undefined,
+                    "problemNoticeSentDate": undefined,
+                    "sentToTranscriberDate": undefined,
+                    "uploadedToVbmsDate": undefined,
+                  },
+                  "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                  "veteranAge": 85,
+                  "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+                  "veteranFileNumber": "100000005",
+                  "veteranFirstName": "Brian",
+                  "veteranGender": "M",
+                  "veteranLastName": "Hodkiewicz",
+                  "virtualHearing": null,
+                  "wasVirtual": false,
+                  "witness": null,
+                  "worksheetIssues": Object {},
+                }
+              }
+              initialHearing={
+                Object {
+                  "advanceOnDocketMotion": null,
+                  "aod": false,
+                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+                  "appealId": 613,
+                  "appellantAddressLine1": "9999 MISSION ST",
+                  "appellantCity": "SAN FRANCISCO",
+                  "appellantEmailAddress": "tom.brady@caseflow.gov",
+                  "appellantFirstName": "Tom",
+                  "appellantIsNotVeteran": true,
+                  "appellantLastName": "Brady",
+                  "appellantState": "CA",
+                  "appellantZip": "94103",
+                  "availableHearingLocations": Object {},
+                  "bvaPoc": null,
+                  "caseType": "Original",
+                  "centralOfficeTimeString": "04:00",
+                  "claimantId": 604,
+                  "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
+                  "currentIssueCount": 1,
+                  "disposition": null,
+                  "dispositionEditable": true,
+                  "docketName": "legacy",
+                  "docketNumber": "200624-613",
+                  "emailEvents": Array [],
+                  "evidenceWindowWaived": false,
+                  "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                  "hearingDayId": 11,
+                  "id": 10,
+                  "isVirtual": false,
+                  "judge": Object {
+                    "createdAt": "2020-06-25T11:00:43.257-04:00",
+                    "cssId": "BVAAABSHIRE",
+                    "displayName": "BVAAABSHIRE (VACO)",
+                    "efolderDocumentsFetchedAt": null,
+                    "email": null,
+                    "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                    "id": 3,
+                    "lastLoginAt": null,
+                    "roles": Object {},
+                    "selectedRegionalOffice": null,
+                    "stationId": "101",
+                    "status": "active",
+                    "statusUpdatedAt": null,
+                    "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                  },
+                  "judgeId": "3",
+                  "location": null,
+                  "militaryService": "",
+                  "notes": null,
+                  "paperCase": false,
+                  "poaName": "AMERICAN LEGION",
+                  "prepped": null,
+                  "readableLocation": null,
+                  "readableRequestType": "Video",
+                  "regionalOfficeKey": "RO17",
+                  "regionalOfficeName": "St. Petersburg regional office",
+                  "regionalOfficeTimezone": "America/New_York",
+                  "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                  "representativeEmailAddress": "tom.brady@caseflow.gov",
+                  "representativeName": null,
+                  "room": "1",
+                  "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+                  "scheduledForIsPast": false,
+                  "scheduledTime": "2000-01-01T04:00:00.000-05:00",
+                  "scheduledTimeString": "04:00",
+                  "summary": null,
+                  "transcriptSentDate": undefined,
+                  "transcription": Object {
+                    "expectedReturnDate": undefined,
+                    "problemNoticeSentDate": undefined,
+                    "sentToTranscriberDate": undefined,
+                    "uploadedToVbmsDate": undefined,
+                  },
+                  "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                  "veteranAge": 85,
+                  "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+                  "veteranFileNumber": "100000005",
+                  "veteranFirstName": "Brian",
+                  "veteranGender": "M",
+                  "veteranLastName": "Hodkiewicz",
+                  "virtualHearing": null,
+                  "wasVirtual": false,
+                  "witness": null,
+                  "worksheetIssues": Object {},
+                }
+              }
+              update={[Function]}
+              virtualHearing={null}
+            >
+              <ContentSection
+                header="Hearing Links"
+              >
+                <div
+                  className="cf-app-segment"
+                >
+                  <h2
+                    data-css-3rhuy2=""
+                  >
+                    Hearing Links
+                  </h2>
+                  <div
+                    data-css-1571z6o=""
+                  >
+                    <div
+                      data-css-tx10g=""
+                    >
+                      <strong>
+                        Pexip
+                         Hearing
+                      </strong>
+                    </div>
+                    <HearingLinks
+                      hearing={
+                        Object {
+                          "advanceOnDocketMotion": null,
+                          "aod": false,
+                          "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+                          "appealId": 613,
+                          "appellantAddressLine1": "9999 MISSION ST",
+                          "appellantCity": "SAN FRANCISCO",
+                          "appellantEmailAddress": "tom.brady@caseflow.gov",
+                          "appellantFirstName": "Tom",
+                          "appellantIsNotVeteran": true,
+                          "appellantLastName": "Brady",
+                          "appellantState": "CA",
+                          "appellantZip": "94103",
+                          "availableHearingLocations": Object {},
+                          "bvaPoc": null,
+                          "caseType": "Original",
+                          "centralOfficeTimeString": "04:00",
+                          "claimantId": 604,
+                          "closestRegionalOffice": null,
+                          "conferenceProvider": "pexip",
+                          "currentIssueCount": 1,
+                          "disposition": null,
+                          "dispositionEditable": true,
+                          "docketName": "legacy",
+                          "docketNumber": "200624-613",
+                          "emailEvents": Array [],
+                          "evidenceWindowWaived": false,
+                          "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                          "hearingDayId": 11,
+                          "id": 10,
+                          "isVirtual": false,
+                          "judge": Object {
+                            "createdAt": "2020-06-25T11:00:43.257-04:00",
+                            "cssId": "BVAAABSHIRE",
+                            "displayName": "BVAAABSHIRE (VACO)",
+                            "efolderDocumentsFetchedAt": null,
+                            "email": null,
+                            "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                            "id": 3,
+                            "lastLoginAt": null,
+                            "roles": Object {},
+                            "selectedRegionalOffice": null,
+                            "stationId": "101",
+                            "status": "active",
+                            "statusUpdatedAt": null,
+                            "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                          },
+                          "judgeId": "3",
+                          "location": null,
+                          "militaryService": "",
+                          "notes": null,
+                          "paperCase": false,
+                          "poaName": "AMERICAN LEGION",
+                          "prepped": null,
+                          "readableLocation": null,
+                          "readableRequestType": "Video",
+                          "regionalOfficeKey": "RO17",
+                          "regionalOfficeName": "St. Petersburg regional office",
+                          "regionalOfficeTimezone": "America/New_York",
+                          "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                          "representativeEmailAddress": "tom.brady@caseflow.gov",
+                          "representativeName": null,
+                          "room": "1",
+                          "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+                          "scheduledForIsPast": false,
+                          "scheduledTime": "2000-01-01T04:00:00.000-05:00",
+                          "scheduledTimeString": "04:00",
+                          "summary": null,
+                          "transcriptSentDate": undefined,
+                          "transcription": Object {
+                            "expectedReturnDate": undefined,
+                            "problemNoticeSentDate": undefined,
+                            "sentToTranscriberDate": undefined,
+                            "uploadedToVbmsDate": undefined,
+                          },
+                          "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                          "veteranAge": 85,
+                          "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+                          "veteranFileNumber": "100000005",
+                          "veteranFirstName": "Brian",
+                          "veteranGender": "M",
+                          "veteranLastName": "Hodkiewicz",
+                          "virtualHearing": null,
+                          "wasVirtual": false,
+                          "witness": null,
+                          "worksheetIssues": Object {},
+                        }
+                      }
+                      isCancelled={false}
+                      isVirtual={false}
+                      scheduledForIsPast={false}
+                      user={
+                        Object {
+                          "addressCity": "Washington",
+                          "addressLine1": "123 Fake St.",
+                          "addressState": "DC",
+                          "addressZip": "20001",
+                          "name": "John Smith",
+                        }
+                      }
+                      virtualHearing={null}
+                      wasVirtual={false}
+                    >
                       <div
-                        className="usa-width-one-third"
+                        data-css-19plkw7=""
+                        data-css-1fmltfu=""
                       >
-                        <HearingEmail
-                          disabled={false}
-                          email="tom.brady@caseflow.gov"
-                          emailType="appellantEmailAddress"
-                          helperLabel="This email address will be used to send notifications for this hearing only."
-                          label="Veteran Email"
-                          optional={true}
-                          required={false}
-                          showHelper={true}
-                          update={[Function]}
-                        >
-                          <TextField
-                            className={
-                              Array [
-                                "cf-form-textinput cf-inline-field",
-                              ]
+                        <LinkContainer
+                          hearing={
+                            Object {
+                              "advanceOnDocketMotion": null,
+                              "aod": false,
+                              "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+                              "appealId": 613,
+                              "appellantAddressLine1": "9999 MISSION ST",
+                              "appellantCity": "SAN FRANCISCO",
+                              "appellantEmailAddress": "tom.brady@caseflow.gov",
+                              "appellantFirstName": "Tom",
+                              "appellantIsNotVeteran": true,
+                              "appellantLastName": "Brady",
+                              "appellantState": "CA",
+                              "appellantZip": "94103",
+                              "availableHearingLocations": Object {},
+                              "bvaPoc": null,
+                              "caseType": "Original",
+                              "centralOfficeTimeString": "04:00",
+                              "claimantId": 604,
+                              "closestRegionalOffice": null,
+                              "conferenceProvider": "pexip",
+                              "currentIssueCount": 1,
+                              "disposition": null,
+                              "dispositionEditable": true,
+                              "docketName": "legacy",
+                              "docketNumber": "200624-613",
+                              "emailEvents": Array [],
+                              "evidenceWindowWaived": false,
+                              "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                              "hearingDayId": 11,
+                              "id": 10,
+                              "isVirtual": false,
+                              "judge": Object {
+                                "createdAt": "2020-06-25T11:00:43.257-04:00",
+                                "cssId": "BVAAABSHIRE",
+                                "displayName": "BVAAABSHIRE (VACO)",
+                                "efolderDocumentsFetchedAt": null,
+                                "email": null,
+                                "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                                "id": 3,
+                                "lastLoginAt": null,
+                                "roles": Object {},
+                                "selectedRegionalOffice": null,
+                                "stationId": "101",
+                                "status": "active",
+                                "statusUpdatedAt": null,
+                                "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                              },
+                              "judgeId": "3",
+                              "location": null,
+                              "militaryService": "",
+                              "notes": null,
+                              "paperCase": false,
+                              "poaName": "AMERICAN LEGION",
+                              "prepped": null,
+                              "readableLocation": null,
+                              "readableRequestType": "Video",
+                              "regionalOfficeKey": "RO17",
+                              "regionalOfficeName": "St. Petersburg regional office",
+                              "regionalOfficeTimezone": "America/New_York",
+                              "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                              "representativeEmailAddress": "tom.brady@caseflow.gov",
+                              "representativeName": null,
+                              "room": "1",
+                              "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+                              "scheduledForIsPast": false,
+                              "scheduledTime": "2000-01-01T04:00:00.000-05:00",
+                              "scheduledTimeString": "04:00",
+                              "summary": null,
+                              "transcriptSentDate": undefined,
+                              "transcription": Object {
+                                "expectedReturnDate": undefined,
+                                "problemNoticeSentDate": undefined,
+                                "sentToTranscriberDate": undefined,
+                                "uploadedToVbmsDate": undefined,
+                              },
+                              "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                              "veteranAge": 85,
+                              "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+                              "veteranFileNumber": "100000005",
+                              "veteranFirstName": "Brian",
+                              "veteranGender": "M",
+                              "veteranLastName": "Hodkiewicz",
+                              "virtualHearing": null,
+                              "wasVirtual": false,
+                              "witness": null,
+                              "worksheetIssues": Object {},
                             }
-                            name="Veteran Email"
-                            onChange={[Function]}
-                            optional={true}
-                            readOnly={false}
-                            required={false}
-                            strongLabel={true}
-                            type="text"
-                            useAriaLabel={false}
-                            value="tom.brady@caseflow.gov"
+                          }
+                          isVirtual={false}
+                          label="Guest Link"
+                          linkText="Join Hearing"
+                          role="Guest"
+                          user={
+                            Object {
+                              "addressCity": "Washington",
+                              "addressLine1": "123 Fake St.",
+                              "addressState": "DC",
+                              "addressZip": "20001",
+                              "name": "John Smith",
+                            }
+                          }
+                          virtualHearing={null}
+                          wasVirtual={false}
+                        >
+                          <div
+                            data-css-tx10g=""
+                            id="guest-hearings-link"
                           >
-                            <div
-                              className="cf-form-textinput cf-inline-field   "
+                            <strong>
+                              Guest Link
+                              : 
+                            </strong>
+                            <VirtualHearingLinkDetails
+                              hearing={
+                                Object {
+                                  "advanceOnDocketMotion": null,
+                                  "aod": false,
+                                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+                                  "appealId": 613,
+                                  "appellantAddressLine1": "9999 MISSION ST",
+                                  "appellantCity": "SAN FRANCISCO",
+                                  "appellantEmailAddress": "tom.brady@caseflow.gov",
+                                  "appellantFirstName": "Tom",
+                                  "appellantIsNotVeteran": true,
+                                  "appellantLastName": "Brady",
+                                  "appellantState": "CA",
+                                  "appellantZip": "94103",
+                                  "availableHearingLocations": Object {},
+                                  "bvaPoc": null,
+                                  "caseType": "Original",
+                                  "centralOfficeTimeString": "04:00",
+                                  "claimantId": 604,
+                                  "closestRegionalOffice": null,
+                                  "conferenceProvider": "pexip",
+                                  "currentIssueCount": 1,
+                                  "disposition": null,
+                                  "dispositionEditable": true,
+                                  "docketName": "legacy",
+                                  "docketNumber": "200624-613",
+                                  "emailEvents": Array [],
+                                  "evidenceWindowWaived": false,
+                                  "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                                  "hearingDayId": 11,
+                                  "id": 10,
+                                  "isVirtual": false,
+                                  "judge": Object {
+                                    "createdAt": "2020-06-25T11:00:43.257-04:00",
+                                    "cssId": "BVAAABSHIRE",
+                                    "displayName": "BVAAABSHIRE (VACO)",
+                                    "efolderDocumentsFetchedAt": null,
+                                    "email": null,
+                                    "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                                    "id": 3,
+                                    "lastLoginAt": null,
+                                    "roles": Object {},
+                                    "selectedRegionalOffice": null,
+                                    "stationId": "101",
+                                    "status": "active",
+                                    "statusUpdatedAt": null,
+                                    "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                                  },
+                                  "judgeId": "3",
+                                  "location": null,
+                                  "militaryService": "",
+                                  "notes": null,
+                                  "paperCase": false,
+                                  "poaName": "AMERICAN LEGION",
+                                  "prepped": null,
+                                  "readableLocation": null,
+                                  "readableRequestType": "Video",
+                                  "regionalOfficeKey": "RO17",
+                                  "regionalOfficeName": "St. Petersburg regional office",
+                                  "regionalOfficeTimezone": "America/New_York",
+                                  "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                                  "representativeEmailAddress": "tom.brady@caseflow.gov",
+                                  "representativeName": null,
+                                  "room": "1",
+                                  "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+                                  "scheduledForIsPast": false,
+                                  "scheduledTime": "2000-01-01T04:00:00.000-05:00",
+                                  "scheduledTimeString": "04:00",
+                                  "summary": null,
+                                  "transcriptSentDate": undefined,
+                                  "transcription": Object {
+                                    "expectedReturnDate": undefined,
+                                    "problemNoticeSentDate": undefined,
+                                    "sentToTranscriberDate": undefined,
+                                    "uploadedToVbmsDate": undefined,
+                                  },
+                                  "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                                  "veteranAge": 85,
+                                  "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+                                  "veteranFileNumber": "100000005",
+                                  "veteranFirstName": "Brian",
+                                  "veteranGender": "M",
+                                  "veteranLastName": "Hodkiewicz",
+                                  "virtualHearing": null,
+                                  "wasVirtual": false,
+                                  "witness": null,
+                                  "worksheetIssues": Object {},
+                                }
+                              }
+                              isVirtual={false}
+                              label="Join Hearing"
+                              role="Guest"
+                              user={
+                                Object {
+                                  "addressCity": "Washington",
+                                  "addressLine1": "123 Fake St.",
+                                  "addressState": "DC",
+                                  "addressZip": "20001",
+                                  "name": "John Smith",
+                                }
+                              }
+                              virtualHearing={null}
+                              wasVirtual={false}
                             >
-                              <label
-                                htmlFor="Veteran Email"
+                              <span>
+                                N/A
+                              </span>
+                              <div
+                                data-css-1abghdv=""
                               >
                                 <strong>
-                                  <FormLabel
-                                    name="Veteran Email"
-                                    optional={true}
-                                    required={false}
-                                  >
-                                    <span>
-                                      Veteran Email
-                                      <span
-                                        className="cf-optional"
-                                      >
-                                        Optional
-                                      </span>
-                                    </span>
-                                  </FormLabel>
+                                  Conference Room: 
                                 </strong>
-                              </label>
+                                N/A
+                              </div>
                               <div
-                                className="input-container"
+                                data-css-6aejb2=""
                               >
-                                <input
-                                  aria-readonly={false}
-                                  className={
-                                    Array [
-                                      "cf-form-textinput cf-inline-field",
-                                    ]
-                                  }
-                                  id="Veteran Email"
-                                  name="Veteran Email"
-                                  onBlur={[Function]}
-                                  onChange={[Function]}
-                                  readOnly={false}
-                                  type="text"
-                                  value="tom.brady@caseflow.gov"
-                                />
+                                <strong>
+                                  PIN: 
+                                </strong>
+                                N/A
                               </div>
-                            </div>
-                          </TextField>
-                          <HelperText
-                            label="This email address will be used to send notifications for this hearing only."
-                          >
-                            <div
-                              className="helper-text"
-                            >
-                              This email address will be used to send notifications for this hearing only.
-                            </div>
-                          </HelperText>
-                        </HearingEmail>
+                              <CopyTextButton
+                                ariaLabel="Copy Guest Link"
+                                label=""
+                                styling={Object {}}
+                                text="Copy Guest Link"
+                                textToCopy={null}
+                              >
+                                <Tooltip
+                                  id="tooltip-Copy Guest Link"
+                                  position="bottom"
+                                  text="Click to copy"
+                                >
+                                  <CopyToClipboard
+                                    aria-describedby="tooltip-Copy Guest Link"
+                                    aria-label=""
+                                    data-event="focus mouseenter"
+                                    data-event-off="mouseleave keydown"
+                                    data-for="tooltip-Copy Guest Link"
+                                    data-tip={true}
+                                    tabIndex={0}
+                                    text="Copy Guest Link"
+                                  >
+                                    <button
+                                      aria-describedby="tooltip-Copy Guest Link"
+                                      aria-label=""
+                                      className="cf-apppeal-id"
+                                      data-css-p6dv0b=""
+                                      data-event="focus mouseenter"
+                                      data-event-off="mouseleave keydown"
+                                      data-for="tooltip-Copy Guest Link"
+                                      data-tip={true}
+                                      disabled={true}
+                                      onClick={[Function]}
+                                      tabIndex={0}
+                                      type="submit"
+                                    >
+                                      Copy Guest Link
+                                       
+                                      <ClipboardIcon
+                                        className=""
+                                        color="#5b616b"
+                                        size={17}
+                                      >
+                                        <svg
+                                          className=""
+                                          height={17}
+                                          viewBox="0 0 21 21"
+                                          xmlns="http://www.w3.org/2000/svg"
+                                        >
+                                          <path
+                                            d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                                            fill="#5b616b"
+                                            fillRule="evenodd"
+                                          />
+                                        </svg>
+                                      </ClipboardIcon>
+                                    </button>
+                                  </CopyToClipboard>
+                                  <span
+                                    data-css-1qgqh7a=""
+                                  >
+                                    <ReactTooltip
+                                      className="cf-tooltip"
+                                      clickable={false}
+                                      effect="solid"
+                                      id="tooltip-Copy Guest Link"
+                                      insecure={true}
+                                      multiline={true}
+                                      offset={Object {}}
+                                      place="bottom"
+                                      resizeHide={true}
+                                      role="tooltip"
+                                      wrapper="div"
+                                    >
+                                      <div
+                                        className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                                        data-id="tooltip"
+                                        id="tooltip-Copy Guest Link"
+                                        role="tooltip"
+                                      >
+                                        <style
+                                          dangerouslySetInnerHTML={
+                                            Object {
+                                              "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                                            }
+                                          }
+                                        />
+                                        Click to copy
+                                      </div>
+                                    </ReactTooltip>
+                                  </span>
+                                </Tooltip>
+                              </CopyTextButton>
+                            </VirtualHearingLinkDetails>
+                          </div>
+                        </LinkContainer>
                       </div>
-                    </div>
-                    <div
-                      className="cf-help-divider"
-                    />
+                    </HearingLinks>
+                  </div>
+                </div>
+              </ContentSection>
+            </VirtualHearingFields>
+            <EmailNotificationFields
+              errors={Object {}}
+              header="Email Notifications"
+              hearing={
+                Object {
+                  "advanceOnDocketMotion": null,
+                  "aod": false,
+                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+                  "appealId": 613,
+                  "appellantAddressLine1": "9999 MISSION ST",
+                  "appellantCity": "SAN FRANCISCO",
+                  "appellantEmailAddress": "tom.brady@caseflow.gov",
+                  "appellantFirstName": "Tom",
+                  "appellantIsNotVeteran": true,
+                  "appellantLastName": "Brady",
+                  "appellantState": "CA",
+                  "appellantZip": "94103",
+                  "availableHearingLocations": Object {},
+                  "bvaPoc": null,
+                  "caseType": "Original",
+                  "centralOfficeTimeString": "04:00",
+                  "claimantId": 604,
+                  "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
+                  "currentIssueCount": 1,
+                  "disposition": null,
+                  "dispositionEditable": true,
+                  "docketName": "legacy",
+                  "docketNumber": "200624-613",
+                  "emailEvents": Array [],
+                  "evidenceWindowWaived": false,
+                  "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                  "hearingDayId": 11,
+                  "id": 10,
+                  "isVirtual": false,
+                  "judge": Object {
+                    "createdAt": "2020-06-25T11:00:43.257-04:00",
+                    "cssId": "BVAAABSHIRE",
+                    "displayName": "BVAAABSHIRE (VACO)",
+                    "efolderDocumentsFetchedAt": null,
+                    "email": null,
+                    "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                    "id": 3,
+                    "lastLoginAt": null,
+                    "roles": Object {},
+                    "selectedRegionalOffice": null,
+                    "stationId": "101",
+                    "status": "active",
+                    "statusUpdatedAt": null,
+                    "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                  },
+                  "judgeId": "3",
+                  "location": null,
+                  "militaryService": "",
+                  "notes": null,
+                  "paperCase": false,
+                  "poaName": "AMERICAN LEGION",
+                  "prepped": null,
+                  "readableLocation": null,
+                  "readableRequestType": "Video",
+                  "regionalOfficeKey": "RO17",
+                  "regionalOfficeName": "St. Petersburg regional office",
+                  "regionalOfficeTimezone": "America/New_York",
+                  "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                  "representativeEmailAddress": "tom.brady@caseflow.gov",
+                  "representativeName": null,
+                  "room": "1",
+                  "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+                  "scheduledForIsPast": false,
+                  "scheduledTime": "2000-01-01T04:00:00.000-05:00",
+                  "scheduledTimeString": "04:00",
+                  "summary": null,
+                  "transcriptSentDate": undefined,
+                  "transcription": Object {
+                    "expectedReturnDate": undefined,
+                    "problemNoticeSentDate": undefined,
+                    "sentToTranscriberDate": undefined,
+                    "uploadedToVbmsDate": undefined,
+                  },
+                  "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                  "veteranAge": 85,
+                  "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+                  "veteranFileNumber": "100000005",
+                  "veteranFirstName": "Brian",
+                  "veteranGender": "M",
+                  "veteranLastName": "Hodkiewicz",
+                  "virtualHearing": null,
+                  "wasVirtual": false,
+                  "witness": null,
+                  "worksheetIssues": Object {},
+                }
+              }
+              initialHearing={
+                Object {
+                  "advanceOnDocketMotion": null,
+                  "aod": false,
+                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c3",
+                  "appealId": 613,
+                  "appellantAddressLine1": "9999 MISSION ST",
+                  "appellantCity": "SAN FRANCISCO",
+                  "appellantEmailAddress": "tom.brady@caseflow.gov",
+                  "appellantFirstName": "Tom",
+                  "appellantIsNotVeteran": true,
+                  "appellantLastName": "Brady",
+                  "appellantState": "CA",
+                  "appellantZip": "94103",
+                  "availableHearingLocations": Object {},
+                  "bvaPoc": null,
+                  "caseType": "Original",
+                  "centralOfficeTimeString": "04:00",
+                  "claimantId": 604,
+                  "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
+                  "currentIssueCount": 1,
+                  "disposition": null,
+                  "dispositionEditable": true,
+                  "docketName": "legacy",
+                  "docketNumber": "200624-613",
+                  "emailEvents": Array [],
+                  "evidenceWindowWaived": false,
+                  "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                  "hearingDayId": 11,
+                  "id": 10,
+                  "isVirtual": false,
+                  "judge": Object {
+                    "createdAt": "2020-06-25T11:00:43.257-04:00",
+                    "cssId": "BVAAABSHIRE",
+                    "displayName": "BVAAABSHIRE (VACO)",
+                    "efolderDocumentsFetchedAt": null,
+                    "email": null,
+                    "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                    "id": 3,
+                    "lastLoginAt": null,
+                    "roles": Object {},
+                    "selectedRegionalOffice": null,
+                    "stationId": "101",
+                    "status": "active",
+                    "statusUpdatedAt": null,
+                    "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                  },
+                  "judgeId": "3",
+                  "location": null,
+                  "militaryService": "",
+                  "notes": null,
+                  "paperCase": false,
+                  "poaName": "AMERICAN LEGION",
+                  "prepped": null,
+                  "readableLocation": null,
+                  "readableRequestType": "Video",
+                  "regionalOfficeKey": "RO17",
+                  "regionalOfficeName": "St. Petersburg regional office",
+                  "regionalOfficeTimezone": "America/New_York",
+                  "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                  "representativeEmailAddress": "tom.brady@caseflow.gov",
+                  "representativeName": null,
+                  "room": "1",
+                  "scheduledFor": "2020-07-06T04:00:00.000-04:00",
+                  "scheduledForIsPast": false,
+                  "scheduledTime": "2000-01-01T04:00:00.000-05:00",
+                  "scheduledTimeString": "04:00",
+                  "summary": null,
+                  "transcriptSentDate": undefined,
+                  "transcription": Object {
+                    "expectedReturnDate": undefined,
+                    "problemNoticeSentDate": undefined,
+                    "sentToTranscriberDate": undefined,
+                    "uploadedToVbmsDate": undefined,
+                  },
+                  "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                  "veteranAge": 85,
+                  "veteranEmailAddress": "Brian.Hodkiewicz@test.com",
+                  "veteranFileNumber": "100000005",
+                  "veteranFirstName": "Brian",
+                  "veteranGender": "M",
+                  "veteranLastName": "Hodkiewicz",
+                  "virtualHearing": null,
+                  "wasVirtual": false,
+                  "witness": null,
+                  "worksheetIssues": Object {},
+                }
+              }
+              requestType="Video"
+              roTimezone="America/New_York"
+              time="04:00"
+              update={[Function]}
+            >
+              <ContentSection
+                header="Email Notifications"
+              >
+                <div
+                  className="cf-app-segment"
+                >
+                  <h2
+                    data-css-3rhuy2=""
+                  >
+                    Email Notifications
+                  </h2>
+                  <div
+                    data-css-1571z6o=""
+                  >
                     <div
-                      className="usa-grid css-1jfbwxw"
+                      className="usa-grid"
+                      id="email-section"
                     >
                       <div
                         className="usa-width-one-third"
@@ -295574,23 +285321,23 @@ exports[`Details Matches snapshot with default props 1`] = `
                       >
                         <Timezone
                           hearingDayDate="2020-07-06"
-                          label="POA/Representative Timezone"
-                          name="representativeTz"
+                          label="Appellant Timezone"
+                          name="appellantTz"
                           onChange={[Function]}
-                          optional={false}
+                          optional={true}
                           readOnly={false}
-                          required={true}
+                          required={false}
                           roTimezone="America/New_York"
-                          time="06:00"
-                          value="America/Los_Angeles"
+                          time="04:00"
+                          value={null}
                         >
                           <SearchableDropdown
                             clearOnSelect={false}
-                            label="POA/Representative Timezone"
+                            label="Appellant Timezone"
                             loading={false}
-                            name="representativeTz"
+                            name="appellantTz"
                             onChange={[Function]}
-                            optional={false}
+                            optional={true}
                             options={
                               Array [
                                 Object {
@@ -295599,769 +285346,769 @@ exports[`Details Matches snapshot with default props 1`] = `
                                 },
                                 Object {
                                   "index": -3,
-                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
+                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
                                   "value": "America/New_York",
                                 },
                                 Object {
                                   "index": -2,
-                                  "label": "Central Time (US & Canada) (5:00 AM)",
+                                  "label": "Central Time (US & Canada) (3:00 AM)",
                                   "value": "America/Chicago",
                                 },
                                 Object {
                                   "index": -1,
-                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
+                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
                                   "value": "America/Denver",
                                 },
                                 Object {
                                   "index": -0,
-                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
                                   "value": "America/Los_Angeles",
                                 },
                                 Object {
                                   "index": 2.4,
-                                  "label": "Indiana (East) (6:00 AM)",
+                                  "label": "Indiana (East) (4:00 AM)",
                                   "value": "America/Indiana/Indianapolis",
                                 },
                                 Object {
                                   "index": 2.4,
-                                  "label": "Puerto Rico (6:00 AM)",
+                                  "label": "Puerto Rico (4:00 AM)",
                                   "value": "America/Puerto_Rico",
                                 },
                                 Object {
                                   "index": 4.2,
-                                  "label": "Arizona (3:00 AM)",
+                                  "label": "Arizona (1:00 AM)",
                                   "value": "America/Phoenix",
                                 },
                                 Object {
                                   "index": 4.8,
-                                  "label": "Alaska (2:00 AM)",
+                                  "label": "Alaska (12:00 AM)",
                                   "value": "America/Juneau",
                                 },
                                 Object {
                                   "index": 4.8,
-                                  "label": "Philippine Standard Time (6:00 PM)",
+                                  "label": "Philippine Standard Time (4:00 PM)",
                                   "value": "Asia/Manila",
                                 },
                                 Object {
                                   "index": 6,
-                                  "label": "Hawaii (12:00 AM)",
+                                  "label": "Hawaii (10:00 PM)",
                                   "value": "Pacific/Honolulu",
                                 },
                                 Object {
                                   "index": 100,
-                                  "label": "Azores (10:00 AM)",
+                                  "label": "Azores (8:00 AM)",
                                   "value": "Atlantic/Azores",
                                 },
                                 Object {
                                   "index": 100,
-                                  "label": "Monrovia (10:00 AM)",
+                                  "label": "Monrovia (8:00 AM)",
                                   "value": "Africa/Monrovia",
                                 },
                                 Object {
                                   "index": 100,
-                                  "label": "UTC (10:00 AM)",
+                                  "label": "UTC (8:00 AM)",
                                   "value": "Etc/UTC",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "Cape Verde Is. (9:00 AM)",
+                                  "label": "Cape Verde Is. (7:00 AM)",
                                   "value": "Atlantic/Cape_Verde",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "Dublin (11:00 AM)",
+                                  "label": "Dublin (9:00 AM)",
                                   "value": "Europe/Dublin",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "Edinburgh (11:00 AM)",
+                                  "label": "Edinburgh (9:00 AM)",
                                   "value": "Europe/London",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "Lisbon (11:00 AM)",
+                                  "label": "Lisbon (9:00 AM)",
                                   "value": "Europe/Lisbon",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "London (11:00 AM)",
+                                  "label": "London (9:00 AM)",
                                   "value": "Europe/London",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "Casablanca (11:00 AM)",
+                                  "label": "Casablanca (9:00 AM)",
                                   "value": "Africa/Casablanca",
                                 },
                                 Object {
                                   "index": 160,
-                                  "label": "West Central Africa (11:00 AM)",
+                                  "label": "West Central Africa (9:00 AM)",
                                   "value": "Africa/Algiers",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Greenland (8:00 AM)",
+                                  "label": "Greenland (6:00 AM)",
                                   "value": "America/Godthab",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Mid-Atlantic (8:00 AM)",
+                                  "label": "Mid-Atlantic (6:00 AM)",
                                   "value": "Atlantic/South_Georgia",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Belgrade (12:00 PM)",
+                                  "label": "Belgrade (10:00 AM)",
                                   "value": "Europe/Belgrade",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Bratislava (12:00 PM)",
+                                  "label": "Bratislava (10:00 AM)",
                                   "value": "Europe/Bratislava",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Budapest (12:00 PM)",
+                                  "label": "Budapest (10:00 AM)",
                                   "value": "Europe/Budapest",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Ljubljana (12:00 PM)",
+                                  "label": "Ljubljana (10:00 AM)",
                                   "value": "Europe/Ljubljana",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Prague (12:00 PM)",
+                                  "label": "Prague (10:00 AM)",
                                   "value": "Europe/Prague",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Sarajevo (12:00 PM)",
+                                  "label": "Sarajevo (10:00 AM)",
                                   "value": "Europe/Sarajevo",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Skopje (12:00 PM)",
+                                  "label": "Skopje (10:00 AM)",
                                   "value": "Europe/Skopje",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Warsaw (12:00 PM)",
+                                  "label": "Warsaw (10:00 AM)",
                                   "value": "Europe/Warsaw",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Zagreb (12:00 PM)",
+                                  "label": "Zagreb (10:00 AM)",
                                   "value": "Europe/Zagreb",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Brussels (12:00 PM)",
+                                  "label": "Brussels (10:00 AM)",
                                   "value": "Europe/Brussels",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Copenhagen (12:00 PM)",
+                                  "label": "Copenhagen (10:00 AM)",
                                   "value": "Europe/Copenhagen",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Madrid (12:00 PM)",
+                                  "label": "Madrid (10:00 AM)",
                                   "value": "Europe/Madrid",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Paris (12:00 PM)",
+                                  "label": "Paris (10:00 AM)",
                                   "value": "Europe/Paris",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Amsterdam (12:00 PM)",
+                                  "label": "Amsterdam (10:00 AM)",
                                   "value": "Europe/Amsterdam",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Berlin (12:00 PM)",
+                                  "label": "Berlin (10:00 AM)",
                                   "value": "Europe/Berlin",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Bern (12:00 PM)",
+                                  "label": "Bern (10:00 AM)",
                                   "value": "Europe/Zurich",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Zurich (12:00 PM)",
+                                  "label": "Zurich (10:00 AM)",
                                   "value": "Europe/Zurich",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Rome (12:00 PM)",
+                                  "label": "Rome (10:00 AM)",
                                   "value": "Europe/Rome",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Stockholm (12:00 PM)",
+                                  "label": "Stockholm (10:00 AM)",
                                   "value": "Europe/Stockholm",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Vienna (12:00 PM)",
+                                  "label": "Vienna (10:00 AM)",
                                   "value": "Europe/Vienna",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Cairo (12:00 PM)",
+                                  "label": "Cairo (10:00 AM)",
                                   "value": "Africa/Cairo",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Harare (12:00 PM)",
+                                  "label": "Harare (10:00 AM)",
                                   "value": "Africa/Harare",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Pretoria (12:00 PM)",
+                                  "label": "Pretoria (10:00 AM)",
                                   "value": "Africa/Johannesburg",
                                 },
                                 Object {
                                   "index": 220,
-                                  "label": "Kaliningrad (12:00 PM)",
+                                  "label": "Kaliningrad (10:00 AM)",
                                   "value": "Europe/Kaliningrad",
                                 },
                                 Object {
                                   "index": 250,
-                                  "label": "Newfoundland (7:30 AM)",
+                                  "label": "Newfoundland (5:30 AM)",
                                   "value": "America/St_Johns",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Atlantic Time (Canada) (7:00 AM)",
+                                  "label": "Atlantic Time (Canada) (5:00 AM)",
                                   "value": "America/Halifax",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Brasilia (7:00 AM)",
+                                  "label": "Brasilia (5:00 AM)",
                                   "value": "America/Sao_Paulo",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Buenos Aires (7:00 AM)",
+                                  "label": "Buenos Aires (5:00 AM)",
                                   "value": "America/Argentina/Buenos_Aires",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Montevideo (7:00 AM)",
+                                  "label": "Montevideo (5:00 AM)",
                                   "value": "America/Montevideo",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Bucharest (1:00 PM)",
+                                  "label": "Bucharest (11:00 AM)",
                                   "value": "Europe/Bucharest",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Helsinki (1:00 PM)",
+                                  "label": "Helsinki (11:00 AM)",
                                   "value": "Europe/Helsinki",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Kyiv (1:00 PM)",
+                                  "label": "Kyiv (11:00 AM)",
                                   "value": "Europe/Kiev",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Riga (1:00 PM)",
+                                  "label": "Riga (11:00 AM)",
                                   "value": "Europe/Riga",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Sofia (1:00 PM)",
+                                  "label": "Sofia (11:00 AM)",
                                   "value": "Europe/Sofia",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Tallinn (1:00 PM)",
+                                  "label": "Tallinn (11:00 AM)",
                                   "value": "Europe/Tallinn",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Vilnius (1:00 PM)",
+                                  "label": "Vilnius (11:00 AM)",
                                   "value": "Europe/Vilnius",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Athens (1:00 PM)",
+                                  "label": "Athens (11:00 AM)",
                                   "value": "Europe/Athens",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Istanbul (1:00 PM)",
+                                  "label": "Istanbul (11:00 AM)",
                                   "value": "Europe/Istanbul",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Minsk (1:00 PM)",
+                                  "label": "Minsk (11:00 AM)",
                                   "value": "Europe/Minsk",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Jerusalem (1:00 PM)",
+                                  "label": "Jerusalem (11:00 AM)",
                                   "value": "Asia/Jerusalem",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Moscow (1:00 PM)",
+                                  "label": "Moscow (11:00 AM)",
                                   "value": "Europe/Moscow",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "St. Petersburg (1:00 PM)",
+                                  "label": "St. Petersburg (11:00 AM)",
                                   "value": "Europe/Moscow",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Kuwait (1:00 PM)",
+                                  "label": "Kuwait (11:00 AM)",
                                   "value": "Asia/Kuwait",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Riyadh (1:00 PM)",
+                                  "label": "Riyadh (11:00 AM)",
                                   "value": "Asia/Riyadh",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Nairobi (1:00 PM)",
+                                  "label": "Nairobi (11:00 AM)",
                                   "value": "Africa/Nairobi",
                                 },
                                 Object {
                                   "index": 280,
-                                  "label": "Baghdad (1:00 PM)",
+                                  "label": "Baghdad (11:00 AM)",
                                   "value": "Asia/Baghdad",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Caracas (6:00 AM)",
+                                  "label": "Caracas (4:00 AM)",
                                   "value": "America/Caracas",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "La Paz (6:00 AM)",
+                                  "label": "La Paz (4:00 AM)",
                                   "value": "America/La_Paz",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Santiago (6:00 AM)",
+                                  "label": "Santiago (4:00 AM)",
                                   "value": "America/Santiago",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Georgetown (6:00 AM)",
+                                  "label": "Georgetown (4:00 AM)",
                                   "value": "America/Guyana",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Volgograd (2:00 PM)",
+                                  "label": "Volgograd (12:00 PM)",
                                   "value": "Europe/Volgograd",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Samara (2:00 PM)",
+                                  "label": "Samara (12:00 PM)",
                                   "value": "Europe/Samara",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Abu Dhabi (2:00 PM)",
+                                  "label": "Abu Dhabi (12:00 PM)",
                                   "value": "Asia/Muscat",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Muscat (2:00 PM)",
+                                  "label": "Muscat (12:00 PM)",
                                   "value": "Asia/Muscat",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Baku (2:00 PM)",
+                                  "label": "Baku (12:00 PM)",
                                   "value": "Asia/Baku",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Tbilisi (2:00 PM)",
+                                  "label": "Tbilisi (12:00 PM)",
                                   "value": "Asia/Tbilisi",
                                 },
                                 Object {
                                   "index": 340,
-                                  "label": "Yerevan (2:00 PM)",
+                                  "label": "Yerevan (12:00 PM)",
                                   "value": "Asia/Yerevan",
                                 },
                                 Object {
                                   "index": 370,
-                                  "label": "Tehran (2:30 PM)",
+                                  "label": "Tehran (12:30 PM)",
                                   "value": "Asia/Tehran",
                                 },
                                 Object {
                                   "index": 370,
-                                  "label": "Kabul (2:30 PM)",
+                                  "label": "Kabul (12:30 PM)",
                                   "value": "Asia/Kabul",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Guadalajara (5:00 AM)",
+                                  "label": "Guadalajara (3:00 AM)",
                                   "value": "America/Mexico_City",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Mexico City (5:00 AM)",
+                                  "label": "Mexico City (3:00 AM)",
                                   "value": "America/Mexico_City",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Monterrey (5:00 AM)",
+                                  "label": "Monterrey (3:00 AM)",
                                   "value": "America/Monterrey",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Bogota (5:00 AM)",
+                                  "label": "Bogota (3:00 AM)",
                                   "value": "America/Bogota",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Lima (5:00 AM)",
+                                  "label": "Lima (3:00 AM)",
                                   "value": "America/Lima",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Quito (5:00 AM)",
+                                  "label": "Quito (3:00 AM)",
                                   "value": "America/Lima",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Ekaterinburg (3:00 PM)",
+                                  "label": "Ekaterinburg (1:00 PM)",
                                   "value": "Asia/Yekaterinburg",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Islamabad (3:00 PM)",
+                                  "label": "Islamabad (1:00 PM)",
                                   "value": "Asia/Karachi",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Karachi (3:00 PM)",
+                                  "label": "Karachi (1:00 PM)",
                                   "value": "Asia/Karachi",
                                 },
                                 Object {
                                   "index": 400,
-                                  "label": "Tashkent (3:00 PM)",
+                                  "label": "Tashkent (1:00 PM)",
                                   "value": "Asia/Tashkent",
                                 },
                                 Object {
                                   "index": 430,
-                                  "label": "Chennai (3:30 PM)",
+                                  "label": "Chennai (1:30 PM)",
                                   "value": "Asia/Kolkata",
                                 },
                                 Object {
                                   "index": 430,
-                                  "label": "Kolkata (3:30 PM)",
+                                  "label": "Kolkata (1:30 PM)",
                                   "value": "Asia/Kolkata",
                                 },
                                 Object {
                                   "index": 430,
-                                  "label": "Mumbai (3:30 PM)",
+                                  "label": "Mumbai (1:30 PM)",
                                   "value": "Asia/Kolkata",
                                 },
                                 Object {
                                   "index": 430,
-                                  "label": "New Delhi (3:30 PM)",
+                                  "label": "New Delhi (1:30 PM)",
                                   "value": "Asia/Kolkata",
                                 },
                                 Object {
                                   "index": 430,
-                                  "label": "Sri Jayawardenepura (3:30 PM)",
+                                  "label": "Sri Jayawardenepura (1:30 PM)",
                                   "value": "Asia/Colombo",
                                 },
                                 Object {
                                   "index": 445,
-                                  "label": "Kathmandu (3:45 PM)",
+                                  "label": "Kathmandu (1:45 PM)",
                                   "value": "Asia/Kathmandu",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Chihuahua (4:00 AM)",
+                                  "label": "Chihuahua (2:00 AM)",
                                   "value": "America/Chihuahua",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Mazatlan (4:00 AM)",
+                                  "label": "Mazatlan (2:00 AM)",
                                   "value": "America/Mazatlan",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Saskatchewan (4:00 AM)",
+                                  "label": "Saskatchewan (2:00 AM)",
                                   "value": "America/Regina",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Central America (4:00 AM)",
+                                  "label": "Central America (2:00 AM)",
                                   "value": "America/Guatemala",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Astana (4:00 PM)",
+                                  "label": "Astana (2:00 PM)",
                                   "value": "Asia/Dhaka",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Dhaka (4:00 PM)",
+                                  "label": "Dhaka (2:00 PM)",
                                   "value": "Asia/Dhaka",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Almaty (4:00 PM)",
+                                  "label": "Almaty (2:00 PM)",
                                   "value": "Asia/Almaty",
                                 },
                                 Object {
                                   "index": 460,
-                                  "label": "Urumqi (4:00 PM)",
+                                  "label": "Urumqi (2:00 PM)",
                                   "value": "Asia/Urumqi",
                                 },
                                 Object {
                                   "index": 490,
-                                  "label": "Rangoon (4:30 PM)",
+                                  "label": "Rangoon (2:30 PM)",
                                   "value": "Asia/Rangoon",
                                 },
                                 Object {
                                   "index": 520,
-                                  "label": "Tijuana (3:00 AM)",
+                                  "label": "Tijuana (1:00 AM)",
                                   "value": "America/Tijuana",
                                 },
                                 Object {
                                   "index": 520,
-                                  "label": "Novosibirsk (5:00 PM)",
+                                  "label": "Novosibirsk (3:00 PM)",
                                   "value": "Asia/Novosibirsk",
                                 },
                                 Object {
                                   "index": 520,
-                                  "label": "Bangkok (5:00 PM)",
+                                  "label": "Bangkok (3:00 PM)",
                                   "value": "Asia/Bangkok",
                                 },
                                 Object {
                                   "index": 520,
-                                  "label": "Hanoi (5:00 PM)",
+                                  "label": "Hanoi (3:00 PM)",
                                   "value": "Asia/Bangkok",
                                 },
                                 Object {
                                   "index": 520,
-                                  "label": "Jakarta (5:00 PM)",
+                                  "label": "Jakarta (3:00 PM)",
                                   "value": "Asia/Jakarta",
                                 },
                                 Object {
                                   "index": 520,
-                                  "label": "Krasnoyarsk (5:00 PM)",
+                                  "label": "Krasnoyarsk (3:00 PM)",
                                   "value": "Asia/Krasnoyarsk",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Beijing (6:00 PM)",
+                                  "label": "Beijing (4:00 PM)",
                                   "value": "Asia/Shanghai",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Chongqing (6:00 PM)",
+                                  "label": "Chongqing (4:00 PM)",
                                   "value": "Asia/Chongqing",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Hong Kong (6:00 PM)",
+                                  "label": "Hong Kong (4:00 PM)",
                                   "value": "Asia/Hong_Kong",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Kuala Lumpur (6:00 PM)",
+                                  "label": "Kuala Lumpur (4:00 PM)",
                                   "value": "Asia/Kuala_Lumpur",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Singapore (6:00 PM)",
+                                  "label": "Singapore (4:00 PM)",
                                   "value": "Asia/Singapore",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Taipei (6:00 PM)",
+                                  "label": "Taipei (4:00 PM)",
                                   "value": "Asia/Taipei",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Perth (6:00 PM)",
+                                  "label": "Perth (4:00 PM)",
                                   "value": "Australia/Perth",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Irkutsk (6:00 PM)",
+                                  "label": "Irkutsk (4:00 PM)",
                                   "value": "Asia/Irkutsk",
                                 },
                                 Object {
                                   "index": 580,
-                                  "label": "Ulaanbaatar (6:00 PM)",
+                                  "label": "Ulaanbaatar (4:00 PM)",
                                   "value": "Asia/Ulaanbaatar",
                                 },
                                 Object {
                                   "index": 640,
-                                  "label": "Seoul (7:00 PM)",
+                                  "label": "Seoul (5:00 PM)",
                                   "value": "Asia/Seoul",
                                 },
                                 Object {
                                   "index": 640,
-                                  "label": "Osaka (7:00 PM)",
+                                  "label": "Osaka (5:00 PM)",
                                   "value": "Asia/Tokyo",
                                 },
                                 Object {
                                   "index": 640,
-                                  "label": "Sapporo (7:00 PM)",
+                                  "label": "Sapporo (5:00 PM)",
                                   "value": "Asia/Tokyo",
                                 },
                                 Object {
                                   "index": 640,
-                                  "label": "Tokyo (7:00 PM)",
+                                  "label": "Tokyo (5:00 PM)",
                                   "value": "Asia/Tokyo",
                                 },
                                 Object {
                                   "index": 640,
-                                  "label": "Yakutsk (7:00 PM)",
+                                  "label": "Yakutsk (5:00 PM)",
                                   "value": "Asia/Yakutsk",
                                 },
                                 Object {
                                   "index": 670,
-                                  "label": "Darwin (7:30 PM)",
+                                  "label": "Darwin (5:30 PM)",
                                   "value": "Australia/Darwin",
                                 },
                                 Object {
                                   "index": 670,
-                                  "label": "Adelaide (7:30 PM)",
+                                  "label": "Adelaide (5:30 PM)",
                                   "value": "Australia/Adelaide",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Canberra (8:00 PM)",
+                                  "label": "Canberra (6:00 PM)",
                                   "value": "Australia/Melbourne",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Melbourne (8:00 PM)",
+                                  "label": "Melbourne (6:00 PM)",
                                   "value": "Australia/Melbourne",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Sydney (8:00 PM)",
+                                  "label": "Sydney (6:00 PM)",
                                   "value": "Australia/Sydney",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Brisbane (8:00 PM)",
+                                  "label": "Brisbane (6:00 PM)",
                                   "value": "Australia/Brisbane",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Hobart (8:00 PM)",
+                                  "label": "Hobart (6:00 PM)",
                                   "value": "Australia/Hobart",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Vladivostok (8:00 PM)",
+                                  "label": "Vladivostok (6:00 PM)",
                                   "value": "Asia/Vladivostok",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Guam (8:00 PM)",
+                                  "label": "Guam (6:00 PM)",
                                   "value": "Pacific/Guam",
                                 },
                                 Object {
                                   "index": 700,
-                                  "label": "Port Moresby (8:00 PM)",
+                                  "label": "Port Moresby (6:00 PM)",
                                   "value": "Pacific/Port_Moresby",
                                 },
                                 Object {
                                   "index": 760,
-                                  "label": "Midway Island (11:00 PM)",
+                                  "label": "Midway Island (9:00 PM)",
                                   "value": "Pacific/Midway",
                                 },
                                 Object {
                                   "index": 760,
-                                  "label": "American Samoa (11:00 PM)",
+                                  "label": "American Samoa (9:00 PM)",
                                   "value": "Pacific/Pago_Pago",
                                 },
                                 Object {
                                   "index": 760,
-                                  "label": "Magadan (9:00 PM)",
+                                  "label": "Magadan (7:00 PM)",
                                   "value": "Asia/Magadan",
                                 },
                                 Object {
                                   "index": 760,
-                                  "label": "Srednekolymsk (9:00 PM)",
+                                  "label": "Srednekolymsk (7:00 PM)",
                                   "value": "Asia/Srednekolymsk",
                                 },
                                 Object {
                                   "index": 760,
-                                  "label": "Solomon Is. (9:00 PM)",
+                                  "label": "Solomon Is. (7:00 PM)",
                                   "value": "Pacific/Guadalcanal",
                                 },
                                 Object {
                                   "index": 760,
-                                  "label": "New Caledonia (9:00 PM)",
+                                  "label": "New Caledonia (7:00 PM)",
                                   "value": "Pacific/Noumea",
                                 },
                                 Object {
                                   "index": 820,
-                                  "label": "International Date Line West (10:00 PM)",
+                                  "label": "International Date Line West (8:00 PM)",
                                   "value": "Etc/GMT+12",
                                 },
                                 Object {
                                   "index": 820,
-                                  "label": "Fiji (10:00 PM)",
+                                  "label": "Fiji (8:00 PM)",
                                   "value": "Pacific/Fiji",
                                 },
                                 Object {
                                   "index": 820,
-                                  "label": "Kamchatka (10:00 PM)",
+                                  "label": "Kamchatka (8:00 PM)",
                                   "value": "Asia/Kamchatka",
                                 },
                                 Object {
                                   "index": 820,
-                                  "label": "Marshall Is. (10:00 PM)",
+                                  "label": "Marshall Is. (8:00 PM)",
                                   "value": "Pacific/Majuro",
                                 },
                                 Object {
                                   "index": 820,
-                                  "label": "Auckland (10:00 PM)",
+                                  "label": "Auckland (8:00 PM)",
                                   "value": "Pacific/Auckland",
                                 },
                                 Object {
                                   "index": 820,
-                                  "label": "Wellington (10:00 PM)",
+                                  "label": "Wellington (8:00 PM)",
                                   "value": "Pacific/Auckland",
                                 },
                                 Object {
                                   "index": 865,
-                                  "label": "Chatham Is. (10:45 PM)",
+                                  "label": "Chatham Is. (8:45 PM)",
                                   "value": "Pacific/Chatham",
                                 },
                                 Object {
                                   "index": 880,
-                                  "label": "Nuku'alofa (11:00 PM)",
+                                  "label": "Nuku'alofa (9:00 PM)",
                                   "value": "Pacific/Tongatapu",
                                 },
                                 Object {
                                   "index": 880,
-                                  "label": "Tokelau Is. (11:00 PM)",
+                                  "label": "Tokelau Is. (9:00 PM)",
                                   "value": "Pacific/Fakaofo",
                                 },
                                 Object {
                                   "index": 880,
-                                  "label": "Samoa (11:00 PM)",
+                                  "label": "Samoa (9:00 PM)",
                                   "value": "Pacific/Apia",
                                 },
                               ]
                             }
                             placeholder="Select a timezone"
                             readOnly={false}
-                            required={true}
+                            required={false}
                             strongLabel={true}
                             styling={
                               Object {
@@ -296375,33 +286122,33 @@ exports[`Details Matches snapshot with default props 1`] = `
                                 },
                               }
                             }
-                            value="America/Los_Angeles"
+                            value={null}
                           >
                             <div
                               className=""
                             >
                               <div
-                                className="cf-form-dropdown dropdown-representativeTz"
+                                className="cf-form-dropdown dropdown-appellantTz"
                                 data-css-1gh7024=""
                               >
                                 <label
                                   className="question-label"
-                                  htmlFor="representative-tz"
-                                  id="representative-tz-label"
+                                  htmlFor="appellant-tz"
+                                  id="appellant-tz-label"
                                 >
                                   <strong>
                                     <FormLabel
-                                      label="POA/Representative Timezone"
-                                      name="POA/Representative Timezone"
-                                      optional={false}
-                                      required={true}
+                                      label="Appellant Timezone"
+                                      name="Appellant Timezone"
+                                      optional={true}
+                                      required={false}
                                     >
                                       <span>
-                                        POA/Representative Timezone
+                                        Appellant Timezone
                                         <span
-                                          className="cf-required"
+                                          className="cf-optional"
                                         >
-                                          Required
+                                          Optional
                                         </span>
                                       </span>
                                     </FormLabel>
@@ -296423,11 +286170,11 @@ exports[`Details Matches snapshot with default props 1`] = `
                                     defaultInputValue=""
                                     defaultMenuIsOpen={false}
                                     defaultValue={null}
-                                    inputId="representative-tz"
+                                    inputId="appellant-tz"
                                     isDisabled={false}
                                     isLoading={false}
                                     isSearchable={true}
-                                    name="representativeTz"
+                                    name="appellantTz"
                                     noOptionsMessage={[Function]}
                                     onBlurResetsInput={false}
                                     onChange={[Function]}
@@ -296441,762 +286188,762 @@ exports[`Details Matches snapshot with default props 1`] = `
                                         },
                                         Object {
                                           "index": -3,
-                                          "label": "Eastern Time (US & Canada) (6:00 AM)",
+                                          "label": "Eastern Time (US & Canada) (4:00 AM)",
                                           "value": "America/New_York",
                                         },
                                         Object {
                                           "index": -2,
-                                          "label": "Central Time (US & Canada) (5:00 AM)",
+                                          "label": "Central Time (US & Canada) (3:00 AM)",
                                           "value": "America/Chicago",
                                         },
                                         Object {
                                           "index": -1,
-                                          "label": "Mountain Time (US & Canada) (4:00 AM)",
+                                          "label": "Mountain Time (US & Canada) (2:00 AM)",
                                           "value": "America/Denver",
                                         },
                                         Object {
                                           "index": -0,
-                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                          "label": "Pacific Time (US & Canada) (1:00 AM)",
                                           "value": "America/Los_Angeles",
                                         },
                                         Object {
                                           "index": 2.4,
-                                          "label": "Indiana (East) (6:00 AM)",
+                                          "label": "Indiana (East) (4:00 AM)",
                                           "value": "America/Indiana/Indianapolis",
                                         },
                                         Object {
                                           "index": 2.4,
-                                          "label": "Puerto Rico (6:00 AM)",
+                                          "label": "Puerto Rico (4:00 AM)",
                                           "value": "America/Puerto_Rico",
                                         },
                                         Object {
                                           "index": 4.2,
-                                          "label": "Arizona (3:00 AM)",
+                                          "label": "Arizona (1:00 AM)",
                                           "value": "America/Phoenix",
                                         },
                                         Object {
                                           "index": 4.8,
-                                          "label": "Alaska (2:00 AM)",
+                                          "label": "Alaska (12:00 AM)",
                                           "value": "America/Juneau",
                                         },
                                         Object {
                                           "index": 4.8,
-                                          "label": "Philippine Standard Time (6:00 PM)",
+                                          "label": "Philippine Standard Time (4:00 PM)",
                                           "value": "Asia/Manila",
                                         },
                                         Object {
                                           "index": 6,
-                                          "label": "Hawaii (12:00 AM)",
+                                          "label": "Hawaii (10:00 PM)",
                                           "value": "Pacific/Honolulu",
                                         },
                                         Object {
                                           "index": 100,
-                                          "label": "Azores (10:00 AM)",
+                                          "label": "Azores (8:00 AM)",
                                           "value": "Atlantic/Azores",
                                         },
                                         Object {
                                           "index": 100,
-                                          "label": "Monrovia (10:00 AM)",
+                                          "label": "Monrovia (8:00 AM)",
                                           "value": "Africa/Monrovia",
                                         },
                                         Object {
                                           "index": 100,
-                                          "label": "UTC (10:00 AM)",
+                                          "label": "UTC (8:00 AM)",
                                           "value": "Etc/UTC",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "Cape Verde Is. (9:00 AM)",
+                                          "label": "Cape Verde Is. (7:00 AM)",
                                           "value": "Atlantic/Cape_Verde",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "Dublin (11:00 AM)",
+                                          "label": "Dublin (9:00 AM)",
                                           "value": "Europe/Dublin",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "Edinburgh (11:00 AM)",
+                                          "label": "Edinburgh (9:00 AM)",
                                           "value": "Europe/London",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "Lisbon (11:00 AM)",
+                                          "label": "Lisbon (9:00 AM)",
                                           "value": "Europe/Lisbon",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "London (11:00 AM)",
+                                          "label": "London (9:00 AM)",
                                           "value": "Europe/London",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "Casablanca (11:00 AM)",
+                                          "label": "Casablanca (9:00 AM)",
                                           "value": "Africa/Casablanca",
                                         },
                                         Object {
                                           "index": 160,
-                                          "label": "West Central Africa (11:00 AM)",
+                                          "label": "West Central Africa (9:00 AM)",
                                           "value": "Africa/Algiers",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Greenland (8:00 AM)",
+                                          "label": "Greenland (6:00 AM)",
                                           "value": "America/Godthab",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Mid-Atlantic (8:00 AM)",
+                                          "label": "Mid-Atlantic (6:00 AM)",
                                           "value": "Atlantic/South_Georgia",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Belgrade (12:00 PM)",
+                                          "label": "Belgrade (10:00 AM)",
                                           "value": "Europe/Belgrade",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Bratislava (12:00 PM)",
+                                          "label": "Bratislava (10:00 AM)",
                                           "value": "Europe/Bratislava",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Budapest (12:00 PM)",
+                                          "label": "Budapest (10:00 AM)",
                                           "value": "Europe/Budapest",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Ljubljana (12:00 PM)",
+                                          "label": "Ljubljana (10:00 AM)",
                                           "value": "Europe/Ljubljana",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Prague (12:00 PM)",
+                                          "label": "Prague (10:00 AM)",
                                           "value": "Europe/Prague",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Sarajevo (12:00 PM)",
+                                          "label": "Sarajevo (10:00 AM)",
                                           "value": "Europe/Sarajevo",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Skopje (12:00 PM)",
+                                          "label": "Skopje (10:00 AM)",
                                           "value": "Europe/Skopje",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Warsaw (12:00 PM)",
+                                          "label": "Warsaw (10:00 AM)",
                                           "value": "Europe/Warsaw",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Zagreb (12:00 PM)",
+                                          "label": "Zagreb (10:00 AM)",
                                           "value": "Europe/Zagreb",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Brussels (12:00 PM)",
+                                          "label": "Brussels (10:00 AM)",
                                           "value": "Europe/Brussels",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Copenhagen (12:00 PM)",
+                                          "label": "Copenhagen (10:00 AM)",
                                           "value": "Europe/Copenhagen",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Madrid (12:00 PM)",
+                                          "label": "Madrid (10:00 AM)",
                                           "value": "Europe/Madrid",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Paris (12:00 PM)",
+                                          "label": "Paris (10:00 AM)",
                                           "value": "Europe/Paris",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Amsterdam (12:00 PM)",
+                                          "label": "Amsterdam (10:00 AM)",
                                           "value": "Europe/Amsterdam",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Berlin (12:00 PM)",
+                                          "label": "Berlin (10:00 AM)",
                                           "value": "Europe/Berlin",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Bern (12:00 PM)",
+                                          "label": "Bern (10:00 AM)",
                                           "value": "Europe/Zurich",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Zurich (12:00 PM)",
+                                          "label": "Zurich (10:00 AM)",
                                           "value": "Europe/Zurich",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Rome (12:00 PM)",
+                                          "label": "Rome (10:00 AM)",
                                           "value": "Europe/Rome",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Stockholm (12:00 PM)",
+                                          "label": "Stockholm (10:00 AM)",
                                           "value": "Europe/Stockholm",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Vienna (12:00 PM)",
+                                          "label": "Vienna (10:00 AM)",
                                           "value": "Europe/Vienna",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Cairo (12:00 PM)",
+                                          "label": "Cairo (10:00 AM)",
                                           "value": "Africa/Cairo",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Harare (12:00 PM)",
+                                          "label": "Harare (10:00 AM)",
                                           "value": "Africa/Harare",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Pretoria (12:00 PM)",
+                                          "label": "Pretoria (10:00 AM)",
                                           "value": "Africa/Johannesburg",
                                         },
                                         Object {
                                           "index": 220,
-                                          "label": "Kaliningrad (12:00 PM)",
+                                          "label": "Kaliningrad (10:00 AM)",
                                           "value": "Europe/Kaliningrad",
                                         },
                                         Object {
                                           "index": 250,
-                                          "label": "Newfoundland (7:30 AM)",
+                                          "label": "Newfoundland (5:30 AM)",
                                           "value": "America/St_Johns",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Atlantic Time (Canada) (7:00 AM)",
+                                          "label": "Atlantic Time (Canada) (5:00 AM)",
                                           "value": "America/Halifax",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Brasilia (7:00 AM)",
+                                          "label": "Brasilia (5:00 AM)",
                                           "value": "America/Sao_Paulo",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Buenos Aires (7:00 AM)",
+                                          "label": "Buenos Aires (5:00 AM)",
                                           "value": "America/Argentina/Buenos_Aires",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Montevideo (7:00 AM)",
+                                          "label": "Montevideo (5:00 AM)",
                                           "value": "America/Montevideo",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Bucharest (1:00 PM)",
+                                          "label": "Bucharest (11:00 AM)",
                                           "value": "Europe/Bucharest",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Helsinki (1:00 PM)",
+                                          "label": "Helsinki (11:00 AM)",
                                           "value": "Europe/Helsinki",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Kyiv (1:00 PM)",
+                                          "label": "Kyiv (11:00 AM)",
                                           "value": "Europe/Kiev",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Riga (1:00 PM)",
+                                          "label": "Riga (11:00 AM)",
                                           "value": "Europe/Riga",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Sofia (1:00 PM)",
+                                          "label": "Sofia (11:00 AM)",
                                           "value": "Europe/Sofia",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Tallinn (1:00 PM)",
+                                          "label": "Tallinn (11:00 AM)",
                                           "value": "Europe/Tallinn",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Vilnius (1:00 PM)",
+                                          "label": "Vilnius (11:00 AM)",
                                           "value": "Europe/Vilnius",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Athens (1:00 PM)",
+                                          "label": "Athens (11:00 AM)",
                                           "value": "Europe/Athens",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Istanbul (1:00 PM)",
+                                          "label": "Istanbul (11:00 AM)",
                                           "value": "Europe/Istanbul",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Minsk (1:00 PM)",
+                                          "label": "Minsk (11:00 AM)",
                                           "value": "Europe/Minsk",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Jerusalem (1:00 PM)",
+                                          "label": "Jerusalem (11:00 AM)",
                                           "value": "Asia/Jerusalem",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Moscow (1:00 PM)",
+                                          "label": "Moscow (11:00 AM)",
                                           "value": "Europe/Moscow",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "St. Petersburg (1:00 PM)",
+                                          "label": "St. Petersburg (11:00 AM)",
                                           "value": "Europe/Moscow",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Kuwait (1:00 PM)",
+                                          "label": "Kuwait (11:00 AM)",
                                           "value": "Asia/Kuwait",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Riyadh (1:00 PM)",
+                                          "label": "Riyadh (11:00 AM)",
                                           "value": "Asia/Riyadh",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Nairobi (1:00 PM)",
+                                          "label": "Nairobi (11:00 AM)",
                                           "value": "Africa/Nairobi",
                                         },
                                         Object {
                                           "index": 280,
-                                          "label": "Baghdad (1:00 PM)",
+                                          "label": "Baghdad (11:00 AM)",
                                           "value": "Asia/Baghdad",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Caracas (6:00 AM)",
+                                          "label": "Caracas (4:00 AM)",
                                           "value": "America/Caracas",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "La Paz (6:00 AM)",
+                                          "label": "La Paz (4:00 AM)",
                                           "value": "America/La_Paz",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Santiago (6:00 AM)",
+                                          "label": "Santiago (4:00 AM)",
                                           "value": "America/Santiago",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Georgetown (6:00 AM)",
+                                          "label": "Georgetown (4:00 AM)",
                                           "value": "America/Guyana",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Volgograd (2:00 PM)",
+                                          "label": "Volgograd (12:00 PM)",
                                           "value": "Europe/Volgograd",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Samara (2:00 PM)",
+                                          "label": "Samara (12:00 PM)",
                                           "value": "Europe/Samara",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Abu Dhabi (2:00 PM)",
+                                          "label": "Abu Dhabi (12:00 PM)",
                                           "value": "Asia/Muscat",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Muscat (2:00 PM)",
+                                          "label": "Muscat (12:00 PM)",
                                           "value": "Asia/Muscat",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Baku (2:00 PM)",
+                                          "label": "Baku (12:00 PM)",
                                           "value": "Asia/Baku",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Tbilisi (2:00 PM)",
+                                          "label": "Tbilisi (12:00 PM)",
                                           "value": "Asia/Tbilisi",
                                         },
                                         Object {
                                           "index": 340,
-                                          "label": "Yerevan (2:00 PM)",
+                                          "label": "Yerevan (12:00 PM)",
                                           "value": "Asia/Yerevan",
                                         },
                                         Object {
                                           "index": 370,
-                                          "label": "Tehran (2:30 PM)",
+                                          "label": "Tehran (12:30 PM)",
                                           "value": "Asia/Tehran",
                                         },
                                         Object {
                                           "index": 370,
-                                          "label": "Kabul (2:30 PM)",
+                                          "label": "Kabul (12:30 PM)",
                                           "value": "Asia/Kabul",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Guadalajara (5:00 AM)",
+                                          "label": "Guadalajara (3:00 AM)",
                                           "value": "America/Mexico_City",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Mexico City (5:00 AM)",
+                                          "label": "Mexico City (3:00 AM)",
                                           "value": "America/Mexico_City",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Monterrey (5:00 AM)",
+                                          "label": "Monterrey (3:00 AM)",
                                           "value": "America/Monterrey",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Bogota (5:00 AM)",
+                                          "label": "Bogota (3:00 AM)",
                                           "value": "America/Bogota",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Lima (5:00 AM)",
+                                          "label": "Lima (3:00 AM)",
                                           "value": "America/Lima",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Quito (5:00 AM)",
+                                          "label": "Quito (3:00 AM)",
                                           "value": "America/Lima",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Ekaterinburg (3:00 PM)",
+                                          "label": "Ekaterinburg (1:00 PM)",
                                           "value": "Asia/Yekaterinburg",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Islamabad (3:00 PM)",
+                                          "label": "Islamabad (1:00 PM)",
                                           "value": "Asia/Karachi",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Karachi (3:00 PM)",
+                                          "label": "Karachi (1:00 PM)",
                                           "value": "Asia/Karachi",
                                         },
                                         Object {
                                           "index": 400,
-                                          "label": "Tashkent (3:00 PM)",
+                                          "label": "Tashkent (1:00 PM)",
                                           "value": "Asia/Tashkent",
                                         },
                                         Object {
                                           "index": 430,
-                                          "label": "Chennai (3:30 PM)",
+                                          "label": "Chennai (1:30 PM)",
                                           "value": "Asia/Kolkata",
                                         },
                                         Object {
                                           "index": 430,
-                                          "label": "Kolkata (3:30 PM)",
+                                          "label": "Kolkata (1:30 PM)",
                                           "value": "Asia/Kolkata",
                                         },
                                         Object {
                                           "index": 430,
-                                          "label": "Mumbai (3:30 PM)",
+                                          "label": "Mumbai (1:30 PM)",
                                           "value": "Asia/Kolkata",
                                         },
                                         Object {
                                           "index": 430,
-                                          "label": "New Delhi (3:30 PM)",
+                                          "label": "New Delhi (1:30 PM)",
                                           "value": "Asia/Kolkata",
                                         },
                                         Object {
                                           "index": 430,
-                                          "label": "Sri Jayawardenepura (3:30 PM)",
+                                          "label": "Sri Jayawardenepura (1:30 PM)",
                                           "value": "Asia/Colombo",
                                         },
                                         Object {
                                           "index": 445,
-                                          "label": "Kathmandu (3:45 PM)",
+                                          "label": "Kathmandu (1:45 PM)",
                                           "value": "Asia/Kathmandu",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Chihuahua (4:00 AM)",
+                                          "label": "Chihuahua (2:00 AM)",
                                           "value": "America/Chihuahua",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Mazatlan (4:00 AM)",
+                                          "label": "Mazatlan (2:00 AM)",
                                           "value": "America/Mazatlan",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Saskatchewan (4:00 AM)",
+                                          "label": "Saskatchewan (2:00 AM)",
                                           "value": "America/Regina",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Central America (4:00 AM)",
+                                          "label": "Central America (2:00 AM)",
                                           "value": "America/Guatemala",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Astana (4:00 PM)",
+                                          "label": "Astana (2:00 PM)",
                                           "value": "Asia/Dhaka",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Dhaka (4:00 PM)",
+                                          "label": "Dhaka (2:00 PM)",
                                           "value": "Asia/Dhaka",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Almaty (4:00 PM)",
+                                          "label": "Almaty (2:00 PM)",
                                           "value": "Asia/Almaty",
                                         },
                                         Object {
                                           "index": 460,
-                                          "label": "Urumqi (4:00 PM)",
+                                          "label": "Urumqi (2:00 PM)",
                                           "value": "Asia/Urumqi",
                                         },
                                         Object {
                                           "index": 490,
-                                          "label": "Rangoon (4:30 PM)",
+                                          "label": "Rangoon (2:30 PM)",
                                           "value": "Asia/Rangoon",
                                         },
                                         Object {
                                           "index": 520,
-                                          "label": "Tijuana (3:00 AM)",
+                                          "label": "Tijuana (1:00 AM)",
                                           "value": "America/Tijuana",
                                         },
                                         Object {
                                           "index": 520,
-                                          "label": "Novosibirsk (5:00 PM)",
+                                          "label": "Novosibirsk (3:00 PM)",
                                           "value": "Asia/Novosibirsk",
                                         },
                                         Object {
                                           "index": 520,
-                                          "label": "Bangkok (5:00 PM)",
+                                          "label": "Bangkok (3:00 PM)",
                                           "value": "Asia/Bangkok",
                                         },
                                         Object {
                                           "index": 520,
-                                          "label": "Hanoi (5:00 PM)",
+                                          "label": "Hanoi (3:00 PM)",
                                           "value": "Asia/Bangkok",
                                         },
                                         Object {
                                           "index": 520,
-                                          "label": "Jakarta (5:00 PM)",
+                                          "label": "Jakarta (3:00 PM)",
                                           "value": "Asia/Jakarta",
                                         },
                                         Object {
                                           "index": 520,
-                                          "label": "Krasnoyarsk (5:00 PM)",
+                                          "label": "Krasnoyarsk (3:00 PM)",
                                           "value": "Asia/Krasnoyarsk",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Beijing (6:00 PM)",
+                                          "label": "Beijing (4:00 PM)",
                                           "value": "Asia/Shanghai",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Chongqing (6:00 PM)",
+                                          "label": "Chongqing (4:00 PM)",
                                           "value": "Asia/Chongqing",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Hong Kong (6:00 PM)",
+                                          "label": "Hong Kong (4:00 PM)",
                                           "value": "Asia/Hong_Kong",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Kuala Lumpur (6:00 PM)",
+                                          "label": "Kuala Lumpur (4:00 PM)",
                                           "value": "Asia/Kuala_Lumpur",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Singapore (6:00 PM)",
+                                          "label": "Singapore (4:00 PM)",
                                           "value": "Asia/Singapore",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Taipei (6:00 PM)",
+                                          "label": "Taipei (4:00 PM)",
                                           "value": "Asia/Taipei",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Perth (6:00 PM)",
+                                          "label": "Perth (4:00 PM)",
                                           "value": "Australia/Perth",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Irkutsk (6:00 PM)",
+                                          "label": "Irkutsk (4:00 PM)",
                                           "value": "Asia/Irkutsk",
                                         },
                                         Object {
                                           "index": 580,
-                                          "label": "Ulaanbaatar (6:00 PM)",
+                                          "label": "Ulaanbaatar (4:00 PM)",
                                           "value": "Asia/Ulaanbaatar",
                                         },
                                         Object {
                                           "index": 640,
-                                          "label": "Seoul (7:00 PM)",
+                                          "label": "Seoul (5:00 PM)",
                                           "value": "Asia/Seoul",
                                         },
                                         Object {
                                           "index": 640,
-                                          "label": "Osaka (7:00 PM)",
+                                          "label": "Osaka (5:00 PM)",
                                           "value": "Asia/Tokyo",
                                         },
                                         Object {
                                           "index": 640,
-                                          "label": "Sapporo (7:00 PM)",
+                                          "label": "Sapporo (5:00 PM)",
                                           "value": "Asia/Tokyo",
                                         },
                                         Object {
                                           "index": 640,
-                                          "label": "Tokyo (7:00 PM)",
+                                          "label": "Tokyo (5:00 PM)",
                                           "value": "Asia/Tokyo",
                                         },
                                         Object {
                                           "index": 640,
-                                          "label": "Yakutsk (7:00 PM)",
+                                          "label": "Yakutsk (5:00 PM)",
                                           "value": "Asia/Yakutsk",
                                         },
                                         Object {
                                           "index": 670,
-                                          "label": "Darwin (7:30 PM)",
+                                          "label": "Darwin (5:30 PM)",
                                           "value": "Australia/Darwin",
                                         },
                                         Object {
                                           "index": 670,
-                                          "label": "Adelaide (7:30 PM)",
+                                          "label": "Adelaide (5:30 PM)",
                                           "value": "Australia/Adelaide",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Canberra (8:00 PM)",
+                                          "label": "Canberra (6:00 PM)",
                                           "value": "Australia/Melbourne",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Melbourne (8:00 PM)",
+                                          "label": "Melbourne (6:00 PM)",
                                           "value": "Australia/Melbourne",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Sydney (8:00 PM)",
+                                          "label": "Sydney (6:00 PM)",
                                           "value": "Australia/Sydney",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Brisbane (8:00 PM)",
+                                          "label": "Brisbane (6:00 PM)",
                                           "value": "Australia/Brisbane",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Hobart (8:00 PM)",
+                                          "label": "Hobart (6:00 PM)",
                                           "value": "Australia/Hobart",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Vladivostok (8:00 PM)",
+                                          "label": "Vladivostok (6:00 PM)",
                                           "value": "Asia/Vladivostok",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Guam (8:00 PM)",
+                                          "label": "Guam (6:00 PM)",
                                           "value": "Pacific/Guam",
                                         },
                                         Object {
                                           "index": 700,
-                                          "label": "Port Moresby (8:00 PM)",
+                                          "label": "Port Moresby (6:00 PM)",
                                           "value": "Pacific/Port_Moresby",
                                         },
                                         Object {
                                           "index": 760,
-                                          "label": "Midway Island (11:00 PM)",
+                                          "label": "Midway Island (9:00 PM)",
                                           "value": "Pacific/Midway",
                                         },
                                         Object {
                                           "index": 760,
-                                          "label": "American Samoa (11:00 PM)",
+                                          "label": "American Samoa (9:00 PM)",
                                           "value": "Pacific/Pago_Pago",
                                         },
                                         Object {
                                           "index": 760,
-                                          "label": "Magadan (9:00 PM)",
+                                          "label": "Magadan (7:00 PM)",
                                           "value": "Asia/Magadan",
                                         },
                                         Object {
                                           "index": 760,
-                                          "label": "Srednekolymsk (9:00 PM)",
+                                          "label": "Srednekolymsk (7:00 PM)",
                                           "value": "Asia/Srednekolymsk",
                                         },
                                         Object {
                                           "index": 760,
-                                          "label": "Solomon Is. (9:00 PM)",
+                                          "label": "Solomon Is. (7:00 PM)",
                                           "value": "Pacific/Guadalcanal",
                                         },
                                         Object {
                                           "index": 760,
-                                          "label": "New Caledonia (9:00 PM)",
+                                          "label": "New Caledonia (7:00 PM)",
                                           "value": "Pacific/Noumea",
                                         },
                                         Object {
                                           "index": 820,
-                                          "label": "International Date Line West (10:00 PM)",
+                                          "label": "International Date Line West (8:00 PM)",
                                           "value": "Etc/GMT+12",
                                         },
                                         Object {
                                           "index": 820,
-                                          "label": "Fiji (10:00 PM)",
+                                          "label": "Fiji (8:00 PM)",
                                           "value": "Pacific/Fiji",
                                         },
                                         Object {
                                           "index": 820,
-                                          "label": "Kamchatka (10:00 PM)",
+                                          "label": "Kamchatka (8:00 PM)",
                                           "value": "Asia/Kamchatka",
                                         },
                                         Object {
                                           "index": 820,
-                                          "label": "Marshall Is. (10:00 PM)",
+                                          "label": "Marshall Is. (8:00 PM)",
                                           "value": "Pacific/Majuro",
                                         },
                                         Object {
                                           "index": 820,
-                                          "label": "Auckland (10:00 PM)",
+                                          "label": "Auckland (8:00 PM)",
                                           "value": "Pacific/Auckland",
                                         },
                                         Object {
                                           "index": 820,
-                                          "label": "Wellington (10:00 PM)",
+                                          "label": "Wellington (8:00 PM)",
                                           "value": "Pacific/Auckland",
                                         },
                                         Object {
                                           "index": 865,
-                                          "label": "Chatham Is. (10:45 PM)",
+                                          "label": "Chatham Is. (8:45 PM)",
                                           "value": "Pacific/Chatham",
                                         },
                                         Object {
                                           "index": 880,
-                                          "label": "Nuku'alofa (11:00 PM)",
+                                          "label": "Nuku'alofa (9:00 PM)",
                                           "value": "Pacific/Tongatapu",
                                         },
                                         Object {
                                           "index": 880,
-                                          "label": "Tokelau Is. (11:00 PM)",
+                                          "label": "Tokelau Is. (9:00 PM)",
                                           "value": "Pacific/Fakaofo",
                                         },
                                         Object {
                                           "index": 880,
-                                          "label": "Samoa (11:00 PM)",
+                                          "label": "Samoa (9:00 PM)",
                                           "value": "Pacific/Apia",
                                         },
                                       ]
@@ -297208,13 +286955,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                         "input": [Function],
                                       }
                                     }
-                                    value={
-                                      Object {
-                                        "index": -0,
-                                        "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                        "value": "America/Los_Angeles",
-                                      }
-                                    }
+                                    value={null}
                                   >
                                     <Select
                                       backspaceRemovesValue={true}
@@ -297237,7 +286978,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                       formatGroupLabel={[Function]}
                                       getOptionLabel={[Function]}
                                       getOptionValue={[Function]}
-                                      inputId="representative-tz"
+                                      inputId="appellant-tz"
                                       inputValue=""
                                       isDisabled={false}
                                       isLoading={false}
@@ -297253,7 +286994,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                       menuShouldBlockScroll={false}
                                       menuShouldScrollIntoView={true}
                                       minMenuHeight={140}
-                                      name="representativeTz"
+                                      name="appellantTz"
                                       noOptionsMessage={[Function]}
                                       onBlurResetsInput={false}
                                       onChange={[Function]}
@@ -297270,762 +287011,762 @@ exports[`Details Matches snapshot with default props 1`] = `
                                           },
                                           Object {
                                             "index": -3,
-                                            "label": "Eastern Time (US & Canada) (6:00 AM)",
+                                            "label": "Eastern Time (US & Canada) (4:00 AM)",
                                             "value": "America/New_York",
                                           },
                                           Object {
                                             "index": -2,
-                                            "label": "Central Time (US & Canada) (5:00 AM)",
+                                            "label": "Central Time (US & Canada) (3:00 AM)",
                                             "value": "America/Chicago",
                                           },
                                           Object {
                                             "index": -1,
-                                            "label": "Mountain Time (US & Canada) (4:00 AM)",
+                                            "label": "Mountain Time (US & Canada) (2:00 AM)",
                                             "value": "America/Denver",
                                           },
                                           Object {
                                             "index": -0,
-                                            "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                            "label": "Pacific Time (US & Canada) (1:00 AM)",
                                             "value": "America/Los_Angeles",
                                           },
                                           Object {
                                             "index": 2.4,
-                                            "label": "Indiana (East) (6:00 AM)",
+                                            "label": "Indiana (East) (4:00 AM)",
                                             "value": "America/Indiana/Indianapolis",
                                           },
                                           Object {
                                             "index": 2.4,
-                                            "label": "Puerto Rico (6:00 AM)",
+                                            "label": "Puerto Rico (4:00 AM)",
                                             "value": "America/Puerto_Rico",
                                           },
                                           Object {
                                             "index": 4.2,
-                                            "label": "Arizona (3:00 AM)",
+                                            "label": "Arizona (1:00 AM)",
                                             "value": "America/Phoenix",
                                           },
                                           Object {
                                             "index": 4.8,
-                                            "label": "Alaska (2:00 AM)",
+                                            "label": "Alaska (12:00 AM)",
                                             "value": "America/Juneau",
                                           },
                                           Object {
                                             "index": 4.8,
-                                            "label": "Philippine Standard Time (6:00 PM)",
+                                            "label": "Philippine Standard Time (4:00 PM)",
                                             "value": "Asia/Manila",
                                           },
                                           Object {
                                             "index": 6,
-                                            "label": "Hawaii (12:00 AM)",
+                                            "label": "Hawaii (10:00 PM)",
                                             "value": "Pacific/Honolulu",
                                           },
                                           Object {
                                             "index": 100,
-                                            "label": "Azores (10:00 AM)",
+                                            "label": "Azores (8:00 AM)",
                                             "value": "Atlantic/Azores",
                                           },
                                           Object {
                                             "index": 100,
-                                            "label": "Monrovia (10:00 AM)",
+                                            "label": "Monrovia (8:00 AM)",
                                             "value": "Africa/Monrovia",
                                           },
                                           Object {
                                             "index": 100,
-                                            "label": "UTC (10:00 AM)",
+                                            "label": "UTC (8:00 AM)",
                                             "value": "Etc/UTC",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "Cape Verde Is. (9:00 AM)",
+                                            "label": "Cape Verde Is. (7:00 AM)",
                                             "value": "Atlantic/Cape_Verde",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "Dublin (11:00 AM)",
+                                            "label": "Dublin (9:00 AM)",
                                             "value": "Europe/Dublin",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "Edinburgh (11:00 AM)",
+                                            "label": "Edinburgh (9:00 AM)",
                                             "value": "Europe/London",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "Lisbon (11:00 AM)",
+                                            "label": "Lisbon (9:00 AM)",
                                             "value": "Europe/Lisbon",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "London (11:00 AM)",
+                                            "label": "London (9:00 AM)",
                                             "value": "Europe/London",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "Casablanca (11:00 AM)",
+                                            "label": "Casablanca (9:00 AM)",
                                             "value": "Africa/Casablanca",
                                           },
                                           Object {
                                             "index": 160,
-                                            "label": "West Central Africa (11:00 AM)",
+                                            "label": "West Central Africa (9:00 AM)",
                                             "value": "Africa/Algiers",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Greenland (8:00 AM)",
+                                            "label": "Greenland (6:00 AM)",
                                             "value": "America/Godthab",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Mid-Atlantic (8:00 AM)",
+                                            "label": "Mid-Atlantic (6:00 AM)",
                                             "value": "Atlantic/South_Georgia",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Belgrade (12:00 PM)",
+                                            "label": "Belgrade (10:00 AM)",
                                             "value": "Europe/Belgrade",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Bratislava (12:00 PM)",
+                                            "label": "Bratislava (10:00 AM)",
                                             "value": "Europe/Bratislava",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Budapest (12:00 PM)",
+                                            "label": "Budapest (10:00 AM)",
                                             "value": "Europe/Budapest",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Ljubljana (12:00 PM)",
+                                            "label": "Ljubljana (10:00 AM)",
                                             "value": "Europe/Ljubljana",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Prague (12:00 PM)",
+                                            "label": "Prague (10:00 AM)",
                                             "value": "Europe/Prague",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Sarajevo (12:00 PM)",
+                                            "label": "Sarajevo (10:00 AM)",
                                             "value": "Europe/Sarajevo",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Skopje (12:00 PM)",
+                                            "label": "Skopje (10:00 AM)",
                                             "value": "Europe/Skopje",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Warsaw (12:00 PM)",
+                                            "label": "Warsaw (10:00 AM)",
                                             "value": "Europe/Warsaw",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Zagreb (12:00 PM)",
+                                            "label": "Zagreb (10:00 AM)",
                                             "value": "Europe/Zagreb",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Brussels (12:00 PM)",
+                                            "label": "Brussels (10:00 AM)",
                                             "value": "Europe/Brussels",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Copenhagen (12:00 PM)",
+                                            "label": "Copenhagen (10:00 AM)",
                                             "value": "Europe/Copenhagen",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Madrid (12:00 PM)",
+                                            "label": "Madrid (10:00 AM)",
                                             "value": "Europe/Madrid",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Paris (12:00 PM)",
+                                            "label": "Paris (10:00 AM)",
                                             "value": "Europe/Paris",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Amsterdam (12:00 PM)",
+                                            "label": "Amsterdam (10:00 AM)",
                                             "value": "Europe/Amsterdam",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Berlin (12:00 PM)",
+                                            "label": "Berlin (10:00 AM)",
                                             "value": "Europe/Berlin",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Bern (12:00 PM)",
+                                            "label": "Bern (10:00 AM)",
                                             "value": "Europe/Zurich",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Zurich (12:00 PM)",
+                                            "label": "Zurich (10:00 AM)",
                                             "value": "Europe/Zurich",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Rome (12:00 PM)",
+                                            "label": "Rome (10:00 AM)",
                                             "value": "Europe/Rome",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Stockholm (12:00 PM)",
+                                            "label": "Stockholm (10:00 AM)",
                                             "value": "Europe/Stockholm",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Vienna (12:00 PM)",
+                                            "label": "Vienna (10:00 AM)",
                                             "value": "Europe/Vienna",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Cairo (12:00 PM)",
+                                            "label": "Cairo (10:00 AM)",
                                             "value": "Africa/Cairo",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Harare (12:00 PM)",
+                                            "label": "Harare (10:00 AM)",
                                             "value": "Africa/Harare",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Pretoria (12:00 PM)",
+                                            "label": "Pretoria (10:00 AM)",
                                             "value": "Africa/Johannesburg",
                                           },
                                           Object {
                                             "index": 220,
-                                            "label": "Kaliningrad (12:00 PM)",
+                                            "label": "Kaliningrad (10:00 AM)",
                                             "value": "Europe/Kaliningrad",
                                           },
                                           Object {
                                             "index": 250,
-                                            "label": "Newfoundland (7:30 AM)",
+                                            "label": "Newfoundland (5:30 AM)",
                                             "value": "America/St_Johns",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Atlantic Time (Canada) (7:00 AM)",
+                                            "label": "Atlantic Time (Canada) (5:00 AM)",
                                             "value": "America/Halifax",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Brasilia (7:00 AM)",
+                                            "label": "Brasilia (5:00 AM)",
                                             "value": "America/Sao_Paulo",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Buenos Aires (7:00 AM)",
+                                            "label": "Buenos Aires (5:00 AM)",
                                             "value": "America/Argentina/Buenos_Aires",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Montevideo (7:00 AM)",
+                                            "label": "Montevideo (5:00 AM)",
                                             "value": "America/Montevideo",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Bucharest (1:00 PM)",
+                                            "label": "Bucharest (11:00 AM)",
                                             "value": "Europe/Bucharest",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Helsinki (1:00 PM)",
+                                            "label": "Helsinki (11:00 AM)",
                                             "value": "Europe/Helsinki",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Kyiv (1:00 PM)",
+                                            "label": "Kyiv (11:00 AM)",
                                             "value": "Europe/Kiev",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Riga (1:00 PM)",
+                                            "label": "Riga (11:00 AM)",
                                             "value": "Europe/Riga",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Sofia (1:00 PM)",
+                                            "label": "Sofia (11:00 AM)",
                                             "value": "Europe/Sofia",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Tallinn (1:00 PM)",
+                                            "label": "Tallinn (11:00 AM)",
                                             "value": "Europe/Tallinn",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Vilnius (1:00 PM)",
+                                            "label": "Vilnius (11:00 AM)",
                                             "value": "Europe/Vilnius",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Athens (1:00 PM)",
+                                            "label": "Athens (11:00 AM)",
                                             "value": "Europe/Athens",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Istanbul (1:00 PM)",
+                                            "label": "Istanbul (11:00 AM)",
                                             "value": "Europe/Istanbul",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Minsk (1:00 PM)",
+                                            "label": "Minsk (11:00 AM)",
                                             "value": "Europe/Minsk",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Jerusalem (1:00 PM)",
+                                            "label": "Jerusalem (11:00 AM)",
                                             "value": "Asia/Jerusalem",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Moscow (1:00 PM)",
+                                            "label": "Moscow (11:00 AM)",
                                             "value": "Europe/Moscow",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "St. Petersburg (1:00 PM)",
+                                            "label": "St. Petersburg (11:00 AM)",
                                             "value": "Europe/Moscow",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Kuwait (1:00 PM)",
+                                            "label": "Kuwait (11:00 AM)",
                                             "value": "Asia/Kuwait",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Riyadh (1:00 PM)",
+                                            "label": "Riyadh (11:00 AM)",
                                             "value": "Asia/Riyadh",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Nairobi (1:00 PM)",
+                                            "label": "Nairobi (11:00 AM)",
                                             "value": "Africa/Nairobi",
                                           },
                                           Object {
                                             "index": 280,
-                                            "label": "Baghdad (1:00 PM)",
+                                            "label": "Baghdad (11:00 AM)",
                                             "value": "Asia/Baghdad",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Caracas (6:00 AM)",
+                                            "label": "Caracas (4:00 AM)",
                                             "value": "America/Caracas",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "La Paz (6:00 AM)",
+                                            "label": "La Paz (4:00 AM)",
                                             "value": "America/La_Paz",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Santiago (6:00 AM)",
+                                            "label": "Santiago (4:00 AM)",
                                             "value": "America/Santiago",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Georgetown (6:00 AM)",
+                                            "label": "Georgetown (4:00 AM)",
                                             "value": "America/Guyana",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Volgograd (2:00 PM)",
+                                            "label": "Volgograd (12:00 PM)",
                                             "value": "Europe/Volgograd",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Samara (2:00 PM)",
+                                            "label": "Samara (12:00 PM)",
                                             "value": "Europe/Samara",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Abu Dhabi (2:00 PM)",
+                                            "label": "Abu Dhabi (12:00 PM)",
                                             "value": "Asia/Muscat",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Muscat (2:00 PM)",
+                                            "label": "Muscat (12:00 PM)",
                                             "value": "Asia/Muscat",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Baku (2:00 PM)",
+                                            "label": "Baku (12:00 PM)",
                                             "value": "Asia/Baku",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Tbilisi (2:00 PM)",
+                                            "label": "Tbilisi (12:00 PM)",
                                             "value": "Asia/Tbilisi",
                                           },
                                           Object {
                                             "index": 340,
-                                            "label": "Yerevan (2:00 PM)",
+                                            "label": "Yerevan (12:00 PM)",
                                             "value": "Asia/Yerevan",
                                           },
                                           Object {
                                             "index": 370,
-                                            "label": "Tehran (2:30 PM)",
+                                            "label": "Tehran (12:30 PM)",
                                             "value": "Asia/Tehran",
                                           },
                                           Object {
                                             "index": 370,
-                                            "label": "Kabul (2:30 PM)",
+                                            "label": "Kabul (12:30 PM)",
                                             "value": "Asia/Kabul",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Guadalajara (5:00 AM)",
+                                            "label": "Guadalajara (3:00 AM)",
                                             "value": "America/Mexico_City",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Mexico City (5:00 AM)",
+                                            "label": "Mexico City (3:00 AM)",
                                             "value": "America/Mexico_City",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Monterrey (5:00 AM)",
+                                            "label": "Monterrey (3:00 AM)",
                                             "value": "America/Monterrey",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Bogota (5:00 AM)",
+                                            "label": "Bogota (3:00 AM)",
                                             "value": "America/Bogota",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Lima (5:00 AM)",
+                                            "label": "Lima (3:00 AM)",
                                             "value": "America/Lima",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Quito (5:00 AM)",
+                                            "label": "Quito (3:00 AM)",
                                             "value": "America/Lima",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Ekaterinburg (3:00 PM)",
+                                            "label": "Ekaterinburg (1:00 PM)",
                                             "value": "Asia/Yekaterinburg",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Islamabad (3:00 PM)",
+                                            "label": "Islamabad (1:00 PM)",
                                             "value": "Asia/Karachi",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Karachi (3:00 PM)",
+                                            "label": "Karachi (1:00 PM)",
                                             "value": "Asia/Karachi",
                                           },
                                           Object {
                                             "index": 400,
-                                            "label": "Tashkent (3:00 PM)",
+                                            "label": "Tashkent (1:00 PM)",
                                             "value": "Asia/Tashkent",
                                           },
                                           Object {
                                             "index": 430,
-                                            "label": "Chennai (3:30 PM)",
+                                            "label": "Chennai (1:30 PM)",
                                             "value": "Asia/Kolkata",
                                           },
                                           Object {
                                             "index": 430,
-                                            "label": "Kolkata (3:30 PM)",
+                                            "label": "Kolkata (1:30 PM)",
                                             "value": "Asia/Kolkata",
                                           },
                                           Object {
                                             "index": 430,
-                                            "label": "Mumbai (3:30 PM)",
+                                            "label": "Mumbai (1:30 PM)",
                                             "value": "Asia/Kolkata",
                                           },
                                           Object {
                                             "index": 430,
-                                            "label": "New Delhi (3:30 PM)",
+                                            "label": "New Delhi (1:30 PM)",
                                             "value": "Asia/Kolkata",
                                           },
                                           Object {
                                             "index": 430,
-                                            "label": "Sri Jayawardenepura (3:30 PM)",
+                                            "label": "Sri Jayawardenepura (1:30 PM)",
                                             "value": "Asia/Colombo",
                                           },
                                           Object {
                                             "index": 445,
-                                            "label": "Kathmandu (3:45 PM)",
+                                            "label": "Kathmandu (1:45 PM)",
                                             "value": "Asia/Kathmandu",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Chihuahua (4:00 AM)",
+                                            "label": "Chihuahua (2:00 AM)",
                                             "value": "America/Chihuahua",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Mazatlan (4:00 AM)",
+                                            "label": "Mazatlan (2:00 AM)",
                                             "value": "America/Mazatlan",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Saskatchewan (4:00 AM)",
+                                            "label": "Saskatchewan (2:00 AM)",
                                             "value": "America/Regina",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Central America (4:00 AM)",
+                                            "label": "Central America (2:00 AM)",
                                             "value": "America/Guatemala",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Astana (4:00 PM)",
+                                            "label": "Astana (2:00 PM)",
                                             "value": "Asia/Dhaka",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Dhaka (4:00 PM)",
+                                            "label": "Dhaka (2:00 PM)",
                                             "value": "Asia/Dhaka",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Almaty (4:00 PM)",
+                                            "label": "Almaty (2:00 PM)",
                                             "value": "Asia/Almaty",
                                           },
                                           Object {
                                             "index": 460,
-                                            "label": "Urumqi (4:00 PM)",
+                                            "label": "Urumqi (2:00 PM)",
                                             "value": "Asia/Urumqi",
                                           },
                                           Object {
                                             "index": 490,
-                                            "label": "Rangoon (4:30 PM)",
+                                            "label": "Rangoon (2:30 PM)",
                                             "value": "Asia/Rangoon",
                                           },
                                           Object {
                                             "index": 520,
-                                            "label": "Tijuana (3:00 AM)",
+                                            "label": "Tijuana (1:00 AM)",
                                             "value": "America/Tijuana",
                                           },
                                           Object {
                                             "index": 520,
-                                            "label": "Novosibirsk (5:00 PM)",
+                                            "label": "Novosibirsk (3:00 PM)",
                                             "value": "Asia/Novosibirsk",
                                           },
                                           Object {
                                             "index": 520,
-                                            "label": "Bangkok (5:00 PM)",
+                                            "label": "Bangkok (3:00 PM)",
                                             "value": "Asia/Bangkok",
                                           },
                                           Object {
                                             "index": 520,
-                                            "label": "Hanoi (5:00 PM)",
+                                            "label": "Hanoi (3:00 PM)",
                                             "value": "Asia/Bangkok",
                                           },
                                           Object {
                                             "index": 520,
-                                            "label": "Jakarta (5:00 PM)",
+                                            "label": "Jakarta (3:00 PM)",
                                             "value": "Asia/Jakarta",
                                           },
                                           Object {
                                             "index": 520,
-                                            "label": "Krasnoyarsk (5:00 PM)",
+                                            "label": "Krasnoyarsk (3:00 PM)",
                                             "value": "Asia/Krasnoyarsk",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Beijing (6:00 PM)",
+                                            "label": "Beijing (4:00 PM)",
                                             "value": "Asia/Shanghai",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Chongqing (6:00 PM)",
+                                            "label": "Chongqing (4:00 PM)",
                                             "value": "Asia/Chongqing",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Hong Kong (6:00 PM)",
+                                            "label": "Hong Kong (4:00 PM)",
                                             "value": "Asia/Hong_Kong",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Kuala Lumpur (6:00 PM)",
+                                            "label": "Kuala Lumpur (4:00 PM)",
                                             "value": "Asia/Kuala_Lumpur",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Singapore (6:00 PM)",
+                                            "label": "Singapore (4:00 PM)",
                                             "value": "Asia/Singapore",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Taipei (6:00 PM)",
+                                            "label": "Taipei (4:00 PM)",
                                             "value": "Asia/Taipei",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Perth (6:00 PM)",
+                                            "label": "Perth (4:00 PM)",
                                             "value": "Australia/Perth",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Irkutsk (6:00 PM)",
+                                            "label": "Irkutsk (4:00 PM)",
                                             "value": "Asia/Irkutsk",
                                           },
                                           Object {
                                             "index": 580,
-                                            "label": "Ulaanbaatar (6:00 PM)",
+                                            "label": "Ulaanbaatar (4:00 PM)",
                                             "value": "Asia/Ulaanbaatar",
                                           },
                                           Object {
                                             "index": 640,
-                                            "label": "Seoul (7:00 PM)",
+                                            "label": "Seoul (5:00 PM)",
                                             "value": "Asia/Seoul",
                                           },
                                           Object {
                                             "index": 640,
-                                            "label": "Osaka (7:00 PM)",
+                                            "label": "Osaka (5:00 PM)",
                                             "value": "Asia/Tokyo",
                                           },
                                           Object {
                                             "index": 640,
-                                            "label": "Sapporo (7:00 PM)",
+                                            "label": "Sapporo (5:00 PM)",
                                             "value": "Asia/Tokyo",
                                           },
                                           Object {
                                             "index": 640,
-                                            "label": "Tokyo (7:00 PM)",
+                                            "label": "Tokyo (5:00 PM)",
                                             "value": "Asia/Tokyo",
                                           },
                                           Object {
                                             "index": 640,
-                                            "label": "Yakutsk (7:00 PM)",
+                                            "label": "Yakutsk (5:00 PM)",
                                             "value": "Asia/Yakutsk",
                                           },
                                           Object {
                                             "index": 670,
-                                            "label": "Darwin (7:30 PM)",
+                                            "label": "Darwin (5:30 PM)",
                                             "value": "Australia/Darwin",
                                           },
                                           Object {
                                             "index": 670,
-                                            "label": "Adelaide (7:30 PM)",
+                                            "label": "Adelaide (5:30 PM)",
                                             "value": "Australia/Adelaide",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Canberra (8:00 PM)",
+                                            "label": "Canberra (6:00 PM)",
                                             "value": "Australia/Melbourne",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Melbourne (8:00 PM)",
+                                            "label": "Melbourne (6:00 PM)",
                                             "value": "Australia/Melbourne",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Sydney (8:00 PM)",
+                                            "label": "Sydney (6:00 PM)",
                                             "value": "Australia/Sydney",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Brisbane (8:00 PM)",
+                                            "label": "Brisbane (6:00 PM)",
                                             "value": "Australia/Brisbane",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Hobart (8:00 PM)",
+                                            "label": "Hobart (6:00 PM)",
                                             "value": "Australia/Hobart",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Vladivostok (8:00 PM)",
+                                            "label": "Vladivostok (6:00 PM)",
                                             "value": "Asia/Vladivostok",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Guam (8:00 PM)",
+                                            "label": "Guam (6:00 PM)",
                                             "value": "Pacific/Guam",
                                           },
                                           Object {
                                             "index": 700,
-                                            "label": "Port Moresby (8:00 PM)",
+                                            "label": "Port Moresby (6:00 PM)",
                                             "value": "Pacific/Port_Moresby",
                                           },
                                           Object {
                                             "index": 760,
-                                            "label": "Midway Island (11:00 PM)",
+                                            "label": "Midway Island (9:00 PM)",
                                             "value": "Pacific/Midway",
                                           },
                                           Object {
                                             "index": 760,
-                                            "label": "American Samoa (11:00 PM)",
+                                            "label": "American Samoa (9:00 PM)",
                                             "value": "Pacific/Pago_Pago",
                                           },
                                           Object {
                                             "index": 760,
-                                            "label": "Magadan (9:00 PM)",
+                                            "label": "Magadan (7:00 PM)",
                                             "value": "Asia/Magadan",
                                           },
                                           Object {
                                             "index": 760,
-                                            "label": "Srednekolymsk (9:00 PM)",
+                                            "label": "Srednekolymsk (7:00 PM)",
                                             "value": "Asia/Srednekolymsk",
                                           },
                                           Object {
                                             "index": 760,
-                                            "label": "Solomon Is. (9:00 PM)",
+                                            "label": "Solomon Is. (7:00 PM)",
                                             "value": "Pacific/Guadalcanal",
                                           },
                                           Object {
                                             "index": 760,
-                                            "label": "New Caledonia (9:00 PM)",
+                                            "label": "New Caledonia (7:00 PM)",
                                             "value": "Pacific/Noumea",
                                           },
                                           Object {
                                             "index": 820,
-                                            "label": "International Date Line West (10:00 PM)",
+                                            "label": "International Date Line West (8:00 PM)",
                                             "value": "Etc/GMT+12",
                                           },
                                           Object {
                                             "index": 820,
-                                            "label": "Fiji (10:00 PM)",
+                                            "label": "Fiji (8:00 PM)",
                                             "value": "Pacific/Fiji",
                                           },
                                           Object {
                                             "index": 820,
-                                            "label": "Kamchatka (10:00 PM)",
+                                            "label": "Kamchatka (8:00 PM)",
                                             "value": "Asia/Kamchatka",
                                           },
                                           Object {
                                             "index": 820,
-                                            "label": "Marshall Is. (10:00 PM)",
+                                            "label": "Marshall Is. (8:00 PM)",
                                             "value": "Pacific/Majuro",
                                           },
                                           Object {
                                             "index": 820,
-                                            "label": "Auckland (10:00 PM)",
+                                            "label": "Auckland (8:00 PM)",
                                             "value": "Pacific/Auckland",
                                           },
                                           Object {
                                             "index": 820,
-                                            "label": "Wellington (10:00 PM)",
+                                            "label": "Wellington (8:00 PM)",
                                             "value": "Pacific/Auckland",
                                           },
                                           Object {
                                             "index": 865,
-                                            "label": "Chatham Is. (10:45 PM)",
+                                            "label": "Chatham Is. (8:45 PM)",
                                             "value": "Pacific/Chatham",
                                           },
                                           Object {
                                             "index": 880,
-                                            "label": "Nuku'alofa (11:00 PM)",
+                                            "label": "Nuku'alofa (9:00 PM)",
                                             "value": "Pacific/Tongatapu",
                                           },
                                           Object {
                                             "index": 880,
-                                            "label": "Tokelau Is. (11:00 PM)",
+                                            "label": "Tokelau Is. (9:00 PM)",
                                             "value": "Pacific/Fakaofo",
                                           },
                                           Object {
                                             "index": 880,
-                                            "label": "Samoa (11:00 PM)",
+                                            "label": "Samoa (9:00 PM)",
                                             "value": "Pacific/Apia",
                                           },
                                         ]
@@ -298041,20 +287782,14 @@ exports[`Details Matches snapshot with default props 1`] = `
                                       }
                                       tabIndex="0"
                                       tabSelectsValue={true}
-                                      value={
-                                        Object {
-                                          "index": -0,
-                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                          "value": "America/Los_Angeles",
-                                        }
-                                      }
+                                      value={null}
                                     >
                                       <SelectContainer
                                         clearValue={[Function]}
                                         cx={[Function]}
                                         getStyles={[Function]}
                                         getValue={[Function]}
-                                        hasValue={true}
+                                        hasValue={false}
                                         innerProps={
                                           Object {
                                             "id": undefined,
@@ -298073,762 +287808,762 @@ exports[`Details Matches snapshot with default props 1`] = `
                                             },
                                             Object {
                                               "index": -3,
-                                              "label": "Eastern Time (US & Canada) (6:00 AM)",
+                                              "label": "Eastern Time (US & Canada) (4:00 AM)",
                                               "value": "America/New_York",
                                             },
                                             Object {
                                               "index": -2,
-                                              "label": "Central Time (US & Canada) (5:00 AM)",
+                                              "label": "Central Time (US & Canada) (3:00 AM)",
                                               "value": "America/Chicago",
                                             },
                                             Object {
                                               "index": -1,
-                                              "label": "Mountain Time (US & Canada) (4:00 AM)",
+                                              "label": "Mountain Time (US & Canada) (2:00 AM)",
                                               "value": "America/Denver",
                                             },
                                             Object {
                                               "index": -0,
-                                              "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                              "label": "Pacific Time (US & Canada) (1:00 AM)",
                                               "value": "America/Los_Angeles",
                                             },
                                             Object {
                                               "index": 2.4,
-                                              "label": "Indiana (East) (6:00 AM)",
+                                              "label": "Indiana (East) (4:00 AM)",
                                               "value": "America/Indiana/Indianapolis",
                                             },
                                             Object {
                                               "index": 2.4,
-                                              "label": "Puerto Rico (6:00 AM)",
+                                              "label": "Puerto Rico (4:00 AM)",
                                               "value": "America/Puerto_Rico",
                                             },
                                             Object {
                                               "index": 4.2,
-                                              "label": "Arizona (3:00 AM)",
+                                              "label": "Arizona (1:00 AM)",
                                               "value": "America/Phoenix",
                                             },
                                             Object {
                                               "index": 4.8,
-                                              "label": "Alaska (2:00 AM)",
+                                              "label": "Alaska (12:00 AM)",
                                               "value": "America/Juneau",
                                             },
                                             Object {
                                               "index": 4.8,
-                                              "label": "Philippine Standard Time (6:00 PM)",
+                                              "label": "Philippine Standard Time (4:00 PM)",
                                               "value": "Asia/Manila",
                                             },
                                             Object {
                                               "index": 6,
-                                              "label": "Hawaii (12:00 AM)",
+                                              "label": "Hawaii (10:00 PM)",
                                               "value": "Pacific/Honolulu",
                                             },
                                             Object {
                                               "index": 100,
-                                              "label": "Azores (10:00 AM)",
+                                              "label": "Azores (8:00 AM)",
                                               "value": "Atlantic/Azores",
                                             },
                                             Object {
                                               "index": 100,
-                                              "label": "Monrovia (10:00 AM)",
+                                              "label": "Monrovia (8:00 AM)",
                                               "value": "Africa/Monrovia",
                                             },
                                             Object {
                                               "index": 100,
-                                              "label": "UTC (10:00 AM)",
+                                              "label": "UTC (8:00 AM)",
                                               "value": "Etc/UTC",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "Cape Verde Is. (9:00 AM)",
+                                              "label": "Cape Verde Is. (7:00 AM)",
                                               "value": "Atlantic/Cape_Verde",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "Dublin (11:00 AM)",
+                                              "label": "Dublin (9:00 AM)",
                                               "value": "Europe/Dublin",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "Edinburgh (11:00 AM)",
+                                              "label": "Edinburgh (9:00 AM)",
                                               "value": "Europe/London",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "Lisbon (11:00 AM)",
+                                              "label": "Lisbon (9:00 AM)",
                                               "value": "Europe/Lisbon",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "London (11:00 AM)",
+                                              "label": "London (9:00 AM)",
                                               "value": "Europe/London",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "Casablanca (11:00 AM)",
+                                              "label": "Casablanca (9:00 AM)",
                                               "value": "Africa/Casablanca",
                                             },
                                             Object {
                                               "index": 160,
-                                              "label": "West Central Africa (11:00 AM)",
+                                              "label": "West Central Africa (9:00 AM)",
                                               "value": "Africa/Algiers",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Greenland (8:00 AM)",
+                                              "label": "Greenland (6:00 AM)",
                                               "value": "America/Godthab",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Mid-Atlantic (8:00 AM)",
+                                              "label": "Mid-Atlantic (6:00 AM)",
                                               "value": "Atlantic/South_Georgia",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Belgrade (12:00 PM)",
+                                              "label": "Belgrade (10:00 AM)",
                                               "value": "Europe/Belgrade",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Bratislava (12:00 PM)",
+                                              "label": "Bratislava (10:00 AM)",
                                               "value": "Europe/Bratislava",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Budapest (12:00 PM)",
+                                              "label": "Budapest (10:00 AM)",
                                               "value": "Europe/Budapest",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Ljubljana (12:00 PM)",
+                                              "label": "Ljubljana (10:00 AM)",
                                               "value": "Europe/Ljubljana",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Prague (12:00 PM)",
+                                              "label": "Prague (10:00 AM)",
                                               "value": "Europe/Prague",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Sarajevo (12:00 PM)",
+                                              "label": "Sarajevo (10:00 AM)",
                                               "value": "Europe/Sarajevo",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Skopje (12:00 PM)",
+                                              "label": "Skopje (10:00 AM)",
                                               "value": "Europe/Skopje",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Warsaw (12:00 PM)",
+                                              "label": "Warsaw (10:00 AM)",
                                               "value": "Europe/Warsaw",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Zagreb (12:00 PM)",
+                                              "label": "Zagreb (10:00 AM)",
                                               "value": "Europe/Zagreb",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Brussels (12:00 PM)",
+                                              "label": "Brussels (10:00 AM)",
                                               "value": "Europe/Brussels",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Copenhagen (12:00 PM)",
+                                              "label": "Copenhagen (10:00 AM)",
                                               "value": "Europe/Copenhagen",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Madrid (12:00 PM)",
+                                              "label": "Madrid (10:00 AM)",
                                               "value": "Europe/Madrid",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Paris (12:00 PM)",
+                                              "label": "Paris (10:00 AM)",
                                               "value": "Europe/Paris",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Amsterdam (12:00 PM)",
+                                              "label": "Amsterdam (10:00 AM)",
                                               "value": "Europe/Amsterdam",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Berlin (12:00 PM)",
+                                              "label": "Berlin (10:00 AM)",
                                               "value": "Europe/Berlin",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Bern (12:00 PM)",
+                                              "label": "Bern (10:00 AM)",
                                               "value": "Europe/Zurich",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Zurich (12:00 PM)",
+                                              "label": "Zurich (10:00 AM)",
                                               "value": "Europe/Zurich",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Rome (12:00 PM)",
+                                              "label": "Rome (10:00 AM)",
                                               "value": "Europe/Rome",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Stockholm (12:00 PM)",
+                                              "label": "Stockholm (10:00 AM)",
                                               "value": "Europe/Stockholm",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Vienna (12:00 PM)",
+                                              "label": "Vienna (10:00 AM)",
                                               "value": "Europe/Vienna",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Cairo (12:00 PM)",
+                                              "label": "Cairo (10:00 AM)",
                                               "value": "Africa/Cairo",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Harare (12:00 PM)",
+                                              "label": "Harare (10:00 AM)",
                                               "value": "Africa/Harare",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Pretoria (12:00 PM)",
+                                              "label": "Pretoria (10:00 AM)",
                                               "value": "Africa/Johannesburg",
                                             },
                                             Object {
                                               "index": 220,
-                                              "label": "Kaliningrad (12:00 PM)",
+                                              "label": "Kaliningrad (10:00 AM)",
                                               "value": "Europe/Kaliningrad",
                                             },
                                             Object {
                                               "index": 250,
-                                              "label": "Newfoundland (7:30 AM)",
+                                              "label": "Newfoundland (5:30 AM)",
                                               "value": "America/St_Johns",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Atlantic Time (Canada) (7:00 AM)",
+                                              "label": "Atlantic Time (Canada) (5:00 AM)",
                                               "value": "America/Halifax",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Brasilia (7:00 AM)",
+                                              "label": "Brasilia (5:00 AM)",
                                               "value": "America/Sao_Paulo",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Buenos Aires (7:00 AM)",
+                                              "label": "Buenos Aires (5:00 AM)",
                                               "value": "America/Argentina/Buenos_Aires",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Montevideo (7:00 AM)",
+                                              "label": "Montevideo (5:00 AM)",
                                               "value": "America/Montevideo",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Bucharest (1:00 PM)",
+                                              "label": "Bucharest (11:00 AM)",
                                               "value": "Europe/Bucharest",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Helsinki (1:00 PM)",
+                                              "label": "Helsinki (11:00 AM)",
                                               "value": "Europe/Helsinki",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Kyiv (1:00 PM)",
+                                              "label": "Kyiv (11:00 AM)",
                                               "value": "Europe/Kiev",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Riga (1:00 PM)",
+                                              "label": "Riga (11:00 AM)",
                                               "value": "Europe/Riga",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Sofia (1:00 PM)",
+                                              "label": "Sofia (11:00 AM)",
                                               "value": "Europe/Sofia",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Tallinn (1:00 PM)",
+                                              "label": "Tallinn (11:00 AM)",
                                               "value": "Europe/Tallinn",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Vilnius (1:00 PM)",
+                                              "label": "Vilnius (11:00 AM)",
                                               "value": "Europe/Vilnius",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Athens (1:00 PM)",
+                                              "label": "Athens (11:00 AM)",
                                               "value": "Europe/Athens",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Istanbul (1:00 PM)",
+                                              "label": "Istanbul (11:00 AM)",
                                               "value": "Europe/Istanbul",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Minsk (1:00 PM)",
+                                              "label": "Minsk (11:00 AM)",
                                               "value": "Europe/Minsk",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Jerusalem (1:00 PM)",
+                                              "label": "Jerusalem (11:00 AM)",
                                               "value": "Asia/Jerusalem",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Moscow (1:00 PM)",
+                                              "label": "Moscow (11:00 AM)",
                                               "value": "Europe/Moscow",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "St. Petersburg (1:00 PM)",
+                                              "label": "St. Petersburg (11:00 AM)",
                                               "value": "Europe/Moscow",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Kuwait (1:00 PM)",
+                                              "label": "Kuwait (11:00 AM)",
                                               "value": "Asia/Kuwait",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Riyadh (1:00 PM)",
+                                              "label": "Riyadh (11:00 AM)",
                                               "value": "Asia/Riyadh",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Nairobi (1:00 PM)",
+                                              "label": "Nairobi (11:00 AM)",
                                               "value": "Africa/Nairobi",
                                             },
                                             Object {
                                               "index": 280,
-                                              "label": "Baghdad (1:00 PM)",
+                                              "label": "Baghdad (11:00 AM)",
                                               "value": "Asia/Baghdad",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Caracas (6:00 AM)",
+                                              "label": "Caracas (4:00 AM)",
                                               "value": "America/Caracas",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "La Paz (6:00 AM)",
+                                              "label": "La Paz (4:00 AM)",
                                               "value": "America/La_Paz",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Santiago (6:00 AM)",
+                                              "label": "Santiago (4:00 AM)",
                                               "value": "America/Santiago",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Georgetown (6:00 AM)",
+                                              "label": "Georgetown (4:00 AM)",
                                               "value": "America/Guyana",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Volgograd (2:00 PM)",
+                                              "label": "Volgograd (12:00 PM)",
                                               "value": "Europe/Volgograd",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Samara (2:00 PM)",
+                                              "label": "Samara (12:00 PM)",
                                               "value": "Europe/Samara",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Abu Dhabi (2:00 PM)",
+                                              "label": "Abu Dhabi (12:00 PM)",
                                               "value": "Asia/Muscat",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Muscat (2:00 PM)",
+                                              "label": "Muscat (12:00 PM)",
                                               "value": "Asia/Muscat",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Baku (2:00 PM)",
+                                              "label": "Baku (12:00 PM)",
                                               "value": "Asia/Baku",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Tbilisi (2:00 PM)",
+                                              "label": "Tbilisi (12:00 PM)",
                                               "value": "Asia/Tbilisi",
                                             },
                                             Object {
                                               "index": 340,
-                                              "label": "Yerevan (2:00 PM)",
+                                              "label": "Yerevan (12:00 PM)",
                                               "value": "Asia/Yerevan",
                                             },
                                             Object {
                                               "index": 370,
-                                              "label": "Tehran (2:30 PM)",
+                                              "label": "Tehran (12:30 PM)",
                                               "value": "Asia/Tehran",
                                             },
                                             Object {
                                               "index": 370,
-                                              "label": "Kabul (2:30 PM)",
+                                              "label": "Kabul (12:30 PM)",
                                               "value": "Asia/Kabul",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Guadalajara (5:00 AM)",
+                                              "label": "Guadalajara (3:00 AM)",
                                               "value": "America/Mexico_City",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Mexico City (5:00 AM)",
+                                              "label": "Mexico City (3:00 AM)",
                                               "value": "America/Mexico_City",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Monterrey (5:00 AM)",
+                                              "label": "Monterrey (3:00 AM)",
                                               "value": "America/Monterrey",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Bogota (5:00 AM)",
+                                              "label": "Bogota (3:00 AM)",
                                               "value": "America/Bogota",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Lima (5:00 AM)",
+                                              "label": "Lima (3:00 AM)",
                                               "value": "America/Lima",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Quito (5:00 AM)",
+                                              "label": "Quito (3:00 AM)",
                                               "value": "America/Lima",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Ekaterinburg (3:00 PM)",
+                                              "label": "Ekaterinburg (1:00 PM)",
                                               "value": "Asia/Yekaterinburg",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Islamabad (3:00 PM)",
+                                              "label": "Islamabad (1:00 PM)",
                                               "value": "Asia/Karachi",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Karachi (3:00 PM)",
+                                              "label": "Karachi (1:00 PM)",
                                               "value": "Asia/Karachi",
                                             },
                                             Object {
                                               "index": 400,
-                                              "label": "Tashkent (3:00 PM)",
+                                              "label": "Tashkent (1:00 PM)",
                                               "value": "Asia/Tashkent",
                                             },
                                             Object {
                                               "index": 430,
-                                              "label": "Chennai (3:30 PM)",
+                                              "label": "Chennai (1:30 PM)",
                                               "value": "Asia/Kolkata",
                                             },
                                             Object {
                                               "index": 430,
-                                              "label": "Kolkata (3:30 PM)",
+                                              "label": "Kolkata (1:30 PM)",
                                               "value": "Asia/Kolkata",
                                             },
                                             Object {
                                               "index": 430,
-                                              "label": "Mumbai (3:30 PM)",
+                                              "label": "Mumbai (1:30 PM)",
                                               "value": "Asia/Kolkata",
                                             },
                                             Object {
                                               "index": 430,
-                                              "label": "New Delhi (3:30 PM)",
+                                              "label": "New Delhi (1:30 PM)",
                                               "value": "Asia/Kolkata",
                                             },
                                             Object {
                                               "index": 430,
-                                              "label": "Sri Jayawardenepura (3:30 PM)",
+                                              "label": "Sri Jayawardenepura (1:30 PM)",
                                               "value": "Asia/Colombo",
                                             },
                                             Object {
                                               "index": 445,
-                                              "label": "Kathmandu (3:45 PM)",
+                                              "label": "Kathmandu (1:45 PM)",
                                               "value": "Asia/Kathmandu",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Chihuahua (4:00 AM)",
+                                              "label": "Chihuahua (2:00 AM)",
                                               "value": "America/Chihuahua",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Mazatlan (4:00 AM)",
+                                              "label": "Mazatlan (2:00 AM)",
                                               "value": "America/Mazatlan",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Saskatchewan (4:00 AM)",
+                                              "label": "Saskatchewan (2:00 AM)",
                                               "value": "America/Regina",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Central America (4:00 AM)",
+                                              "label": "Central America (2:00 AM)",
                                               "value": "America/Guatemala",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Astana (4:00 PM)",
+                                              "label": "Astana (2:00 PM)",
                                               "value": "Asia/Dhaka",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Dhaka (4:00 PM)",
+                                              "label": "Dhaka (2:00 PM)",
                                               "value": "Asia/Dhaka",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Almaty (4:00 PM)",
+                                              "label": "Almaty (2:00 PM)",
                                               "value": "Asia/Almaty",
                                             },
                                             Object {
                                               "index": 460,
-                                              "label": "Urumqi (4:00 PM)",
+                                              "label": "Urumqi (2:00 PM)",
                                               "value": "Asia/Urumqi",
                                             },
                                             Object {
                                               "index": 490,
-                                              "label": "Rangoon (4:30 PM)",
+                                              "label": "Rangoon (2:30 PM)",
                                               "value": "Asia/Rangoon",
                                             },
                                             Object {
                                               "index": 520,
-                                              "label": "Tijuana (3:00 AM)",
+                                              "label": "Tijuana (1:00 AM)",
                                               "value": "America/Tijuana",
                                             },
                                             Object {
                                               "index": 520,
-                                              "label": "Novosibirsk (5:00 PM)",
+                                              "label": "Novosibirsk (3:00 PM)",
                                               "value": "Asia/Novosibirsk",
                                             },
                                             Object {
                                               "index": 520,
-                                              "label": "Bangkok (5:00 PM)",
+                                              "label": "Bangkok (3:00 PM)",
                                               "value": "Asia/Bangkok",
                                             },
                                             Object {
                                               "index": 520,
-                                              "label": "Hanoi (5:00 PM)",
+                                              "label": "Hanoi (3:00 PM)",
                                               "value": "Asia/Bangkok",
                                             },
                                             Object {
                                               "index": 520,
-                                              "label": "Jakarta (5:00 PM)",
+                                              "label": "Jakarta (3:00 PM)",
                                               "value": "Asia/Jakarta",
                                             },
                                             Object {
                                               "index": 520,
-                                              "label": "Krasnoyarsk (5:00 PM)",
+                                              "label": "Krasnoyarsk (3:00 PM)",
                                               "value": "Asia/Krasnoyarsk",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Beijing (6:00 PM)",
+                                              "label": "Beijing (4:00 PM)",
                                               "value": "Asia/Shanghai",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Chongqing (6:00 PM)",
+                                              "label": "Chongqing (4:00 PM)",
                                               "value": "Asia/Chongqing",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Hong Kong (6:00 PM)",
+                                              "label": "Hong Kong (4:00 PM)",
                                               "value": "Asia/Hong_Kong",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Kuala Lumpur (6:00 PM)",
+                                              "label": "Kuala Lumpur (4:00 PM)",
                                               "value": "Asia/Kuala_Lumpur",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Singapore (6:00 PM)",
+                                              "label": "Singapore (4:00 PM)",
                                               "value": "Asia/Singapore",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Taipei (6:00 PM)",
+                                              "label": "Taipei (4:00 PM)",
                                               "value": "Asia/Taipei",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Perth (6:00 PM)",
+                                              "label": "Perth (4:00 PM)",
                                               "value": "Australia/Perth",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Irkutsk (6:00 PM)",
+                                              "label": "Irkutsk (4:00 PM)",
                                               "value": "Asia/Irkutsk",
                                             },
                                             Object {
                                               "index": 580,
-                                              "label": "Ulaanbaatar (6:00 PM)",
+                                              "label": "Ulaanbaatar (4:00 PM)",
                                               "value": "Asia/Ulaanbaatar",
                                             },
                                             Object {
                                               "index": 640,
-                                              "label": "Seoul (7:00 PM)",
+                                              "label": "Seoul (5:00 PM)",
                                               "value": "Asia/Seoul",
                                             },
                                             Object {
                                               "index": 640,
-                                              "label": "Osaka (7:00 PM)",
+                                              "label": "Osaka (5:00 PM)",
                                               "value": "Asia/Tokyo",
                                             },
                                             Object {
                                               "index": 640,
-                                              "label": "Sapporo (7:00 PM)",
+                                              "label": "Sapporo (5:00 PM)",
                                               "value": "Asia/Tokyo",
                                             },
                                             Object {
                                               "index": 640,
-                                              "label": "Tokyo (7:00 PM)",
+                                              "label": "Tokyo (5:00 PM)",
                                               "value": "Asia/Tokyo",
                                             },
                                             Object {
                                               "index": 640,
-                                              "label": "Yakutsk (7:00 PM)",
+                                              "label": "Yakutsk (5:00 PM)",
                                               "value": "Asia/Yakutsk",
                                             },
                                             Object {
                                               "index": 670,
-                                              "label": "Darwin (7:30 PM)",
+                                              "label": "Darwin (5:30 PM)",
                                               "value": "Australia/Darwin",
                                             },
                                             Object {
                                               "index": 670,
-                                              "label": "Adelaide (7:30 PM)",
+                                              "label": "Adelaide (5:30 PM)",
                                               "value": "Australia/Adelaide",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Canberra (8:00 PM)",
+                                              "label": "Canberra (6:00 PM)",
                                               "value": "Australia/Melbourne",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Melbourne (8:00 PM)",
+                                              "label": "Melbourne (6:00 PM)",
                                               "value": "Australia/Melbourne",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Sydney (8:00 PM)",
+                                              "label": "Sydney (6:00 PM)",
                                               "value": "Australia/Sydney",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Brisbane (8:00 PM)",
+                                              "label": "Brisbane (6:00 PM)",
                                               "value": "Australia/Brisbane",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Hobart (8:00 PM)",
+                                              "label": "Hobart (6:00 PM)",
                                               "value": "Australia/Hobart",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Vladivostok (8:00 PM)",
+                                              "label": "Vladivostok (6:00 PM)",
                                               "value": "Asia/Vladivostok",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Guam (8:00 PM)",
+                                              "label": "Guam (6:00 PM)",
                                               "value": "Pacific/Guam",
                                             },
                                             Object {
                                               "index": 700,
-                                              "label": "Port Moresby (8:00 PM)",
+                                              "label": "Port Moresby (6:00 PM)",
                                               "value": "Pacific/Port_Moresby",
                                             },
                                             Object {
                                               "index": 760,
-                                              "label": "Midway Island (11:00 PM)",
+                                              "label": "Midway Island (9:00 PM)",
                                               "value": "Pacific/Midway",
                                             },
                                             Object {
                                               "index": 760,
-                                              "label": "American Samoa (11:00 PM)",
+                                              "label": "American Samoa (9:00 PM)",
                                               "value": "Pacific/Pago_Pago",
                                             },
                                             Object {
                                               "index": 760,
-                                              "label": "Magadan (9:00 PM)",
+                                              "label": "Magadan (7:00 PM)",
                                               "value": "Asia/Magadan",
                                             },
                                             Object {
                                               "index": 760,
-                                              "label": "Srednekolymsk (9:00 PM)",
+                                              "label": "Srednekolymsk (7:00 PM)",
                                               "value": "Asia/Srednekolymsk",
                                             },
                                             Object {
                                               "index": 760,
-                                              "label": "Solomon Is. (9:00 PM)",
+                                              "label": "Solomon Is. (7:00 PM)",
                                               "value": "Pacific/Guadalcanal",
                                             },
                                             Object {
                                               "index": 760,
-                                              "label": "New Caledonia (9:00 PM)",
+                                              "label": "New Caledonia (7:00 PM)",
                                               "value": "Pacific/Noumea",
                                             },
                                             Object {
                                               "index": 820,
-                                              "label": "International Date Line West (10:00 PM)",
+                                              "label": "International Date Line West (8:00 PM)",
                                               "value": "Etc/GMT+12",
                                             },
                                             Object {
                                               "index": 820,
-                                              "label": "Fiji (10:00 PM)",
+                                              "label": "Fiji (8:00 PM)",
                                               "value": "Pacific/Fiji",
                                             },
                                             Object {
                                               "index": 820,
-                                              "label": "Kamchatka (10:00 PM)",
+                                              "label": "Kamchatka (8:00 PM)",
                                               "value": "Asia/Kamchatka",
                                             },
                                             Object {
                                               "index": 820,
-                                              "label": "Marshall Is. (10:00 PM)",
+                                              "label": "Marshall Is. (8:00 PM)",
                                               "value": "Pacific/Majuro",
                                             },
                                             Object {
                                               "index": 820,
-                                              "label": "Auckland (10:00 PM)",
+                                              "label": "Auckland (8:00 PM)",
                                               "value": "Pacific/Auckland",
                                             },
                                             Object {
                                               "index": 820,
-                                              "label": "Wellington (10:00 PM)",
+                                              "label": "Wellington (8:00 PM)",
                                               "value": "Pacific/Auckland",
                                             },
                                             Object {
                                               "index": 865,
-                                              "label": "Chatham Is. (10:45 PM)",
+                                              "label": "Chatham Is. (8:45 PM)",
                                               "value": "Pacific/Chatham",
                                             },
                                             Object {
                                               "index": 880,
-                                              "label": "Nuku'alofa (11:00 PM)",
+                                              "label": "Nuku'alofa (9:00 PM)",
                                               "value": "Pacific/Tongatapu",
                                             },
                                             Object {
                                               "index": 880,
-                                              "label": "Tokelau Is. (11:00 PM)",
+                                              "label": "Tokelau Is. (9:00 PM)",
                                               "value": "Pacific/Fakaofo",
                                             },
                                             Object {
                                               "index": 880,
-                                              "label": "Samoa (11:00 PM)",
+                                              "label": "Samoa (9:00 PM)",
                                               "value": "Pacific/Apia",
                                             },
                                           ]
@@ -298855,7 +288590,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                             "formatGroupLabel": [Function],
                                             "getOptionLabel": [Function],
                                             "getOptionValue": [Function],
-                                            "inputId": "representative-tz",
+                                            "inputId": "appellant-tz",
                                             "inputValue": "",
                                             "isClearable": undefined,
                                             "isDisabled": false,
@@ -298873,7 +288608,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                             "menuShouldBlockScroll": false,
                                             "menuShouldScrollIntoView": true,
                                             "minMenuHeight": 140,
-                                            "name": "representativeTz",
+                                            "name": "appellantTz",
                                             "noOptionsMessage": [Function],
                                             "onBlurResetsInput": false,
                                             "onChange": [Function],
@@ -298889,762 +288624,762 @@ exports[`Details Matches snapshot with default props 1`] = `
                                               },
                                               Object {
                                                 "index": -3,
-                                                "label": "Eastern Time (US & Canada) (6:00 AM)",
+                                                "label": "Eastern Time (US & Canada) (4:00 AM)",
                                                 "value": "America/New_York",
                                               },
                                               Object {
                                                 "index": -2,
-                                                "label": "Central Time (US & Canada) (5:00 AM)",
+                                                "label": "Central Time (US & Canada) (3:00 AM)",
                                                 "value": "America/Chicago",
                                               },
                                               Object {
                                                 "index": -1,
-                                                "label": "Mountain Time (US & Canada) (4:00 AM)",
+                                                "label": "Mountain Time (US & Canada) (2:00 AM)",
                                                 "value": "America/Denver",
                                               },
                                               Object {
                                                 "index": -0,
-                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                "label": "Pacific Time (US & Canada) (1:00 AM)",
                                                 "value": "America/Los_Angeles",
                                               },
                                               Object {
                                                 "index": 2.4,
-                                                "label": "Indiana (East) (6:00 AM)",
+                                                "label": "Indiana (East) (4:00 AM)",
                                                 "value": "America/Indiana/Indianapolis",
                                               },
                                               Object {
                                                 "index": 2.4,
-                                                "label": "Puerto Rico (6:00 AM)",
+                                                "label": "Puerto Rico (4:00 AM)",
                                                 "value": "America/Puerto_Rico",
                                               },
                                               Object {
                                                 "index": 4.2,
-                                                "label": "Arizona (3:00 AM)",
+                                                "label": "Arizona (1:00 AM)",
                                                 "value": "America/Phoenix",
                                               },
                                               Object {
                                                 "index": 4.8,
-                                                "label": "Alaska (2:00 AM)",
+                                                "label": "Alaska (12:00 AM)",
                                                 "value": "America/Juneau",
                                               },
                                               Object {
                                                 "index": 4.8,
-                                                "label": "Philippine Standard Time (6:00 PM)",
+                                                "label": "Philippine Standard Time (4:00 PM)",
                                                 "value": "Asia/Manila",
                                               },
                                               Object {
                                                 "index": 6,
-                                                "label": "Hawaii (12:00 AM)",
+                                                "label": "Hawaii (10:00 PM)",
                                                 "value": "Pacific/Honolulu",
                                               },
                                               Object {
                                                 "index": 100,
-                                                "label": "Azores (10:00 AM)",
+                                                "label": "Azores (8:00 AM)",
                                                 "value": "Atlantic/Azores",
                                               },
                                               Object {
                                                 "index": 100,
-                                                "label": "Monrovia (10:00 AM)",
+                                                "label": "Monrovia (8:00 AM)",
                                                 "value": "Africa/Monrovia",
                                               },
                                               Object {
                                                 "index": 100,
-                                                "label": "UTC (10:00 AM)",
+                                                "label": "UTC (8:00 AM)",
                                                 "value": "Etc/UTC",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "Cape Verde Is. (9:00 AM)",
+                                                "label": "Cape Verde Is. (7:00 AM)",
                                                 "value": "Atlantic/Cape_Verde",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "Dublin (11:00 AM)",
+                                                "label": "Dublin (9:00 AM)",
                                                 "value": "Europe/Dublin",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "Edinburgh (11:00 AM)",
+                                                "label": "Edinburgh (9:00 AM)",
                                                 "value": "Europe/London",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "Lisbon (11:00 AM)",
+                                                "label": "Lisbon (9:00 AM)",
                                                 "value": "Europe/Lisbon",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "London (11:00 AM)",
+                                                "label": "London (9:00 AM)",
                                                 "value": "Europe/London",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "Casablanca (11:00 AM)",
+                                                "label": "Casablanca (9:00 AM)",
                                                 "value": "Africa/Casablanca",
                                               },
                                               Object {
                                                 "index": 160,
-                                                "label": "West Central Africa (11:00 AM)",
+                                                "label": "West Central Africa (9:00 AM)",
                                                 "value": "Africa/Algiers",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Greenland (8:00 AM)",
+                                                "label": "Greenland (6:00 AM)",
                                                 "value": "America/Godthab",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Mid-Atlantic (8:00 AM)",
+                                                "label": "Mid-Atlantic (6:00 AM)",
                                                 "value": "Atlantic/South_Georgia",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Belgrade (12:00 PM)",
+                                                "label": "Belgrade (10:00 AM)",
                                                 "value": "Europe/Belgrade",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Bratislava (12:00 PM)",
+                                                "label": "Bratislava (10:00 AM)",
                                                 "value": "Europe/Bratislava",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Budapest (12:00 PM)",
+                                                "label": "Budapest (10:00 AM)",
                                                 "value": "Europe/Budapest",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Ljubljana (12:00 PM)",
+                                                "label": "Ljubljana (10:00 AM)",
                                                 "value": "Europe/Ljubljana",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Prague (12:00 PM)",
+                                                "label": "Prague (10:00 AM)",
                                                 "value": "Europe/Prague",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Sarajevo (12:00 PM)",
+                                                "label": "Sarajevo (10:00 AM)",
                                                 "value": "Europe/Sarajevo",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Skopje (12:00 PM)",
+                                                "label": "Skopje (10:00 AM)",
                                                 "value": "Europe/Skopje",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Warsaw (12:00 PM)",
+                                                "label": "Warsaw (10:00 AM)",
                                                 "value": "Europe/Warsaw",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Zagreb (12:00 PM)",
+                                                "label": "Zagreb (10:00 AM)",
                                                 "value": "Europe/Zagreb",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Brussels (12:00 PM)",
+                                                "label": "Brussels (10:00 AM)",
                                                 "value": "Europe/Brussels",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Copenhagen (12:00 PM)",
+                                                "label": "Copenhagen (10:00 AM)",
                                                 "value": "Europe/Copenhagen",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Madrid (12:00 PM)",
+                                                "label": "Madrid (10:00 AM)",
                                                 "value": "Europe/Madrid",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Paris (12:00 PM)",
+                                                "label": "Paris (10:00 AM)",
                                                 "value": "Europe/Paris",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Amsterdam (12:00 PM)",
+                                                "label": "Amsterdam (10:00 AM)",
                                                 "value": "Europe/Amsterdam",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Berlin (12:00 PM)",
+                                                "label": "Berlin (10:00 AM)",
                                                 "value": "Europe/Berlin",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Bern (12:00 PM)",
+                                                "label": "Bern (10:00 AM)",
                                                 "value": "Europe/Zurich",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Zurich (12:00 PM)",
+                                                "label": "Zurich (10:00 AM)",
                                                 "value": "Europe/Zurich",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Rome (12:00 PM)",
+                                                "label": "Rome (10:00 AM)",
                                                 "value": "Europe/Rome",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Stockholm (12:00 PM)",
+                                                "label": "Stockholm (10:00 AM)",
                                                 "value": "Europe/Stockholm",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Vienna (12:00 PM)",
+                                                "label": "Vienna (10:00 AM)",
                                                 "value": "Europe/Vienna",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Cairo (12:00 PM)",
+                                                "label": "Cairo (10:00 AM)",
                                                 "value": "Africa/Cairo",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Harare (12:00 PM)",
+                                                "label": "Harare (10:00 AM)",
                                                 "value": "Africa/Harare",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Pretoria (12:00 PM)",
+                                                "label": "Pretoria (10:00 AM)",
                                                 "value": "Africa/Johannesburg",
                                               },
                                               Object {
                                                 "index": 220,
-                                                "label": "Kaliningrad (12:00 PM)",
+                                                "label": "Kaliningrad (10:00 AM)",
                                                 "value": "Europe/Kaliningrad",
                                               },
                                               Object {
                                                 "index": 250,
-                                                "label": "Newfoundland (7:30 AM)",
+                                                "label": "Newfoundland (5:30 AM)",
                                                 "value": "America/St_Johns",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Atlantic Time (Canada) (7:00 AM)",
+                                                "label": "Atlantic Time (Canada) (5:00 AM)",
                                                 "value": "America/Halifax",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Brasilia (7:00 AM)",
+                                                "label": "Brasilia (5:00 AM)",
                                                 "value": "America/Sao_Paulo",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Buenos Aires (7:00 AM)",
+                                                "label": "Buenos Aires (5:00 AM)",
                                                 "value": "America/Argentina/Buenos_Aires",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Montevideo (7:00 AM)",
+                                                "label": "Montevideo (5:00 AM)",
                                                 "value": "America/Montevideo",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Bucharest (1:00 PM)",
+                                                "label": "Bucharest (11:00 AM)",
                                                 "value": "Europe/Bucharest",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Helsinki (1:00 PM)",
+                                                "label": "Helsinki (11:00 AM)",
                                                 "value": "Europe/Helsinki",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Kyiv (1:00 PM)",
+                                                "label": "Kyiv (11:00 AM)",
                                                 "value": "Europe/Kiev",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Riga (1:00 PM)",
+                                                "label": "Riga (11:00 AM)",
                                                 "value": "Europe/Riga",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Sofia (1:00 PM)",
+                                                "label": "Sofia (11:00 AM)",
                                                 "value": "Europe/Sofia",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Tallinn (1:00 PM)",
+                                                "label": "Tallinn (11:00 AM)",
                                                 "value": "Europe/Tallinn",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Vilnius (1:00 PM)",
+                                                "label": "Vilnius (11:00 AM)",
                                                 "value": "Europe/Vilnius",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Athens (1:00 PM)",
+                                                "label": "Athens (11:00 AM)",
                                                 "value": "Europe/Athens",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Istanbul (1:00 PM)",
+                                                "label": "Istanbul (11:00 AM)",
                                                 "value": "Europe/Istanbul",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Minsk (1:00 PM)",
+                                                "label": "Minsk (11:00 AM)",
                                                 "value": "Europe/Minsk",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Jerusalem (1:00 PM)",
+                                                "label": "Jerusalem (11:00 AM)",
                                                 "value": "Asia/Jerusalem",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Moscow (1:00 PM)",
+                                                "label": "Moscow (11:00 AM)",
                                                 "value": "Europe/Moscow",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "St. Petersburg (1:00 PM)",
+                                                "label": "St. Petersburg (11:00 AM)",
                                                 "value": "Europe/Moscow",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Kuwait (1:00 PM)",
+                                                "label": "Kuwait (11:00 AM)",
                                                 "value": "Asia/Kuwait",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Riyadh (1:00 PM)",
+                                                "label": "Riyadh (11:00 AM)",
                                                 "value": "Asia/Riyadh",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Nairobi (1:00 PM)",
+                                                "label": "Nairobi (11:00 AM)",
                                                 "value": "Africa/Nairobi",
                                               },
                                               Object {
                                                 "index": 280,
-                                                "label": "Baghdad (1:00 PM)",
+                                                "label": "Baghdad (11:00 AM)",
                                                 "value": "Asia/Baghdad",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Caracas (6:00 AM)",
+                                                "label": "Caracas (4:00 AM)",
                                                 "value": "America/Caracas",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "La Paz (6:00 AM)",
+                                                "label": "La Paz (4:00 AM)",
                                                 "value": "America/La_Paz",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Santiago (6:00 AM)",
+                                                "label": "Santiago (4:00 AM)",
                                                 "value": "America/Santiago",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Georgetown (6:00 AM)",
+                                                "label": "Georgetown (4:00 AM)",
                                                 "value": "America/Guyana",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Volgograd (2:00 PM)",
+                                                "label": "Volgograd (12:00 PM)",
                                                 "value": "Europe/Volgograd",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Samara (2:00 PM)",
+                                                "label": "Samara (12:00 PM)",
                                                 "value": "Europe/Samara",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Abu Dhabi (2:00 PM)",
+                                                "label": "Abu Dhabi (12:00 PM)",
                                                 "value": "Asia/Muscat",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Muscat (2:00 PM)",
+                                                "label": "Muscat (12:00 PM)",
                                                 "value": "Asia/Muscat",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Baku (2:00 PM)",
+                                                "label": "Baku (12:00 PM)",
                                                 "value": "Asia/Baku",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Tbilisi (2:00 PM)",
+                                                "label": "Tbilisi (12:00 PM)",
                                                 "value": "Asia/Tbilisi",
                                               },
                                               Object {
                                                 "index": 340,
-                                                "label": "Yerevan (2:00 PM)",
+                                                "label": "Yerevan (12:00 PM)",
                                                 "value": "Asia/Yerevan",
                                               },
                                               Object {
                                                 "index": 370,
-                                                "label": "Tehran (2:30 PM)",
+                                                "label": "Tehran (12:30 PM)",
                                                 "value": "Asia/Tehran",
                                               },
                                               Object {
                                                 "index": 370,
-                                                "label": "Kabul (2:30 PM)",
+                                                "label": "Kabul (12:30 PM)",
                                                 "value": "Asia/Kabul",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Guadalajara (5:00 AM)",
+                                                "label": "Guadalajara (3:00 AM)",
                                                 "value": "America/Mexico_City",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Mexico City (5:00 AM)",
+                                                "label": "Mexico City (3:00 AM)",
                                                 "value": "America/Mexico_City",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Monterrey (5:00 AM)",
+                                                "label": "Monterrey (3:00 AM)",
                                                 "value": "America/Monterrey",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Bogota (5:00 AM)",
+                                                "label": "Bogota (3:00 AM)",
                                                 "value": "America/Bogota",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Lima (5:00 AM)",
+                                                "label": "Lima (3:00 AM)",
                                                 "value": "America/Lima",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Quito (5:00 AM)",
+                                                "label": "Quito (3:00 AM)",
                                                 "value": "America/Lima",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Ekaterinburg (3:00 PM)",
+                                                "label": "Ekaterinburg (1:00 PM)",
                                                 "value": "Asia/Yekaterinburg",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Islamabad (3:00 PM)",
+                                                "label": "Islamabad (1:00 PM)",
                                                 "value": "Asia/Karachi",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Karachi (3:00 PM)",
+                                                "label": "Karachi (1:00 PM)",
                                                 "value": "Asia/Karachi",
                                               },
                                               Object {
                                                 "index": 400,
-                                                "label": "Tashkent (3:00 PM)",
+                                                "label": "Tashkent (1:00 PM)",
                                                 "value": "Asia/Tashkent",
                                               },
                                               Object {
                                                 "index": 430,
-                                                "label": "Chennai (3:30 PM)",
+                                                "label": "Chennai (1:30 PM)",
                                                 "value": "Asia/Kolkata",
                                               },
                                               Object {
                                                 "index": 430,
-                                                "label": "Kolkata (3:30 PM)",
+                                                "label": "Kolkata (1:30 PM)",
                                                 "value": "Asia/Kolkata",
                                               },
                                               Object {
                                                 "index": 430,
-                                                "label": "Mumbai (3:30 PM)",
+                                                "label": "Mumbai (1:30 PM)",
                                                 "value": "Asia/Kolkata",
                                               },
                                               Object {
                                                 "index": 430,
-                                                "label": "New Delhi (3:30 PM)",
+                                                "label": "New Delhi (1:30 PM)",
                                                 "value": "Asia/Kolkata",
                                               },
                                               Object {
                                                 "index": 430,
-                                                "label": "Sri Jayawardenepura (3:30 PM)",
+                                                "label": "Sri Jayawardenepura (1:30 PM)",
                                                 "value": "Asia/Colombo",
                                               },
                                               Object {
                                                 "index": 445,
-                                                "label": "Kathmandu (3:45 PM)",
+                                                "label": "Kathmandu (1:45 PM)",
                                                 "value": "Asia/Kathmandu",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Chihuahua (4:00 AM)",
+                                                "label": "Chihuahua (2:00 AM)",
                                                 "value": "America/Chihuahua",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Mazatlan (4:00 AM)",
+                                                "label": "Mazatlan (2:00 AM)",
                                                 "value": "America/Mazatlan",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Saskatchewan (4:00 AM)",
+                                                "label": "Saskatchewan (2:00 AM)",
                                                 "value": "America/Regina",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Central America (4:00 AM)",
+                                                "label": "Central America (2:00 AM)",
                                                 "value": "America/Guatemala",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Astana (4:00 PM)",
+                                                "label": "Astana (2:00 PM)",
                                                 "value": "Asia/Dhaka",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Dhaka (4:00 PM)",
+                                                "label": "Dhaka (2:00 PM)",
                                                 "value": "Asia/Dhaka",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Almaty (4:00 PM)",
+                                                "label": "Almaty (2:00 PM)",
                                                 "value": "Asia/Almaty",
                                               },
                                               Object {
                                                 "index": 460,
-                                                "label": "Urumqi (4:00 PM)",
+                                                "label": "Urumqi (2:00 PM)",
                                                 "value": "Asia/Urumqi",
                                               },
                                               Object {
                                                 "index": 490,
-                                                "label": "Rangoon (4:30 PM)",
+                                                "label": "Rangoon (2:30 PM)",
                                                 "value": "Asia/Rangoon",
                                               },
                                               Object {
                                                 "index": 520,
-                                                "label": "Tijuana (3:00 AM)",
+                                                "label": "Tijuana (1:00 AM)",
                                                 "value": "America/Tijuana",
                                               },
                                               Object {
                                                 "index": 520,
-                                                "label": "Novosibirsk (5:00 PM)",
+                                                "label": "Novosibirsk (3:00 PM)",
                                                 "value": "Asia/Novosibirsk",
                                               },
                                               Object {
                                                 "index": 520,
-                                                "label": "Bangkok (5:00 PM)",
+                                                "label": "Bangkok (3:00 PM)",
                                                 "value": "Asia/Bangkok",
                                               },
                                               Object {
                                                 "index": 520,
-                                                "label": "Hanoi (5:00 PM)",
+                                                "label": "Hanoi (3:00 PM)",
                                                 "value": "Asia/Bangkok",
                                               },
                                               Object {
                                                 "index": 520,
-                                                "label": "Jakarta (5:00 PM)",
+                                                "label": "Jakarta (3:00 PM)",
                                                 "value": "Asia/Jakarta",
                                               },
                                               Object {
                                                 "index": 520,
-                                                "label": "Krasnoyarsk (5:00 PM)",
+                                                "label": "Krasnoyarsk (3:00 PM)",
                                                 "value": "Asia/Krasnoyarsk",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Beijing (6:00 PM)",
+                                                "label": "Beijing (4:00 PM)",
                                                 "value": "Asia/Shanghai",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Chongqing (6:00 PM)",
+                                                "label": "Chongqing (4:00 PM)",
                                                 "value": "Asia/Chongqing",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Hong Kong (6:00 PM)",
+                                                "label": "Hong Kong (4:00 PM)",
                                                 "value": "Asia/Hong_Kong",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Kuala Lumpur (6:00 PM)",
+                                                "label": "Kuala Lumpur (4:00 PM)",
                                                 "value": "Asia/Kuala_Lumpur",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Singapore (6:00 PM)",
+                                                "label": "Singapore (4:00 PM)",
                                                 "value": "Asia/Singapore",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Taipei (6:00 PM)",
+                                                "label": "Taipei (4:00 PM)",
                                                 "value": "Asia/Taipei",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Perth (6:00 PM)",
+                                                "label": "Perth (4:00 PM)",
                                                 "value": "Australia/Perth",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Irkutsk (6:00 PM)",
+                                                "label": "Irkutsk (4:00 PM)",
                                                 "value": "Asia/Irkutsk",
                                               },
                                               Object {
                                                 "index": 580,
-                                                "label": "Ulaanbaatar (6:00 PM)",
+                                                "label": "Ulaanbaatar (4:00 PM)",
                                                 "value": "Asia/Ulaanbaatar",
                                               },
                                               Object {
                                                 "index": 640,
-                                                "label": "Seoul (7:00 PM)",
+                                                "label": "Seoul (5:00 PM)",
                                                 "value": "Asia/Seoul",
                                               },
                                               Object {
                                                 "index": 640,
-                                                "label": "Osaka (7:00 PM)",
+                                                "label": "Osaka (5:00 PM)",
                                                 "value": "Asia/Tokyo",
                                               },
                                               Object {
                                                 "index": 640,
-                                                "label": "Sapporo (7:00 PM)",
+                                                "label": "Sapporo (5:00 PM)",
                                                 "value": "Asia/Tokyo",
                                               },
                                               Object {
                                                 "index": 640,
-                                                "label": "Tokyo (7:00 PM)",
+                                                "label": "Tokyo (5:00 PM)",
                                                 "value": "Asia/Tokyo",
                                               },
                                               Object {
                                                 "index": 640,
-                                                "label": "Yakutsk (7:00 PM)",
+                                                "label": "Yakutsk (5:00 PM)",
                                                 "value": "Asia/Yakutsk",
                                               },
                                               Object {
                                                 "index": 670,
-                                                "label": "Darwin (7:30 PM)",
+                                                "label": "Darwin (5:30 PM)",
                                                 "value": "Australia/Darwin",
                                               },
                                               Object {
                                                 "index": 670,
-                                                "label": "Adelaide (7:30 PM)",
+                                                "label": "Adelaide (5:30 PM)",
                                                 "value": "Australia/Adelaide",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Canberra (8:00 PM)",
+                                                "label": "Canberra (6:00 PM)",
                                                 "value": "Australia/Melbourne",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Melbourne (8:00 PM)",
+                                                "label": "Melbourne (6:00 PM)",
                                                 "value": "Australia/Melbourne",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Sydney (8:00 PM)",
+                                                "label": "Sydney (6:00 PM)",
                                                 "value": "Australia/Sydney",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Brisbane (8:00 PM)",
+                                                "label": "Brisbane (6:00 PM)",
                                                 "value": "Australia/Brisbane",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Hobart (8:00 PM)",
+                                                "label": "Hobart (6:00 PM)",
                                                 "value": "Australia/Hobart",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Vladivostok (8:00 PM)",
+                                                "label": "Vladivostok (6:00 PM)",
                                                 "value": "Asia/Vladivostok",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Guam (8:00 PM)",
+                                                "label": "Guam (6:00 PM)",
                                                 "value": "Pacific/Guam",
                                               },
                                               Object {
                                                 "index": 700,
-                                                "label": "Port Moresby (8:00 PM)",
+                                                "label": "Port Moresby (6:00 PM)",
                                                 "value": "Pacific/Port_Moresby",
                                               },
                                               Object {
                                                 "index": 760,
-                                                "label": "Midway Island (11:00 PM)",
+                                                "label": "Midway Island (9:00 PM)",
                                                 "value": "Pacific/Midway",
                                               },
                                               Object {
                                                 "index": 760,
-                                                "label": "American Samoa (11:00 PM)",
+                                                "label": "American Samoa (9:00 PM)",
                                                 "value": "Pacific/Pago_Pago",
                                               },
                                               Object {
                                                 "index": 760,
-                                                "label": "Magadan (9:00 PM)",
+                                                "label": "Magadan (7:00 PM)",
                                                 "value": "Asia/Magadan",
                                               },
                                               Object {
                                                 "index": 760,
-                                                "label": "Srednekolymsk (9:00 PM)",
+                                                "label": "Srednekolymsk (7:00 PM)",
                                                 "value": "Asia/Srednekolymsk",
                                               },
                                               Object {
                                                 "index": 760,
-                                                "label": "Solomon Is. (9:00 PM)",
+                                                "label": "Solomon Is. (7:00 PM)",
                                                 "value": "Pacific/Guadalcanal",
                                               },
                                               Object {
                                                 "index": 760,
-                                                "label": "New Caledonia (9:00 PM)",
+                                                "label": "New Caledonia (7:00 PM)",
                                                 "value": "Pacific/Noumea",
                                               },
                                               Object {
                                                 "index": 820,
-                                                "label": "International Date Line West (10:00 PM)",
+                                                "label": "International Date Line West (8:00 PM)",
                                                 "value": "Etc/GMT+12",
                                               },
                                               Object {
                                                 "index": 820,
-                                                "label": "Fiji (10:00 PM)",
+                                                "label": "Fiji (8:00 PM)",
                                                 "value": "Pacific/Fiji",
                                               },
                                               Object {
                                                 "index": 820,
-                                                "label": "Kamchatka (10:00 PM)",
+                                                "label": "Kamchatka (8:00 PM)",
                                                 "value": "Asia/Kamchatka",
                                               },
                                               Object {
                                                 "index": 820,
-                                                "label": "Marshall Is. (10:00 PM)",
+                                                "label": "Marshall Is. (8:00 PM)",
                                                 "value": "Pacific/Majuro",
                                               },
                                               Object {
                                                 "index": 820,
-                                                "label": "Auckland (10:00 PM)",
+                                                "label": "Auckland (8:00 PM)",
                                                 "value": "Pacific/Auckland",
                                               },
                                               Object {
                                                 "index": 820,
-                                                "label": "Wellington (10:00 PM)",
+                                                "label": "Wellington (8:00 PM)",
                                                 "value": "Pacific/Auckland",
                                               },
                                               Object {
                                                 "index": 865,
-                                                "label": "Chatham Is. (10:45 PM)",
+                                                "label": "Chatham Is. (8:45 PM)",
                                                 "value": "Pacific/Chatham",
                                               },
                                               Object {
                                                 "index": 880,
-                                                "label": "Nuku'alofa (11:00 PM)",
+                                                "label": "Nuku'alofa (9:00 PM)",
                                                 "value": "Pacific/Tongatapu",
                                               },
                                               Object {
                                                 "index": 880,
-                                                "label": "Tokelau Is. (11:00 PM)",
+                                                "label": "Tokelau Is. (9:00 PM)",
                                                 "value": "Pacific/Fakaofo",
                                               },
                                               Object {
                                                 "index": 880,
-                                                "label": "Samoa (11:00 PM)",
+                                                "label": "Samoa (9:00 PM)",
                                                 "value": "Pacific/Apia",
                                               },
                                             ],
@@ -299658,11 +289393,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                             },
                                             "tabIndex": "0",
                                             "tabSelectsValue": true,
-                                            "value": Object {
-                                              "index": -0,
-                                              "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                              "value": "America/Los_Angeles",
-                                            },
+                                            "value": null,
                                           }
                                         }
                                         setValue={[Function]}
@@ -299720,7 +289451,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                               cx={[Function]}
                                               getStyles={[Function]}
                                               getValue={[Function]}
-                                              hasValue={true}
+                                              hasValue={false}
                                               innerProps={
                                                 Object {
                                                   "onMouseDown": [Function],
@@ -299741,762 +289472,762 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                   },
                                                   Object {
                                                     "index": -3,
-                                                    "label": "Eastern Time (US & Canada) (6:00 AM)",
+                                                    "label": "Eastern Time (US & Canada) (4:00 AM)",
                                                     "value": "America/New_York",
                                                   },
                                                   Object {
                                                     "index": -2,
-                                                    "label": "Central Time (US & Canada) (5:00 AM)",
+                                                    "label": "Central Time (US & Canada) (3:00 AM)",
                                                     "value": "America/Chicago",
                                                   },
                                                   Object {
                                                     "index": -1,
-                                                    "label": "Mountain Time (US & Canada) (4:00 AM)",
+                                                    "label": "Mountain Time (US & Canada) (2:00 AM)",
                                                     "value": "America/Denver",
                                                   },
                                                   Object {
                                                     "index": -0,
-                                                    "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                    "label": "Pacific Time (US & Canada) (1:00 AM)",
                                                     "value": "America/Los_Angeles",
                                                   },
                                                   Object {
                                                     "index": 2.4,
-                                                    "label": "Indiana (East) (6:00 AM)",
+                                                    "label": "Indiana (East) (4:00 AM)",
                                                     "value": "America/Indiana/Indianapolis",
                                                   },
                                                   Object {
                                                     "index": 2.4,
-                                                    "label": "Puerto Rico (6:00 AM)",
+                                                    "label": "Puerto Rico (4:00 AM)",
                                                     "value": "America/Puerto_Rico",
                                                   },
                                                   Object {
                                                     "index": 4.2,
-                                                    "label": "Arizona (3:00 AM)",
+                                                    "label": "Arizona (1:00 AM)",
                                                     "value": "America/Phoenix",
                                                   },
                                                   Object {
                                                     "index": 4.8,
-                                                    "label": "Alaska (2:00 AM)",
+                                                    "label": "Alaska (12:00 AM)",
                                                     "value": "America/Juneau",
                                                   },
                                                   Object {
                                                     "index": 4.8,
-                                                    "label": "Philippine Standard Time (6:00 PM)",
+                                                    "label": "Philippine Standard Time (4:00 PM)",
                                                     "value": "Asia/Manila",
                                                   },
                                                   Object {
                                                     "index": 6,
-                                                    "label": "Hawaii (12:00 AM)",
+                                                    "label": "Hawaii (10:00 PM)",
                                                     "value": "Pacific/Honolulu",
                                                   },
                                                   Object {
                                                     "index": 100,
-                                                    "label": "Azores (10:00 AM)",
+                                                    "label": "Azores (8:00 AM)",
                                                     "value": "Atlantic/Azores",
                                                   },
                                                   Object {
                                                     "index": 100,
-                                                    "label": "Monrovia (10:00 AM)",
+                                                    "label": "Monrovia (8:00 AM)",
                                                     "value": "Africa/Monrovia",
                                                   },
                                                   Object {
                                                     "index": 100,
-                                                    "label": "UTC (10:00 AM)",
+                                                    "label": "UTC (8:00 AM)",
                                                     "value": "Etc/UTC",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "Cape Verde Is. (9:00 AM)",
+                                                    "label": "Cape Verde Is. (7:00 AM)",
                                                     "value": "Atlantic/Cape_Verde",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "Dublin (11:00 AM)",
+                                                    "label": "Dublin (9:00 AM)",
                                                     "value": "Europe/Dublin",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "Edinburgh (11:00 AM)",
+                                                    "label": "Edinburgh (9:00 AM)",
                                                     "value": "Europe/London",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "Lisbon (11:00 AM)",
+                                                    "label": "Lisbon (9:00 AM)",
                                                     "value": "Europe/Lisbon",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "London (11:00 AM)",
+                                                    "label": "London (9:00 AM)",
                                                     "value": "Europe/London",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "Casablanca (11:00 AM)",
+                                                    "label": "Casablanca (9:00 AM)",
                                                     "value": "Africa/Casablanca",
                                                   },
                                                   Object {
                                                     "index": 160,
-                                                    "label": "West Central Africa (11:00 AM)",
+                                                    "label": "West Central Africa (9:00 AM)",
                                                     "value": "Africa/Algiers",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Greenland (8:00 AM)",
+                                                    "label": "Greenland (6:00 AM)",
                                                     "value": "America/Godthab",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Mid-Atlantic (8:00 AM)",
+                                                    "label": "Mid-Atlantic (6:00 AM)",
                                                     "value": "Atlantic/South_Georgia",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Belgrade (12:00 PM)",
+                                                    "label": "Belgrade (10:00 AM)",
                                                     "value": "Europe/Belgrade",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Bratislava (12:00 PM)",
+                                                    "label": "Bratislava (10:00 AM)",
                                                     "value": "Europe/Bratislava",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Budapest (12:00 PM)",
+                                                    "label": "Budapest (10:00 AM)",
                                                     "value": "Europe/Budapest",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Ljubljana (12:00 PM)",
+                                                    "label": "Ljubljana (10:00 AM)",
                                                     "value": "Europe/Ljubljana",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Prague (12:00 PM)",
+                                                    "label": "Prague (10:00 AM)",
                                                     "value": "Europe/Prague",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Sarajevo (12:00 PM)",
+                                                    "label": "Sarajevo (10:00 AM)",
                                                     "value": "Europe/Sarajevo",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Skopje (12:00 PM)",
+                                                    "label": "Skopje (10:00 AM)",
                                                     "value": "Europe/Skopje",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Warsaw (12:00 PM)",
+                                                    "label": "Warsaw (10:00 AM)",
                                                     "value": "Europe/Warsaw",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Zagreb (12:00 PM)",
+                                                    "label": "Zagreb (10:00 AM)",
                                                     "value": "Europe/Zagreb",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Brussels (12:00 PM)",
+                                                    "label": "Brussels (10:00 AM)",
                                                     "value": "Europe/Brussels",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Copenhagen (12:00 PM)",
+                                                    "label": "Copenhagen (10:00 AM)",
                                                     "value": "Europe/Copenhagen",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Madrid (12:00 PM)",
+                                                    "label": "Madrid (10:00 AM)",
                                                     "value": "Europe/Madrid",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Paris (12:00 PM)",
+                                                    "label": "Paris (10:00 AM)",
                                                     "value": "Europe/Paris",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Amsterdam (12:00 PM)",
+                                                    "label": "Amsterdam (10:00 AM)",
                                                     "value": "Europe/Amsterdam",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Berlin (12:00 PM)",
+                                                    "label": "Berlin (10:00 AM)",
                                                     "value": "Europe/Berlin",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Bern (12:00 PM)",
+                                                    "label": "Bern (10:00 AM)",
                                                     "value": "Europe/Zurich",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Zurich (12:00 PM)",
+                                                    "label": "Zurich (10:00 AM)",
                                                     "value": "Europe/Zurich",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Rome (12:00 PM)",
+                                                    "label": "Rome (10:00 AM)",
                                                     "value": "Europe/Rome",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Stockholm (12:00 PM)",
+                                                    "label": "Stockholm (10:00 AM)",
                                                     "value": "Europe/Stockholm",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Vienna (12:00 PM)",
+                                                    "label": "Vienna (10:00 AM)",
                                                     "value": "Europe/Vienna",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Cairo (12:00 PM)",
+                                                    "label": "Cairo (10:00 AM)",
                                                     "value": "Africa/Cairo",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Harare (12:00 PM)",
+                                                    "label": "Harare (10:00 AM)",
                                                     "value": "Africa/Harare",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Pretoria (12:00 PM)",
+                                                    "label": "Pretoria (10:00 AM)",
                                                     "value": "Africa/Johannesburg",
                                                   },
                                                   Object {
                                                     "index": 220,
-                                                    "label": "Kaliningrad (12:00 PM)",
+                                                    "label": "Kaliningrad (10:00 AM)",
                                                     "value": "Europe/Kaliningrad",
                                                   },
                                                   Object {
                                                     "index": 250,
-                                                    "label": "Newfoundland (7:30 AM)",
+                                                    "label": "Newfoundland (5:30 AM)",
                                                     "value": "America/St_Johns",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Atlantic Time (Canada) (7:00 AM)",
+                                                    "label": "Atlantic Time (Canada) (5:00 AM)",
                                                     "value": "America/Halifax",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Brasilia (7:00 AM)",
+                                                    "label": "Brasilia (5:00 AM)",
                                                     "value": "America/Sao_Paulo",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Buenos Aires (7:00 AM)",
+                                                    "label": "Buenos Aires (5:00 AM)",
                                                     "value": "America/Argentina/Buenos_Aires",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Montevideo (7:00 AM)",
+                                                    "label": "Montevideo (5:00 AM)",
                                                     "value": "America/Montevideo",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Bucharest (1:00 PM)",
+                                                    "label": "Bucharest (11:00 AM)",
                                                     "value": "Europe/Bucharest",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Helsinki (1:00 PM)",
+                                                    "label": "Helsinki (11:00 AM)",
                                                     "value": "Europe/Helsinki",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Kyiv (1:00 PM)",
+                                                    "label": "Kyiv (11:00 AM)",
                                                     "value": "Europe/Kiev",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Riga (1:00 PM)",
+                                                    "label": "Riga (11:00 AM)",
                                                     "value": "Europe/Riga",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Sofia (1:00 PM)",
+                                                    "label": "Sofia (11:00 AM)",
                                                     "value": "Europe/Sofia",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Tallinn (1:00 PM)",
+                                                    "label": "Tallinn (11:00 AM)",
                                                     "value": "Europe/Tallinn",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Vilnius (1:00 PM)",
+                                                    "label": "Vilnius (11:00 AM)",
                                                     "value": "Europe/Vilnius",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Athens (1:00 PM)",
+                                                    "label": "Athens (11:00 AM)",
                                                     "value": "Europe/Athens",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Istanbul (1:00 PM)",
+                                                    "label": "Istanbul (11:00 AM)",
                                                     "value": "Europe/Istanbul",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Minsk (1:00 PM)",
+                                                    "label": "Minsk (11:00 AM)",
                                                     "value": "Europe/Minsk",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Jerusalem (1:00 PM)",
+                                                    "label": "Jerusalem (11:00 AM)",
                                                     "value": "Asia/Jerusalem",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Moscow (1:00 PM)",
+                                                    "label": "Moscow (11:00 AM)",
                                                     "value": "Europe/Moscow",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "St. Petersburg (1:00 PM)",
+                                                    "label": "St. Petersburg (11:00 AM)",
                                                     "value": "Europe/Moscow",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Kuwait (1:00 PM)",
+                                                    "label": "Kuwait (11:00 AM)",
                                                     "value": "Asia/Kuwait",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Riyadh (1:00 PM)",
+                                                    "label": "Riyadh (11:00 AM)",
                                                     "value": "Asia/Riyadh",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Nairobi (1:00 PM)",
+                                                    "label": "Nairobi (11:00 AM)",
                                                     "value": "Africa/Nairobi",
                                                   },
                                                   Object {
                                                     "index": 280,
-                                                    "label": "Baghdad (1:00 PM)",
+                                                    "label": "Baghdad (11:00 AM)",
                                                     "value": "Asia/Baghdad",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Caracas (6:00 AM)",
+                                                    "label": "Caracas (4:00 AM)",
                                                     "value": "America/Caracas",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "La Paz (6:00 AM)",
+                                                    "label": "La Paz (4:00 AM)",
                                                     "value": "America/La_Paz",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Santiago (6:00 AM)",
+                                                    "label": "Santiago (4:00 AM)",
                                                     "value": "America/Santiago",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Georgetown (6:00 AM)",
+                                                    "label": "Georgetown (4:00 AM)",
                                                     "value": "America/Guyana",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Volgograd (2:00 PM)",
+                                                    "label": "Volgograd (12:00 PM)",
                                                     "value": "Europe/Volgograd",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Samara (2:00 PM)",
+                                                    "label": "Samara (12:00 PM)",
                                                     "value": "Europe/Samara",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Abu Dhabi (2:00 PM)",
+                                                    "label": "Abu Dhabi (12:00 PM)",
                                                     "value": "Asia/Muscat",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Muscat (2:00 PM)",
+                                                    "label": "Muscat (12:00 PM)",
                                                     "value": "Asia/Muscat",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Baku (2:00 PM)",
+                                                    "label": "Baku (12:00 PM)",
                                                     "value": "Asia/Baku",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Tbilisi (2:00 PM)",
+                                                    "label": "Tbilisi (12:00 PM)",
                                                     "value": "Asia/Tbilisi",
                                                   },
                                                   Object {
                                                     "index": 340,
-                                                    "label": "Yerevan (2:00 PM)",
+                                                    "label": "Yerevan (12:00 PM)",
                                                     "value": "Asia/Yerevan",
                                                   },
                                                   Object {
                                                     "index": 370,
-                                                    "label": "Tehran (2:30 PM)",
+                                                    "label": "Tehran (12:30 PM)",
                                                     "value": "Asia/Tehran",
                                                   },
                                                   Object {
                                                     "index": 370,
-                                                    "label": "Kabul (2:30 PM)",
+                                                    "label": "Kabul (12:30 PM)",
                                                     "value": "Asia/Kabul",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Guadalajara (5:00 AM)",
+                                                    "label": "Guadalajara (3:00 AM)",
                                                     "value": "America/Mexico_City",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Mexico City (5:00 AM)",
+                                                    "label": "Mexico City (3:00 AM)",
                                                     "value": "America/Mexico_City",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Monterrey (5:00 AM)",
+                                                    "label": "Monterrey (3:00 AM)",
                                                     "value": "America/Monterrey",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Bogota (5:00 AM)",
+                                                    "label": "Bogota (3:00 AM)",
                                                     "value": "America/Bogota",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Lima (5:00 AM)",
+                                                    "label": "Lima (3:00 AM)",
                                                     "value": "America/Lima",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Quito (5:00 AM)",
+                                                    "label": "Quito (3:00 AM)",
                                                     "value": "America/Lima",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Ekaterinburg (3:00 PM)",
+                                                    "label": "Ekaterinburg (1:00 PM)",
                                                     "value": "Asia/Yekaterinburg",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Islamabad (3:00 PM)",
+                                                    "label": "Islamabad (1:00 PM)",
                                                     "value": "Asia/Karachi",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Karachi (3:00 PM)",
+                                                    "label": "Karachi (1:00 PM)",
                                                     "value": "Asia/Karachi",
                                                   },
                                                   Object {
                                                     "index": 400,
-                                                    "label": "Tashkent (3:00 PM)",
+                                                    "label": "Tashkent (1:00 PM)",
                                                     "value": "Asia/Tashkent",
                                                   },
                                                   Object {
                                                     "index": 430,
-                                                    "label": "Chennai (3:30 PM)",
+                                                    "label": "Chennai (1:30 PM)",
                                                     "value": "Asia/Kolkata",
                                                   },
                                                   Object {
                                                     "index": 430,
-                                                    "label": "Kolkata (3:30 PM)",
+                                                    "label": "Kolkata (1:30 PM)",
                                                     "value": "Asia/Kolkata",
                                                   },
                                                   Object {
                                                     "index": 430,
-                                                    "label": "Mumbai (3:30 PM)",
+                                                    "label": "Mumbai (1:30 PM)",
                                                     "value": "Asia/Kolkata",
                                                   },
                                                   Object {
                                                     "index": 430,
-                                                    "label": "New Delhi (3:30 PM)",
+                                                    "label": "New Delhi (1:30 PM)",
                                                     "value": "Asia/Kolkata",
                                                   },
                                                   Object {
                                                     "index": 430,
-                                                    "label": "Sri Jayawardenepura (3:30 PM)",
+                                                    "label": "Sri Jayawardenepura (1:30 PM)",
                                                     "value": "Asia/Colombo",
                                                   },
                                                   Object {
                                                     "index": 445,
-                                                    "label": "Kathmandu (3:45 PM)",
+                                                    "label": "Kathmandu (1:45 PM)",
                                                     "value": "Asia/Kathmandu",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Chihuahua (4:00 AM)",
+                                                    "label": "Chihuahua (2:00 AM)",
                                                     "value": "America/Chihuahua",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Mazatlan (4:00 AM)",
+                                                    "label": "Mazatlan (2:00 AM)",
                                                     "value": "America/Mazatlan",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Saskatchewan (4:00 AM)",
+                                                    "label": "Saskatchewan (2:00 AM)",
                                                     "value": "America/Regina",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Central America (4:00 AM)",
+                                                    "label": "Central America (2:00 AM)",
                                                     "value": "America/Guatemala",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Astana (4:00 PM)",
+                                                    "label": "Astana (2:00 PM)",
                                                     "value": "Asia/Dhaka",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Dhaka (4:00 PM)",
+                                                    "label": "Dhaka (2:00 PM)",
                                                     "value": "Asia/Dhaka",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Almaty (4:00 PM)",
+                                                    "label": "Almaty (2:00 PM)",
                                                     "value": "Asia/Almaty",
                                                   },
                                                   Object {
                                                     "index": 460,
-                                                    "label": "Urumqi (4:00 PM)",
+                                                    "label": "Urumqi (2:00 PM)",
                                                     "value": "Asia/Urumqi",
                                                   },
                                                   Object {
                                                     "index": 490,
-                                                    "label": "Rangoon (4:30 PM)",
+                                                    "label": "Rangoon (2:30 PM)",
                                                     "value": "Asia/Rangoon",
                                                   },
                                                   Object {
                                                     "index": 520,
-                                                    "label": "Tijuana (3:00 AM)",
+                                                    "label": "Tijuana (1:00 AM)",
                                                     "value": "America/Tijuana",
                                                   },
                                                   Object {
                                                     "index": 520,
-                                                    "label": "Novosibirsk (5:00 PM)",
+                                                    "label": "Novosibirsk (3:00 PM)",
                                                     "value": "Asia/Novosibirsk",
                                                   },
                                                   Object {
                                                     "index": 520,
-                                                    "label": "Bangkok (5:00 PM)",
+                                                    "label": "Bangkok (3:00 PM)",
                                                     "value": "Asia/Bangkok",
                                                   },
                                                   Object {
                                                     "index": 520,
-                                                    "label": "Hanoi (5:00 PM)",
+                                                    "label": "Hanoi (3:00 PM)",
                                                     "value": "Asia/Bangkok",
                                                   },
                                                   Object {
                                                     "index": 520,
-                                                    "label": "Jakarta (5:00 PM)",
+                                                    "label": "Jakarta (3:00 PM)",
                                                     "value": "Asia/Jakarta",
                                                   },
                                                   Object {
                                                     "index": 520,
-                                                    "label": "Krasnoyarsk (5:00 PM)",
+                                                    "label": "Krasnoyarsk (3:00 PM)",
                                                     "value": "Asia/Krasnoyarsk",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Beijing (6:00 PM)",
+                                                    "label": "Beijing (4:00 PM)",
                                                     "value": "Asia/Shanghai",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Chongqing (6:00 PM)",
+                                                    "label": "Chongqing (4:00 PM)",
                                                     "value": "Asia/Chongqing",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Hong Kong (6:00 PM)",
+                                                    "label": "Hong Kong (4:00 PM)",
                                                     "value": "Asia/Hong_Kong",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Kuala Lumpur (6:00 PM)",
+                                                    "label": "Kuala Lumpur (4:00 PM)",
                                                     "value": "Asia/Kuala_Lumpur",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Singapore (6:00 PM)",
+                                                    "label": "Singapore (4:00 PM)",
                                                     "value": "Asia/Singapore",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Taipei (6:00 PM)",
+                                                    "label": "Taipei (4:00 PM)",
                                                     "value": "Asia/Taipei",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Perth (6:00 PM)",
+                                                    "label": "Perth (4:00 PM)",
                                                     "value": "Australia/Perth",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Irkutsk (6:00 PM)",
+                                                    "label": "Irkutsk (4:00 PM)",
                                                     "value": "Asia/Irkutsk",
                                                   },
                                                   Object {
                                                     "index": 580,
-                                                    "label": "Ulaanbaatar (6:00 PM)",
+                                                    "label": "Ulaanbaatar (4:00 PM)",
                                                     "value": "Asia/Ulaanbaatar",
                                                   },
                                                   Object {
                                                     "index": 640,
-                                                    "label": "Seoul (7:00 PM)",
+                                                    "label": "Seoul (5:00 PM)",
                                                     "value": "Asia/Seoul",
                                                   },
                                                   Object {
                                                     "index": 640,
-                                                    "label": "Osaka (7:00 PM)",
+                                                    "label": "Osaka (5:00 PM)",
                                                     "value": "Asia/Tokyo",
                                                   },
                                                   Object {
                                                     "index": 640,
-                                                    "label": "Sapporo (7:00 PM)",
+                                                    "label": "Sapporo (5:00 PM)",
                                                     "value": "Asia/Tokyo",
                                                   },
                                                   Object {
                                                     "index": 640,
-                                                    "label": "Tokyo (7:00 PM)",
+                                                    "label": "Tokyo (5:00 PM)",
                                                     "value": "Asia/Tokyo",
                                                   },
                                                   Object {
                                                     "index": 640,
-                                                    "label": "Yakutsk (7:00 PM)",
+                                                    "label": "Yakutsk (5:00 PM)",
                                                     "value": "Asia/Yakutsk",
                                                   },
                                                   Object {
                                                     "index": 670,
-                                                    "label": "Darwin (7:30 PM)",
+                                                    "label": "Darwin (5:30 PM)",
                                                     "value": "Australia/Darwin",
                                                   },
                                                   Object {
                                                     "index": 670,
-                                                    "label": "Adelaide (7:30 PM)",
+                                                    "label": "Adelaide (5:30 PM)",
                                                     "value": "Australia/Adelaide",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Canberra (8:00 PM)",
+                                                    "label": "Canberra (6:00 PM)",
                                                     "value": "Australia/Melbourne",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Melbourne (8:00 PM)",
+                                                    "label": "Melbourne (6:00 PM)",
                                                     "value": "Australia/Melbourne",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Sydney (8:00 PM)",
+                                                    "label": "Sydney (6:00 PM)",
                                                     "value": "Australia/Sydney",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Brisbane (8:00 PM)",
+                                                    "label": "Brisbane (6:00 PM)",
                                                     "value": "Australia/Brisbane",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Hobart (8:00 PM)",
+                                                    "label": "Hobart (6:00 PM)",
                                                     "value": "Australia/Hobart",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Vladivostok (8:00 PM)",
+                                                    "label": "Vladivostok (6:00 PM)",
                                                     "value": "Asia/Vladivostok",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Guam (8:00 PM)",
+                                                    "label": "Guam (6:00 PM)",
                                                     "value": "Pacific/Guam",
                                                   },
                                                   Object {
                                                     "index": 700,
-                                                    "label": "Port Moresby (8:00 PM)",
+                                                    "label": "Port Moresby (6:00 PM)",
                                                     "value": "Pacific/Port_Moresby",
                                                   },
                                                   Object {
                                                     "index": 760,
-                                                    "label": "Midway Island (11:00 PM)",
+                                                    "label": "Midway Island (9:00 PM)",
                                                     "value": "Pacific/Midway",
                                                   },
                                                   Object {
                                                     "index": 760,
-                                                    "label": "American Samoa (11:00 PM)",
+                                                    "label": "American Samoa (9:00 PM)",
                                                     "value": "Pacific/Pago_Pago",
                                                   },
                                                   Object {
                                                     "index": 760,
-                                                    "label": "Magadan (9:00 PM)",
+                                                    "label": "Magadan (7:00 PM)",
                                                     "value": "Asia/Magadan",
                                                   },
                                                   Object {
                                                     "index": 760,
-                                                    "label": "Srednekolymsk (9:00 PM)",
+                                                    "label": "Srednekolymsk (7:00 PM)",
                                                     "value": "Asia/Srednekolymsk",
                                                   },
                                                   Object {
                                                     "index": 760,
-                                                    "label": "Solomon Is. (9:00 PM)",
+                                                    "label": "Solomon Is. (7:00 PM)",
                                                     "value": "Pacific/Guadalcanal",
                                                   },
                                                   Object {
                                                     "index": 760,
-                                                    "label": "New Caledonia (9:00 PM)",
+                                                    "label": "New Caledonia (7:00 PM)",
                                                     "value": "Pacific/Noumea",
                                                   },
                                                   Object {
                                                     "index": 820,
-                                                    "label": "International Date Line West (10:00 PM)",
+                                                    "label": "International Date Line West (8:00 PM)",
                                                     "value": "Etc/GMT+12",
                                                   },
                                                   Object {
                                                     "index": 820,
-                                                    "label": "Fiji (10:00 PM)",
+                                                    "label": "Fiji (8:00 PM)",
                                                     "value": "Pacific/Fiji",
                                                   },
                                                   Object {
                                                     "index": 820,
-                                                    "label": "Kamchatka (10:00 PM)",
+                                                    "label": "Kamchatka (8:00 PM)",
                                                     "value": "Asia/Kamchatka",
                                                   },
                                                   Object {
                                                     "index": 820,
-                                                    "label": "Marshall Is. (10:00 PM)",
+                                                    "label": "Marshall Is. (8:00 PM)",
                                                     "value": "Pacific/Majuro",
                                                   },
                                                   Object {
                                                     "index": 820,
-                                                    "label": "Auckland (10:00 PM)",
+                                                    "label": "Auckland (8:00 PM)",
                                                     "value": "Pacific/Auckland",
                                                   },
                                                   Object {
                                                     "index": 820,
-                                                    "label": "Wellington (10:00 PM)",
+                                                    "label": "Wellington (8:00 PM)",
                                                     "value": "Pacific/Auckland",
                                                   },
                                                   Object {
                                                     "index": 865,
-                                                    "label": "Chatham Is. (10:45 PM)",
+                                                    "label": "Chatham Is. (8:45 PM)",
                                                     "value": "Pacific/Chatham",
                                                   },
                                                   Object {
                                                     "index": 880,
-                                                    "label": "Nuku'alofa (11:00 PM)",
+                                                    "label": "Nuku'alofa (9:00 PM)",
                                                     "value": "Pacific/Tongatapu",
                                                   },
                                                   Object {
                                                     "index": 880,
-                                                    "label": "Tokelau Is. (11:00 PM)",
+                                                    "label": "Tokelau Is. (9:00 PM)",
                                                     "value": "Pacific/Fakaofo",
                                                   },
                                                   Object {
                                                     "index": 880,
-                                                    "label": "Samoa (11:00 PM)",
+                                                    "label": "Samoa (9:00 PM)",
                                                     "value": "Pacific/Apia",
                                                   },
                                                 ]
@@ -300523,7 +290254,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                   "formatGroupLabel": [Function],
                                                   "getOptionLabel": [Function],
                                                   "getOptionValue": [Function],
-                                                  "inputId": "representative-tz",
+                                                  "inputId": "appellant-tz",
                                                   "inputValue": "",
                                                   "isClearable": undefined,
                                                   "isDisabled": false,
@@ -300541,7 +290272,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                   "menuShouldBlockScroll": false,
                                                   "menuShouldScrollIntoView": true,
                                                   "minMenuHeight": 140,
-                                                  "name": "representativeTz",
+                                                  "name": "appellantTz",
                                                   "noOptionsMessage": [Function],
                                                   "onBlurResetsInput": false,
                                                   "onChange": [Function],
@@ -300557,762 +290288,762 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                     },
                                                     Object {
                                                       "index": -3,
-                                                      "label": "Eastern Time (US & Canada) (6:00 AM)",
+                                                      "label": "Eastern Time (US & Canada) (4:00 AM)",
                                                       "value": "America/New_York",
                                                     },
                                                     Object {
                                                       "index": -2,
-                                                      "label": "Central Time (US & Canada) (5:00 AM)",
+                                                      "label": "Central Time (US & Canada) (3:00 AM)",
                                                       "value": "America/Chicago",
                                                     },
                                                     Object {
                                                       "index": -1,
-                                                      "label": "Mountain Time (US & Canada) (4:00 AM)",
+                                                      "label": "Mountain Time (US & Canada) (2:00 AM)",
                                                       "value": "America/Denver",
                                                     },
                                                     Object {
                                                       "index": -0,
-                                                      "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                      "label": "Pacific Time (US & Canada) (1:00 AM)",
                                                       "value": "America/Los_Angeles",
                                                     },
                                                     Object {
                                                       "index": 2.4,
-                                                      "label": "Indiana (East) (6:00 AM)",
+                                                      "label": "Indiana (East) (4:00 AM)",
                                                       "value": "America/Indiana/Indianapolis",
                                                     },
                                                     Object {
                                                       "index": 2.4,
-                                                      "label": "Puerto Rico (6:00 AM)",
+                                                      "label": "Puerto Rico (4:00 AM)",
                                                       "value": "America/Puerto_Rico",
                                                     },
                                                     Object {
                                                       "index": 4.2,
-                                                      "label": "Arizona (3:00 AM)",
+                                                      "label": "Arizona (1:00 AM)",
                                                       "value": "America/Phoenix",
                                                     },
                                                     Object {
                                                       "index": 4.8,
-                                                      "label": "Alaska (2:00 AM)",
+                                                      "label": "Alaska (12:00 AM)",
                                                       "value": "America/Juneau",
                                                     },
                                                     Object {
                                                       "index": 4.8,
-                                                      "label": "Philippine Standard Time (6:00 PM)",
+                                                      "label": "Philippine Standard Time (4:00 PM)",
                                                       "value": "Asia/Manila",
                                                     },
                                                     Object {
                                                       "index": 6,
-                                                      "label": "Hawaii (12:00 AM)",
+                                                      "label": "Hawaii (10:00 PM)",
                                                       "value": "Pacific/Honolulu",
                                                     },
                                                     Object {
                                                       "index": 100,
-                                                      "label": "Azores (10:00 AM)",
+                                                      "label": "Azores (8:00 AM)",
                                                       "value": "Atlantic/Azores",
                                                     },
                                                     Object {
                                                       "index": 100,
-                                                      "label": "Monrovia (10:00 AM)",
+                                                      "label": "Monrovia (8:00 AM)",
                                                       "value": "Africa/Monrovia",
                                                     },
                                                     Object {
                                                       "index": 100,
-                                                      "label": "UTC (10:00 AM)",
+                                                      "label": "UTC (8:00 AM)",
                                                       "value": "Etc/UTC",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "Cape Verde Is. (9:00 AM)",
+                                                      "label": "Cape Verde Is. (7:00 AM)",
                                                       "value": "Atlantic/Cape_Verde",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "Dublin (11:00 AM)",
+                                                      "label": "Dublin (9:00 AM)",
                                                       "value": "Europe/Dublin",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "Edinburgh (11:00 AM)",
+                                                      "label": "Edinburgh (9:00 AM)",
                                                       "value": "Europe/London",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "Lisbon (11:00 AM)",
+                                                      "label": "Lisbon (9:00 AM)",
                                                       "value": "Europe/Lisbon",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "London (11:00 AM)",
+                                                      "label": "London (9:00 AM)",
                                                       "value": "Europe/London",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "Casablanca (11:00 AM)",
+                                                      "label": "Casablanca (9:00 AM)",
                                                       "value": "Africa/Casablanca",
                                                     },
                                                     Object {
                                                       "index": 160,
-                                                      "label": "West Central Africa (11:00 AM)",
+                                                      "label": "West Central Africa (9:00 AM)",
                                                       "value": "Africa/Algiers",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Greenland (8:00 AM)",
+                                                      "label": "Greenland (6:00 AM)",
                                                       "value": "America/Godthab",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Mid-Atlantic (8:00 AM)",
+                                                      "label": "Mid-Atlantic (6:00 AM)",
                                                       "value": "Atlantic/South_Georgia",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Belgrade (12:00 PM)",
+                                                      "label": "Belgrade (10:00 AM)",
                                                       "value": "Europe/Belgrade",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Bratislava (12:00 PM)",
+                                                      "label": "Bratislava (10:00 AM)",
                                                       "value": "Europe/Bratislava",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Budapest (12:00 PM)",
+                                                      "label": "Budapest (10:00 AM)",
                                                       "value": "Europe/Budapest",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Ljubljana (12:00 PM)",
+                                                      "label": "Ljubljana (10:00 AM)",
                                                       "value": "Europe/Ljubljana",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Prague (12:00 PM)",
+                                                      "label": "Prague (10:00 AM)",
                                                       "value": "Europe/Prague",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Sarajevo (12:00 PM)",
+                                                      "label": "Sarajevo (10:00 AM)",
                                                       "value": "Europe/Sarajevo",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Skopje (12:00 PM)",
+                                                      "label": "Skopje (10:00 AM)",
                                                       "value": "Europe/Skopje",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Warsaw (12:00 PM)",
+                                                      "label": "Warsaw (10:00 AM)",
                                                       "value": "Europe/Warsaw",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Zagreb (12:00 PM)",
+                                                      "label": "Zagreb (10:00 AM)",
                                                       "value": "Europe/Zagreb",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Brussels (12:00 PM)",
+                                                      "label": "Brussels (10:00 AM)",
                                                       "value": "Europe/Brussels",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Copenhagen (12:00 PM)",
+                                                      "label": "Copenhagen (10:00 AM)",
                                                       "value": "Europe/Copenhagen",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Madrid (12:00 PM)",
+                                                      "label": "Madrid (10:00 AM)",
                                                       "value": "Europe/Madrid",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Paris (12:00 PM)",
+                                                      "label": "Paris (10:00 AM)",
                                                       "value": "Europe/Paris",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Amsterdam (12:00 PM)",
+                                                      "label": "Amsterdam (10:00 AM)",
                                                       "value": "Europe/Amsterdam",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Berlin (12:00 PM)",
+                                                      "label": "Berlin (10:00 AM)",
                                                       "value": "Europe/Berlin",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Bern (12:00 PM)",
+                                                      "label": "Bern (10:00 AM)",
                                                       "value": "Europe/Zurich",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Zurich (12:00 PM)",
+                                                      "label": "Zurich (10:00 AM)",
                                                       "value": "Europe/Zurich",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Rome (12:00 PM)",
+                                                      "label": "Rome (10:00 AM)",
                                                       "value": "Europe/Rome",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Stockholm (12:00 PM)",
+                                                      "label": "Stockholm (10:00 AM)",
                                                       "value": "Europe/Stockholm",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Vienna (12:00 PM)",
+                                                      "label": "Vienna (10:00 AM)",
                                                       "value": "Europe/Vienna",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Cairo (12:00 PM)",
+                                                      "label": "Cairo (10:00 AM)",
                                                       "value": "Africa/Cairo",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Harare (12:00 PM)",
+                                                      "label": "Harare (10:00 AM)",
                                                       "value": "Africa/Harare",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Pretoria (12:00 PM)",
+                                                      "label": "Pretoria (10:00 AM)",
                                                       "value": "Africa/Johannesburg",
                                                     },
                                                     Object {
                                                       "index": 220,
-                                                      "label": "Kaliningrad (12:00 PM)",
+                                                      "label": "Kaliningrad (10:00 AM)",
                                                       "value": "Europe/Kaliningrad",
                                                     },
                                                     Object {
                                                       "index": 250,
-                                                      "label": "Newfoundland (7:30 AM)",
+                                                      "label": "Newfoundland (5:30 AM)",
                                                       "value": "America/St_Johns",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Atlantic Time (Canada) (7:00 AM)",
+                                                      "label": "Atlantic Time (Canada) (5:00 AM)",
                                                       "value": "America/Halifax",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Brasilia (7:00 AM)",
+                                                      "label": "Brasilia (5:00 AM)",
                                                       "value": "America/Sao_Paulo",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Buenos Aires (7:00 AM)",
+                                                      "label": "Buenos Aires (5:00 AM)",
                                                       "value": "America/Argentina/Buenos_Aires",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Montevideo (7:00 AM)",
+                                                      "label": "Montevideo (5:00 AM)",
                                                       "value": "America/Montevideo",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Bucharest (1:00 PM)",
+                                                      "label": "Bucharest (11:00 AM)",
                                                       "value": "Europe/Bucharest",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Helsinki (1:00 PM)",
+                                                      "label": "Helsinki (11:00 AM)",
                                                       "value": "Europe/Helsinki",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Kyiv (1:00 PM)",
+                                                      "label": "Kyiv (11:00 AM)",
                                                       "value": "Europe/Kiev",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Riga (1:00 PM)",
+                                                      "label": "Riga (11:00 AM)",
                                                       "value": "Europe/Riga",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Sofia (1:00 PM)",
+                                                      "label": "Sofia (11:00 AM)",
                                                       "value": "Europe/Sofia",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Tallinn (1:00 PM)",
+                                                      "label": "Tallinn (11:00 AM)",
                                                       "value": "Europe/Tallinn",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Vilnius (1:00 PM)",
+                                                      "label": "Vilnius (11:00 AM)",
                                                       "value": "Europe/Vilnius",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Athens (1:00 PM)",
+                                                      "label": "Athens (11:00 AM)",
                                                       "value": "Europe/Athens",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Istanbul (1:00 PM)",
+                                                      "label": "Istanbul (11:00 AM)",
                                                       "value": "Europe/Istanbul",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Minsk (1:00 PM)",
+                                                      "label": "Minsk (11:00 AM)",
                                                       "value": "Europe/Minsk",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Jerusalem (1:00 PM)",
+                                                      "label": "Jerusalem (11:00 AM)",
                                                       "value": "Asia/Jerusalem",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Moscow (1:00 PM)",
+                                                      "label": "Moscow (11:00 AM)",
                                                       "value": "Europe/Moscow",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "St. Petersburg (1:00 PM)",
+                                                      "label": "St. Petersburg (11:00 AM)",
                                                       "value": "Europe/Moscow",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Kuwait (1:00 PM)",
+                                                      "label": "Kuwait (11:00 AM)",
                                                       "value": "Asia/Kuwait",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Riyadh (1:00 PM)",
+                                                      "label": "Riyadh (11:00 AM)",
                                                       "value": "Asia/Riyadh",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Nairobi (1:00 PM)",
+                                                      "label": "Nairobi (11:00 AM)",
                                                       "value": "Africa/Nairobi",
                                                     },
                                                     Object {
                                                       "index": 280,
-                                                      "label": "Baghdad (1:00 PM)",
+                                                      "label": "Baghdad (11:00 AM)",
                                                       "value": "Asia/Baghdad",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Caracas (6:00 AM)",
+                                                      "label": "Caracas (4:00 AM)",
                                                       "value": "America/Caracas",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "La Paz (6:00 AM)",
+                                                      "label": "La Paz (4:00 AM)",
                                                       "value": "America/La_Paz",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Santiago (6:00 AM)",
+                                                      "label": "Santiago (4:00 AM)",
                                                       "value": "America/Santiago",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Georgetown (6:00 AM)",
+                                                      "label": "Georgetown (4:00 AM)",
                                                       "value": "America/Guyana",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Volgograd (2:00 PM)",
+                                                      "label": "Volgograd (12:00 PM)",
                                                       "value": "Europe/Volgograd",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Samara (2:00 PM)",
+                                                      "label": "Samara (12:00 PM)",
                                                       "value": "Europe/Samara",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Abu Dhabi (2:00 PM)",
+                                                      "label": "Abu Dhabi (12:00 PM)",
                                                       "value": "Asia/Muscat",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Muscat (2:00 PM)",
+                                                      "label": "Muscat (12:00 PM)",
                                                       "value": "Asia/Muscat",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Baku (2:00 PM)",
+                                                      "label": "Baku (12:00 PM)",
                                                       "value": "Asia/Baku",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Tbilisi (2:00 PM)",
+                                                      "label": "Tbilisi (12:00 PM)",
                                                       "value": "Asia/Tbilisi",
                                                     },
                                                     Object {
                                                       "index": 340,
-                                                      "label": "Yerevan (2:00 PM)",
+                                                      "label": "Yerevan (12:00 PM)",
                                                       "value": "Asia/Yerevan",
                                                     },
                                                     Object {
                                                       "index": 370,
-                                                      "label": "Tehran (2:30 PM)",
+                                                      "label": "Tehran (12:30 PM)",
                                                       "value": "Asia/Tehran",
                                                     },
                                                     Object {
                                                       "index": 370,
-                                                      "label": "Kabul (2:30 PM)",
+                                                      "label": "Kabul (12:30 PM)",
                                                       "value": "Asia/Kabul",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Guadalajara (5:00 AM)",
+                                                      "label": "Guadalajara (3:00 AM)",
                                                       "value": "America/Mexico_City",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Mexico City (5:00 AM)",
+                                                      "label": "Mexico City (3:00 AM)",
                                                       "value": "America/Mexico_City",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Monterrey (5:00 AM)",
+                                                      "label": "Monterrey (3:00 AM)",
                                                       "value": "America/Monterrey",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Bogota (5:00 AM)",
+                                                      "label": "Bogota (3:00 AM)",
                                                       "value": "America/Bogota",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Lima (5:00 AM)",
+                                                      "label": "Lima (3:00 AM)",
                                                       "value": "America/Lima",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Quito (5:00 AM)",
+                                                      "label": "Quito (3:00 AM)",
                                                       "value": "America/Lima",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Ekaterinburg (3:00 PM)",
+                                                      "label": "Ekaterinburg (1:00 PM)",
                                                       "value": "Asia/Yekaterinburg",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Islamabad (3:00 PM)",
+                                                      "label": "Islamabad (1:00 PM)",
                                                       "value": "Asia/Karachi",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Karachi (3:00 PM)",
+                                                      "label": "Karachi (1:00 PM)",
                                                       "value": "Asia/Karachi",
                                                     },
                                                     Object {
                                                       "index": 400,
-                                                      "label": "Tashkent (3:00 PM)",
+                                                      "label": "Tashkent (1:00 PM)",
                                                       "value": "Asia/Tashkent",
                                                     },
                                                     Object {
                                                       "index": 430,
-                                                      "label": "Chennai (3:30 PM)",
+                                                      "label": "Chennai (1:30 PM)",
                                                       "value": "Asia/Kolkata",
                                                     },
                                                     Object {
                                                       "index": 430,
-                                                      "label": "Kolkata (3:30 PM)",
+                                                      "label": "Kolkata (1:30 PM)",
                                                       "value": "Asia/Kolkata",
                                                     },
                                                     Object {
                                                       "index": 430,
-                                                      "label": "Mumbai (3:30 PM)",
+                                                      "label": "Mumbai (1:30 PM)",
                                                       "value": "Asia/Kolkata",
                                                     },
                                                     Object {
                                                       "index": 430,
-                                                      "label": "New Delhi (3:30 PM)",
+                                                      "label": "New Delhi (1:30 PM)",
                                                       "value": "Asia/Kolkata",
                                                     },
                                                     Object {
                                                       "index": 430,
-                                                      "label": "Sri Jayawardenepura (3:30 PM)",
+                                                      "label": "Sri Jayawardenepura (1:30 PM)",
                                                       "value": "Asia/Colombo",
                                                     },
                                                     Object {
                                                       "index": 445,
-                                                      "label": "Kathmandu (3:45 PM)",
+                                                      "label": "Kathmandu (1:45 PM)",
                                                       "value": "Asia/Kathmandu",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Chihuahua (4:00 AM)",
+                                                      "label": "Chihuahua (2:00 AM)",
                                                       "value": "America/Chihuahua",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Mazatlan (4:00 AM)",
+                                                      "label": "Mazatlan (2:00 AM)",
                                                       "value": "America/Mazatlan",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Saskatchewan (4:00 AM)",
+                                                      "label": "Saskatchewan (2:00 AM)",
                                                       "value": "America/Regina",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Central America (4:00 AM)",
+                                                      "label": "Central America (2:00 AM)",
                                                       "value": "America/Guatemala",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Astana (4:00 PM)",
+                                                      "label": "Astana (2:00 PM)",
                                                       "value": "Asia/Dhaka",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Dhaka (4:00 PM)",
+                                                      "label": "Dhaka (2:00 PM)",
                                                       "value": "Asia/Dhaka",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Almaty (4:00 PM)",
+                                                      "label": "Almaty (2:00 PM)",
                                                       "value": "Asia/Almaty",
                                                     },
                                                     Object {
                                                       "index": 460,
-                                                      "label": "Urumqi (4:00 PM)",
+                                                      "label": "Urumqi (2:00 PM)",
                                                       "value": "Asia/Urumqi",
                                                     },
                                                     Object {
                                                       "index": 490,
-                                                      "label": "Rangoon (4:30 PM)",
+                                                      "label": "Rangoon (2:30 PM)",
                                                       "value": "Asia/Rangoon",
                                                     },
                                                     Object {
                                                       "index": 520,
-                                                      "label": "Tijuana (3:00 AM)",
+                                                      "label": "Tijuana (1:00 AM)",
                                                       "value": "America/Tijuana",
                                                     },
                                                     Object {
                                                       "index": 520,
-                                                      "label": "Novosibirsk (5:00 PM)",
+                                                      "label": "Novosibirsk (3:00 PM)",
                                                       "value": "Asia/Novosibirsk",
                                                     },
                                                     Object {
                                                       "index": 520,
-                                                      "label": "Bangkok (5:00 PM)",
+                                                      "label": "Bangkok (3:00 PM)",
                                                       "value": "Asia/Bangkok",
                                                     },
                                                     Object {
                                                       "index": 520,
-                                                      "label": "Hanoi (5:00 PM)",
+                                                      "label": "Hanoi (3:00 PM)",
                                                       "value": "Asia/Bangkok",
                                                     },
                                                     Object {
                                                       "index": 520,
-                                                      "label": "Jakarta (5:00 PM)",
+                                                      "label": "Jakarta (3:00 PM)",
                                                       "value": "Asia/Jakarta",
                                                     },
                                                     Object {
                                                       "index": 520,
-                                                      "label": "Krasnoyarsk (5:00 PM)",
+                                                      "label": "Krasnoyarsk (3:00 PM)",
                                                       "value": "Asia/Krasnoyarsk",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Beijing (6:00 PM)",
+                                                      "label": "Beijing (4:00 PM)",
                                                       "value": "Asia/Shanghai",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Chongqing (6:00 PM)",
+                                                      "label": "Chongqing (4:00 PM)",
                                                       "value": "Asia/Chongqing",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Hong Kong (6:00 PM)",
+                                                      "label": "Hong Kong (4:00 PM)",
                                                       "value": "Asia/Hong_Kong",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Kuala Lumpur (6:00 PM)",
+                                                      "label": "Kuala Lumpur (4:00 PM)",
                                                       "value": "Asia/Kuala_Lumpur",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Singapore (6:00 PM)",
+                                                      "label": "Singapore (4:00 PM)",
                                                       "value": "Asia/Singapore",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Taipei (6:00 PM)",
+                                                      "label": "Taipei (4:00 PM)",
                                                       "value": "Asia/Taipei",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Perth (6:00 PM)",
+                                                      "label": "Perth (4:00 PM)",
                                                       "value": "Australia/Perth",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Irkutsk (6:00 PM)",
+                                                      "label": "Irkutsk (4:00 PM)",
                                                       "value": "Asia/Irkutsk",
                                                     },
                                                     Object {
                                                       "index": 580,
-                                                      "label": "Ulaanbaatar (6:00 PM)",
+                                                      "label": "Ulaanbaatar (4:00 PM)",
                                                       "value": "Asia/Ulaanbaatar",
                                                     },
                                                     Object {
                                                       "index": 640,
-                                                      "label": "Seoul (7:00 PM)",
+                                                      "label": "Seoul (5:00 PM)",
                                                       "value": "Asia/Seoul",
                                                     },
                                                     Object {
                                                       "index": 640,
-                                                      "label": "Osaka (7:00 PM)",
+                                                      "label": "Osaka (5:00 PM)",
                                                       "value": "Asia/Tokyo",
                                                     },
                                                     Object {
                                                       "index": 640,
-                                                      "label": "Sapporo (7:00 PM)",
+                                                      "label": "Sapporo (5:00 PM)",
                                                       "value": "Asia/Tokyo",
                                                     },
                                                     Object {
                                                       "index": 640,
-                                                      "label": "Tokyo (7:00 PM)",
+                                                      "label": "Tokyo (5:00 PM)",
                                                       "value": "Asia/Tokyo",
                                                     },
                                                     Object {
                                                       "index": 640,
-                                                      "label": "Yakutsk (7:00 PM)",
+                                                      "label": "Yakutsk (5:00 PM)",
                                                       "value": "Asia/Yakutsk",
                                                     },
                                                     Object {
                                                       "index": 670,
-                                                      "label": "Darwin (7:30 PM)",
+                                                      "label": "Darwin (5:30 PM)",
                                                       "value": "Australia/Darwin",
                                                     },
                                                     Object {
                                                       "index": 670,
-                                                      "label": "Adelaide (7:30 PM)",
+                                                      "label": "Adelaide (5:30 PM)",
                                                       "value": "Australia/Adelaide",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Canberra (8:00 PM)",
+                                                      "label": "Canberra (6:00 PM)",
                                                       "value": "Australia/Melbourne",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Melbourne (8:00 PM)",
+                                                      "label": "Melbourne (6:00 PM)",
                                                       "value": "Australia/Melbourne",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Sydney (8:00 PM)",
+                                                      "label": "Sydney (6:00 PM)",
                                                       "value": "Australia/Sydney",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Brisbane (8:00 PM)",
+                                                      "label": "Brisbane (6:00 PM)",
                                                       "value": "Australia/Brisbane",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Hobart (8:00 PM)",
+                                                      "label": "Hobart (6:00 PM)",
                                                       "value": "Australia/Hobart",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Vladivostok (8:00 PM)",
+                                                      "label": "Vladivostok (6:00 PM)",
                                                       "value": "Asia/Vladivostok",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Guam (8:00 PM)",
+                                                      "label": "Guam (6:00 PM)",
                                                       "value": "Pacific/Guam",
                                                     },
                                                     Object {
                                                       "index": 700,
-                                                      "label": "Port Moresby (8:00 PM)",
+                                                      "label": "Port Moresby (6:00 PM)",
                                                       "value": "Pacific/Port_Moresby",
                                                     },
                                                     Object {
                                                       "index": 760,
-                                                      "label": "Midway Island (11:00 PM)",
+                                                      "label": "Midway Island (9:00 PM)",
                                                       "value": "Pacific/Midway",
                                                     },
                                                     Object {
                                                       "index": 760,
-                                                      "label": "American Samoa (11:00 PM)",
+                                                      "label": "American Samoa (9:00 PM)",
                                                       "value": "Pacific/Pago_Pago",
                                                     },
                                                     Object {
                                                       "index": 760,
-                                                      "label": "Magadan (9:00 PM)",
+                                                      "label": "Magadan (7:00 PM)",
                                                       "value": "Asia/Magadan",
                                                     },
                                                     Object {
                                                       "index": 760,
-                                                      "label": "Srednekolymsk (9:00 PM)",
+                                                      "label": "Srednekolymsk (7:00 PM)",
                                                       "value": "Asia/Srednekolymsk",
                                                     },
                                                     Object {
                                                       "index": 760,
-                                                      "label": "Solomon Is. (9:00 PM)",
+                                                      "label": "Solomon Is. (7:00 PM)",
                                                       "value": "Pacific/Guadalcanal",
                                                     },
                                                     Object {
                                                       "index": 760,
-                                                      "label": "New Caledonia (9:00 PM)",
+                                                      "label": "New Caledonia (7:00 PM)",
                                                       "value": "Pacific/Noumea",
                                                     },
                                                     Object {
                                                       "index": 820,
-                                                      "label": "International Date Line West (10:00 PM)",
+                                                      "label": "International Date Line West (8:00 PM)",
                                                       "value": "Etc/GMT+12",
                                                     },
                                                     Object {
                                                       "index": 820,
-                                                      "label": "Fiji (10:00 PM)",
+                                                      "label": "Fiji (8:00 PM)",
                                                       "value": "Pacific/Fiji",
                                                     },
                                                     Object {
                                                       "index": 820,
-                                                      "label": "Kamchatka (10:00 PM)",
+                                                      "label": "Kamchatka (8:00 PM)",
                                                       "value": "Asia/Kamchatka",
                                                     },
                                                     Object {
                                                       "index": 820,
-                                                      "label": "Marshall Is. (10:00 PM)",
+                                                      "label": "Marshall Is. (8:00 PM)",
                                                       "value": "Pacific/Majuro",
                                                     },
                                                     Object {
                                                       "index": 820,
-                                                      "label": "Auckland (10:00 PM)",
+                                                      "label": "Auckland (8:00 PM)",
                                                       "value": "Pacific/Auckland",
                                                     },
                                                     Object {
                                                       "index": 820,
-                                                      "label": "Wellington (10:00 PM)",
+                                                      "label": "Wellington (8:00 PM)",
                                                       "value": "Pacific/Auckland",
                                                     },
                                                     Object {
                                                       "index": 865,
-                                                      "label": "Chatham Is. (10:45 PM)",
+                                                      "label": "Chatham Is. (8:45 PM)",
                                                       "value": "Pacific/Chatham",
                                                     },
                                                     Object {
                                                       "index": 880,
-                                                      "label": "Nuku'alofa (11:00 PM)",
+                                                      "label": "Nuku'alofa (9:00 PM)",
                                                       "value": "Pacific/Tongatapu",
                                                     },
                                                     Object {
                                                       "index": 880,
-                                                      "label": "Tokelau Is. (11:00 PM)",
+                                                      "label": "Tokelau Is. (9:00 PM)",
                                                       "value": "Pacific/Fakaofo",
                                                     },
                                                     Object {
                                                       "index": 880,
-                                                      "label": "Samoa (11:00 PM)",
+                                                      "label": "Samoa (9:00 PM)",
                                                       "value": "Pacific/Apia",
                                                     },
                                                   ],
@@ -301326,11 +291057,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                   },
                                                   "tabIndex": "0",
                                                   "tabSelectsValue": true,
-                                                  "value": Object {
-                                                    "index": -0,
-                                                    "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                    "value": "America/Los_Angeles",
-                                                  },
+                                                  "value": null,
                                                 }
                                               }
                                               setValue={[Function]}
@@ -301405,7 +291132,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                     cx={[Function]}
                                                     getStyles={[Function]}
                                                     getValue={[Function]}
-                                                    hasValue={true}
+                                                    hasValue={false}
                                                     isDisabled={false}
                                                     isMulti={false}
                                                     isRtl={false}
@@ -301417,762 +291144,762 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                         },
                                                         Object {
                                                           "index": -3,
-                                                          "label": "Eastern Time (US & Canada) (6:00 AM)",
+                                                          "label": "Eastern Time (US & Canada) (4:00 AM)",
                                                           "value": "America/New_York",
                                                         },
                                                         Object {
                                                           "index": -2,
-                                                          "label": "Central Time (US & Canada) (5:00 AM)",
+                                                          "label": "Central Time (US & Canada) (3:00 AM)",
                                                           "value": "America/Chicago",
                                                         },
                                                         Object {
                                                           "index": -1,
-                                                          "label": "Mountain Time (US & Canada) (4:00 AM)",
+                                                          "label": "Mountain Time (US & Canada) (2:00 AM)",
                                                           "value": "America/Denver",
                                                         },
                                                         Object {
                                                           "index": -0,
-                                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                          "label": "Pacific Time (US & Canada) (1:00 AM)",
                                                           "value": "America/Los_Angeles",
                                                         },
                                                         Object {
                                                           "index": 2.4,
-                                                          "label": "Indiana (East) (6:00 AM)",
+                                                          "label": "Indiana (East) (4:00 AM)",
                                                           "value": "America/Indiana/Indianapolis",
                                                         },
                                                         Object {
                                                           "index": 2.4,
-                                                          "label": "Puerto Rico (6:00 AM)",
+                                                          "label": "Puerto Rico (4:00 AM)",
                                                           "value": "America/Puerto_Rico",
                                                         },
                                                         Object {
                                                           "index": 4.2,
-                                                          "label": "Arizona (3:00 AM)",
+                                                          "label": "Arizona (1:00 AM)",
                                                           "value": "America/Phoenix",
                                                         },
                                                         Object {
                                                           "index": 4.8,
-                                                          "label": "Alaska (2:00 AM)",
+                                                          "label": "Alaska (12:00 AM)",
                                                           "value": "America/Juneau",
                                                         },
                                                         Object {
                                                           "index": 4.8,
-                                                          "label": "Philippine Standard Time (6:00 PM)",
+                                                          "label": "Philippine Standard Time (4:00 PM)",
                                                           "value": "Asia/Manila",
                                                         },
                                                         Object {
                                                           "index": 6,
-                                                          "label": "Hawaii (12:00 AM)",
+                                                          "label": "Hawaii (10:00 PM)",
                                                           "value": "Pacific/Honolulu",
                                                         },
                                                         Object {
                                                           "index": 100,
-                                                          "label": "Azores (10:00 AM)",
+                                                          "label": "Azores (8:00 AM)",
                                                           "value": "Atlantic/Azores",
                                                         },
                                                         Object {
                                                           "index": 100,
-                                                          "label": "Monrovia (10:00 AM)",
+                                                          "label": "Monrovia (8:00 AM)",
                                                           "value": "Africa/Monrovia",
                                                         },
                                                         Object {
                                                           "index": 100,
-                                                          "label": "UTC (10:00 AM)",
+                                                          "label": "UTC (8:00 AM)",
                                                           "value": "Etc/UTC",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Cape Verde Is. (9:00 AM)",
+                                                          "label": "Cape Verde Is. (7:00 AM)",
                                                           "value": "Atlantic/Cape_Verde",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Dublin (11:00 AM)",
+                                                          "label": "Dublin (9:00 AM)",
                                                           "value": "Europe/Dublin",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Edinburgh (11:00 AM)",
+                                                          "label": "Edinburgh (9:00 AM)",
                                                           "value": "Europe/London",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Lisbon (11:00 AM)",
+                                                          "label": "Lisbon (9:00 AM)",
                                                           "value": "Europe/Lisbon",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "London (11:00 AM)",
+                                                          "label": "London (9:00 AM)",
                                                           "value": "Europe/London",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Casablanca (11:00 AM)",
+                                                          "label": "Casablanca (9:00 AM)",
                                                           "value": "Africa/Casablanca",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "West Central Africa (11:00 AM)",
+                                                          "label": "West Central Africa (9:00 AM)",
                                                           "value": "Africa/Algiers",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Greenland (8:00 AM)",
+                                                          "label": "Greenland (6:00 AM)",
                                                           "value": "America/Godthab",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Mid-Atlantic (8:00 AM)",
+                                                          "label": "Mid-Atlantic (6:00 AM)",
                                                           "value": "Atlantic/South_Georgia",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Belgrade (12:00 PM)",
+                                                          "label": "Belgrade (10:00 AM)",
                                                           "value": "Europe/Belgrade",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Bratislava (12:00 PM)",
+                                                          "label": "Bratislava (10:00 AM)",
                                                           "value": "Europe/Bratislava",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Budapest (12:00 PM)",
+                                                          "label": "Budapest (10:00 AM)",
                                                           "value": "Europe/Budapest",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Ljubljana (12:00 PM)",
+                                                          "label": "Ljubljana (10:00 AM)",
                                                           "value": "Europe/Ljubljana",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Prague (12:00 PM)",
+                                                          "label": "Prague (10:00 AM)",
                                                           "value": "Europe/Prague",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Sarajevo (12:00 PM)",
+                                                          "label": "Sarajevo (10:00 AM)",
                                                           "value": "Europe/Sarajevo",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Skopje (12:00 PM)",
+                                                          "label": "Skopje (10:00 AM)",
                                                           "value": "Europe/Skopje",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Warsaw (12:00 PM)",
+                                                          "label": "Warsaw (10:00 AM)",
                                                           "value": "Europe/Warsaw",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Zagreb (12:00 PM)",
+                                                          "label": "Zagreb (10:00 AM)",
                                                           "value": "Europe/Zagreb",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Brussels (12:00 PM)",
+                                                          "label": "Brussels (10:00 AM)",
                                                           "value": "Europe/Brussels",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Copenhagen (12:00 PM)",
+                                                          "label": "Copenhagen (10:00 AM)",
                                                           "value": "Europe/Copenhagen",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Madrid (12:00 PM)",
+                                                          "label": "Madrid (10:00 AM)",
                                                           "value": "Europe/Madrid",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Paris (12:00 PM)",
+                                                          "label": "Paris (10:00 AM)",
                                                           "value": "Europe/Paris",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Amsterdam (12:00 PM)",
+                                                          "label": "Amsterdam (10:00 AM)",
                                                           "value": "Europe/Amsterdam",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Berlin (12:00 PM)",
+                                                          "label": "Berlin (10:00 AM)",
                                                           "value": "Europe/Berlin",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Bern (12:00 PM)",
+                                                          "label": "Bern (10:00 AM)",
                                                           "value": "Europe/Zurich",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Zurich (12:00 PM)",
+                                                          "label": "Zurich (10:00 AM)",
                                                           "value": "Europe/Zurich",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Rome (12:00 PM)",
+                                                          "label": "Rome (10:00 AM)",
                                                           "value": "Europe/Rome",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Stockholm (12:00 PM)",
+                                                          "label": "Stockholm (10:00 AM)",
                                                           "value": "Europe/Stockholm",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Vienna (12:00 PM)",
+                                                          "label": "Vienna (10:00 AM)",
                                                           "value": "Europe/Vienna",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Cairo (12:00 PM)",
+                                                          "label": "Cairo (10:00 AM)",
                                                           "value": "Africa/Cairo",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Harare (12:00 PM)",
+                                                          "label": "Harare (10:00 AM)",
                                                           "value": "Africa/Harare",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Pretoria (12:00 PM)",
+                                                          "label": "Pretoria (10:00 AM)",
                                                           "value": "Africa/Johannesburg",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Kaliningrad (12:00 PM)",
+                                                          "label": "Kaliningrad (10:00 AM)",
                                                           "value": "Europe/Kaliningrad",
                                                         },
                                                         Object {
                                                           "index": 250,
-                                                          "label": "Newfoundland (7:30 AM)",
+                                                          "label": "Newfoundland (5:30 AM)",
                                                           "value": "America/St_Johns",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Atlantic Time (Canada) (7:00 AM)",
+                                                          "label": "Atlantic Time (Canada) (5:00 AM)",
                                                           "value": "America/Halifax",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Brasilia (7:00 AM)",
+                                                          "label": "Brasilia (5:00 AM)",
                                                           "value": "America/Sao_Paulo",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Buenos Aires (7:00 AM)",
+                                                          "label": "Buenos Aires (5:00 AM)",
                                                           "value": "America/Argentina/Buenos_Aires",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Montevideo (7:00 AM)",
+                                                          "label": "Montevideo (5:00 AM)",
                                                           "value": "America/Montevideo",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Bucharest (1:00 PM)",
+                                                          "label": "Bucharest (11:00 AM)",
                                                           "value": "Europe/Bucharest",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Helsinki (1:00 PM)",
+                                                          "label": "Helsinki (11:00 AM)",
                                                           "value": "Europe/Helsinki",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Kyiv (1:00 PM)",
+                                                          "label": "Kyiv (11:00 AM)",
                                                           "value": "Europe/Kiev",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Riga (1:00 PM)",
+                                                          "label": "Riga (11:00 AM)",
                                                           "value": "Europe/Riga",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Sofia (1:00 PM)",
+                                                          "label": "Sofia (11:00 AM)",
                                                           "value": "Europe/Sofia",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Tallinn (1:00 PM)",
+                                                          "label": "Tallinn (11:00 AM)",
                                                           "value": "Europe/Tallinn",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Vilnius (1:00 PM)",
+                                                          "label": "Vilnius (11:00 AM)",
                                                           "value": "Europe/Vilnius",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Athens (1:00 PM)",
+                                                          "label": "Athens (11:00 AM)",
                                                           "value": "Europe/Athens",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Istanbul (1:00 PM)",
+                                                          "label": "Istanbul (11:00 AM)",
                                                           "value": "Europe/Istanbul",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Minsk (1:00 PM)",
+                                                          "label": "Minsk (11:00 AM)",
                                                           "value": "Europe/Minsk",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Jerusalem (1:00 PM)",
+                                                          "label": "Jerusalem (11:00 AM)",
                                                           "value": "Asia/Jerusalem",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Moscow (1:00 PM)",
+                                                          "label": "Moscow (11:00 AM)",
                                                           "value": "Europe/Moscow",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "St. Petersburg (1:00 PM)",
+                                                          "label": "St. Petersburg (11:00 AM)",
                                                           "value": "Europe/Moscow",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Kuwait (1:00 PM)",
+                                                          "label": "Kuwait (11:00 AM)",
                                                           "value": "Asia/Kuwait",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Riyadh (1:00 PM)",
+                                                          "label": "Riyadh (11:00 AM)",
                                                           "value": "Asia/Riyadh",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Nairobi (1:00 PM)",
+                                                          "label": "Nairobi (11:00 AM)",
                                                           "value": "Africa/Nairobi",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Baghdad (1:00 PM)",
+                                                          "label": "Baghdad (11:00 AM)",
                                                           "value": "Asia/Baghdad",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Caracas (6:00 AM)",
+                                                          "label": "Caracas (4:00 AM)",
                                                           "value": "America/Caracas",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "La Paz (6:00 AM)",
+                                                          "label": "La Paz (4:00 AM)",
                                                           "value": "America/La_Paz",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Santiago (6:00 AM)",
+                                                          "label": "Santiago (4:00 AM)",
                                                           "value": "America/Santiago",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Georgetown (6:00 AM)",
+                                                          "label": "Georgetown (4:00 AM)",
                                                           "value": "America/Guyana",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Volgograd (2:00 PM)",
+                                                          "label": "Volgograd (12:00 PM)",
                                                           "value": "Europe/Volgograd",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Samara (2:00 PM)",
+                                                          "label": "Samara (12:00 PM)",
                                                           "value": "Europe/Samara",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Abu Dhabi (2:00 PM)",
+                                                          "label": "Abu Dhabi (12:00 PM)",
                                                           "value": "Asia/Muscat",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Muscat (2:00 PM)",
+                                                          "label": "Muscat (12:00 PM)",
                                                           "value": "Asia/Muscat",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Baku (2:00 PM)",
+                                                          "label": "Baku (12:00 PM)",
                                                           "value": "Asia/Baku",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Tbilisi (2:00 PM)",
+                                                          "label": "Tbilisi (12:00 PM)",
                                                           "value": "Asia/Tbilisi",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Yerevan (2:00 PM)",
+                                                          "label": "Yerevan (12:00 PM)",
                                                           "value": "Asia/Yerevan",
                                                         },
                                                         Object {
                                                           "index": 370,
-                                                          "label": "Tehran (2:30 PM)",
+                                                          "label": "Tehran (12:30 PM)",
                                                           "value": "Asia/Tehran",
                                                         },
                                                         Object {
                                                           "index": 370,
-                                                          "label": "Kabul (2:30 PM)",
+                                                          "label": "Kabul (12:30 PM)",
                                                           "value": "Asia/Kabul",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Guadalajara (5:00 AM)",
+                                                          "label": "Guadalajara (3:00 AM)",
                                                           "value": "America/Mexico_City",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Mexico City (5:00 AM)",
+                                                          "label": "Mexico City (3:00 AM)",
                                                           "value": "America/Mexico_City",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Monterrey (5:00 AM)",
+                                                          "label": "Monterrey (3:00 AM)",
                                                           "value": "America/Monterrey",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Bogota (5:00 AM)",
+                                                          "label": "Bogota (3:00 AM)",
                                                           "value": "America/Bogota",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Lima (5:00 AM)",
+                                                          "label": "Lima (3:00 AM)",
                                                           "value": "America/Lima",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Quito (5:00 AM)",
+                                                          "label": "Quito (3:00 AM)",
                                                           "value": "America/Lima",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Ekaterinburg (3:00 PM)",
+                                                          "label": "Ekaterinburg (1:00 PM)",
                                                           "value": "Asia/Yekaterinburg",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Islamabad (3:00 PM)",
+                                                          "label": "Islamabad (1:00 PM)",
                                                           "value": "Asia/Karachi",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Karachi (3:00 PM)",
+                                                          "label": "Karachi (1:00 PM)",
                                                           "value": "Asia/Karachi",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Tashkent (3:00 PM)",
+                                                          "label": "Tashkent (1:00 PM)",
                                                           "value": "Asia/Tashkent",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Chennai (3:30 PM)",
+                                                          "label": "Chennai (1:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Kolkata (3:30 PM)",
+                                                          "label": "Kolkata (1:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Mumbai (3:30 PM)",
+                                                          "label": "Mumbai (1:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "New Delhi (3:30 PM)",
+                                                          "label": "New Delhi (1:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Sri Jayawardenepura (3:30 PM)",
+                                                          "label": "Sri Jayawardenepura (1:30 PM)",
                                                           "value": "Asia/Colombo",
                                                         },
                                                         Object {
                                                           "index": 445,
-                                                          "label": "Kathmandu (3:45 PM)",
+                                                          "label": "Kathmandu (1:45 PM)",
                                                           "value": "Asia/Kathmandu",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Chihuahua (4:00 AM)",
+                                                          "label": "Chihuahua (2:00 AM)",
                                                           "value": "America/Chihuahua",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Mazatlan (4:00 AM)",
+                                                          "label": "Mazatlan (2:00 AM)",
                                                           "value": "America/Mazatlan",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Saskatchewan (4:00 AM)",
+                                                          "label": "Saskatchewan (2:00 AM)",
                                                           "value": "America/Regina",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Central America (4:00 AM)",
+                                                          "label": "Central America (2:00 AM)",
                                                           "value": "America/Guatemala",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Astana (4:00 PM)",
+                                                          "label": "Astana (2:00 PM)",
                                                           "value": "Asia/Dhaka",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Dhaka (4:00 PM)",
+                                                          "label": "Dhaka (2:00 PM)",
                                                           "value": "Asia/Dhaka",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Almaty (4:00 PM)",
+                                                          "label": "Almaty (2:00 PM)",
                                                           "value": "Asia/Almaty",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Urumqi (4:00 PM)",
+                                                          "label": "Urumqi (2:00 PM)",
                                                           "value": "Asia/Urumqi",
                                                         },
                                                         Object {
                                                           "index": 490,
-                                                          "label": "Rangoon (4:30 PM)",
+                                                          "label": "Rangoon (2:30 PM)",
                                                           "value": "Asia/Rangoon",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Tijuana (3:00 AM)",
+                                                          "label": "Tijuana (1:00 AM)",
                                                           "value": "America/Tijuana",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Novosibirsk (5:00 PM)",
+                                                          "label": "Novosibirsk (3:00 PM)",
                                                           "value": "Asia/Novosibirsk",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Bangkok (5:00 PM)",
+                                                          "label": "Bangkok (3:00 PM)",
                                                           "value": "Asia/Bangkok",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Hanoi (5:00 PM)",
+                                                          "label": "Hanoi (3:00 PM)",
                                                           "value": "Asia/Bangkok",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Jakarta (5:00 PM)",
+                                                          "label": "Jakarta (3:00 PM)",
                                                           "value": "Asia/Jakarta",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Krasnoyarsk (5:00 PM)",
+                                                          "label": "Krasnoyarsk (3:00 PM)",
                                                           "value": "Asia/Krasnoyarsk",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Beijing (6:00 PM)",
+                                                          "label": "Beijing (4:00 PM)",
                                                           "value": "Asia/Shanghai",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Chongqing (6:00 PM)",
+                                                          "label": "Chongqing (4:00 PM)",
                                                           "value": "Asia/Chongqing",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Hong Kong (6:00 PM)",
+                                                          "label": "Hong Kong (4:00 PM)",
                                                           "value": "Asia/Hong_Kong",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Kuala Lumpur (6:00 PM)",
+                                                          "label": "Kuala Lumpur (4:00 PM)",
                                                           "value": "Asia/Kuala_Lumpur",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Singapore (6:00 PM)",
+                                                          "label": "Singapore (4:00 PM)",
                                                           "value": "Asia/Singapore",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Taipei (6:00 PM)",
+                                                          "label": "Taipei (4:00 PM)",
                                                           "value": "Asia/Taipei",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Perth (6:00 PM)",
+                                                          "label": "Perth (4:00 PM)",
                                                           "value": "Australia/Perth",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Irkutsk (6:00 PM)",
+                                                          "label": "Irkutsk (4:00 PM)",
                                                           "value": "Asia/Irkutsk",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Ulaanbaatar (6:00 PM)",
+                                                          "label": "Ulaanbaatar (4:00 PM)",
                                                           "value": "Asia/Ulaanbaatar",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Seoul (7:00 PM)",
+                                                          "label": "Seoul (5:00 PM)",
                                                           "value": "Asia/Seoul",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Osaka (7:00 PM)",
+                                                          "label": "Osaka (5:00 PM)",
                                                           "value": "Asia/Tokyo",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Sapporo (7:00 PM)",
+                                                          "label": "Sapporo (5:00 PM)",
                                                           "value": "Asia/Tokyo",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Tokyo (7:00 PM)",
+                                                          "label": "Tokyo (5:00 PM)",
                                                           "value": "Asia/Tokyo",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Yakutsk (7:00 PM)",
+                                                          "label": "Yakutsk (5:00 PM)",
                                                           "value": "Asia/Yakutsk",
                                                         },
                                                         Object {
                                                           "index": 670,
-                                                          "label": "Darwin (7:30 PM)",
+                                                          "label": "Darwin (5:30 PM)",
                                                           "value": "Australia/Darwin",
                                                         },
                                                         Object {
                                                           "index": 670,
-                                                          "label": "Adelaide (7:30 PM)",
+                                                          "label": "Adelaide (5:30 PM)",
                                                           "value": "Australia/Adelaide",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Canberra (8:00 PM)",
+                                                          "label": "Canberra (6:00 PM)",
                                                           "value": "Australia/Melbourne",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Melbourne (8:00 PM)",
+                                                          "label": "Melbourne (6:00 PM)",
                                                           "value": "Australia/Melbourne",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Sydney (8:00 PM)",
+                                                          "label": "Sydney (6:00 PM)",
                                                           "value": "Australia/Sydney",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Brisbane (8:00 PM)",
+                                                          "label": "Brisbane (6:00 PM)",
                                                           "value": "Australia/Brisbane",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Hobart (8:00 PM)",
+                                                          "label": "Hobart (6:00 PM)",
                                                           "value": "Australia/Hobart",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Vladivostok (8:00 PM)",
+                                                          "label": "Vladivostok (6:00 PM)",
                                                           "value": "Asia/Vladivostok",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Guam (8:00 PM)",
+                                                          "label": "Guam (6:00 PM)",
                                                           "value": "Pacific/Guam",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Port Moresby (8:00 PM)",
+                                                          "label": "Port Moresby (6:00 PM)",
                                                           "value": "Pacific/Port_Moresby",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Midway Island (11:00 PM)",
+                                                          "label": "Midway Island (9:00 PM)",
                                                           "value": "Pacific/Midway",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "American Samoa (11:00 PM)",
+                                                          "label": "American Samoa (9:00 PM)",
                                                           "value": "Pacific/Pago_Pago",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Magadan (9:00 PM)",
+                                                          "label": "Magadan (7:00 PM)",
                                                           "value": "Asia/Magadan",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Srednekolymsk (9:00 PM)",
+                                                          "label": "Srednekolymsk (7:00 PM)",
                                                           "value": "Asia/Srednekolymsk",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Solomon Is. (9:00 PM)",
+                                                          "label": "Solomon Is. (7:00 PM)",
                                                           "value": "Pacific/Guadalcanal",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "New Caledonia (9:00 PM)",
+                                                          "label": "New Caledonia (7:00 PM)",
                                                           "value": "Pacific/Noumea",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "International Date Line West (10:00 PM)",
+                                                          "label": "International Date Line West (8:00 PM)",
                                                           "value": "Etc/GMT+12",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Fiji (10:00 PM)",
+                                                          "label": "Fiji (8:00 PM)",
                                                           "value": "Pacific/Fiji",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Kamchatka (10:00 PM)",
+                                                          "label": "Kamchatka (8:00 PM)",
                                                           "value": "Asia/Kamchatka",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Marshall Is. (10:00 PM)",
+                                                          "label": "Marshall Is. (8:00 PM)",
                                                           "value": "Pacific/Majuro",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Auckland (10:00 PM)",
+                                                          "label": "Auckland (8:00 PM)",
                                                           "value": "Pacific/Auckland",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Wellington (10:00 PM)",
+                                                          "label": "Wellington (8:00 PM)",
                                                           "value": "Pacific/Auckland",
                                                         },
                                                         Object {
                                                           "index": 865,
-                                                          "label": "Chatham Is. (10:45 PM)",
+                                                          "label": "Chatham Is. (8:45 PM)",
                                                           "value": "Pacific/Chatham",
                                                         },
                                                         Object {
                                                           "index": 880,
-                                                          "label": "Nuku'alofa (11:00 PM)",
+                                                          "label": "Nuku'alofa (9:00 PM)",
                                                           "value": "Pacific/Tongatapu",
                                                         },
                                                         Object {
                                                           "index": 880,
-                                                          "label": "Tokelau Is. (11:00 PM)",
+                                                          "label": "Tokelau Is. (9:00 PM)",
                                                           "value": "Pacific/Fakaofo",
                                                         },
                                                         Object {
                                                           "index": 880,
-                                                          "label": "Samoa (11:00 PM)",
+                                                          "label": "Samoa (9:00 PM)",
                                                           "value": "Pacific/Apia",
                                                         },
                                                       ]
@@ -302199,7 +291926,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                         "formatGroupLabel": [Function],
                                                         "getOptionLabel": [Function],
                                                         "getOptionValue": [Function],
-                                                        "inputId": "representative-tz",
+                                                        "inputId": "appellant-tz",
                                                         "inputValue": "",
                                                         "isClearable": undefined,
                                                         "isDisabled": false,
@@ -302217,7 +291944,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                         "menuShouldBlockScroll": false,
                                                         "menuShouldScrollIntoView": true,
                                                         "minMenuHeight": 140,
-                                                        "name": "representativeTz",
+                                                        "name": "appellantTz",
                                                         "noOptionsMessage": [Function],
                                                         "onBlurResetsInput": false,
                                                         "onChange": [Function],
@@ -302233,762 +291960,762 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                           },
                                                           Object {
                                                             "index": -3,
-                                                            "label": "Eastern Time (US & Canada) (6:00 AM)",
+                                                            "label": "Eastern Time (US & Canada) (4:00 AM)",
                                                             "value": "America/New_York",
                                                           },
                                                           Object {
                                                             "index": -2,
-                                                            "label": "Central Time (US & Canada) (5:00 AM)",
+                                                            "label": "Central Time (US & Canada) (3:00 AM)",
                                                             "value": "America/Chicago",
                                                           },
                                                           Object {
                                                             "index": -1,
-                                                            "label": "Mountain Time (US & Canada) (4:00 AM)",
+                                                            "label": "Mountain Time (US & Canada) (2:00 AM)",
                                                             "value": "America/Denver",
                                                           },
                                                           Object {
                                                             "index": -0,
-                                                            "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                            "label": "Pacific Time (US & Canada) (1:00 AM)",
                                                             "value": "America/Los_Angeles",
                                                           },
                                                           Object {
                                                             "index": 2.4,
-                                                            "label": "Indiana (East) (6:00 AM)",
+                                                            "label": "Indiana (East) (4:00 AM)",
                                                             "value": "America/Indiana/Indianapolis",
                                                           },
                                                           Object {
                                                             "index": 2.4,
-                                                            "label": "Puerto Rico (6:00 AM)",
+                                                            "label": "Puerto Rico (4:00 AM)",
                                                             "value": "America/Puerto_Rico",
                                                           },
                                                           Object {
                                                             "index": 4.2,
-                                                            "label": "Arizona (3:00 AM)",
+                                                            "label": "Arizona (1:00 AM)",
                                                             "value": "America/Phoenix",
                                                           },
                                                           Object {
                                                             "index": 4.8,
-                                                            "label": "Alaska (2:00 AM)",
+                                                            "label": "Alaska (12:00 AM)",
                                                             "value": "America/Juneau",
                                                           },
                                                           Object {
                                                             "index": 4.8,
-                                                            "label": "Philippine Standard Time (6:00 PM)",
+                                                            "label": "Philippine Standard Time (4:00 PM)",
                                                             "value": "Asia/Manila",
                                                           },
                                                           Object {
                                                             "index": 6,
-                                                            "label": "Hawaii (12:00 AM)",
+                                                            "label": "Hawaii (10:00 PM)",
                                                             "value": "Pacific/Honolulu",
                                                           },
                                                           Object {
                                                             "index": 100,
-                                                            "label": "Azores (10:00 AM)",
+                                                            "label": "Azores (8:00 AM)",
                                                             "value": "Atlantic/Azores",
                                                           },
                                                           Object {
                                                             "index": 100,
-                                                            "label": "Monrovia (10:00 AM)",
+                                                            "label": "Monrovia (8:00 AM)",
                                                             "value": "Africa/Monrovia",
                                                           },
                                                           Object {
                                                             "index": 100,
-                                                            "label": "UTC (10:00 AM)",
+                                                            "label": "UTC (8:00 AM)",
                                                             "value": "Etc/UTC",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Cape Verde Is. (9:00 AM)",
+                                                            "label": "Cape Verde Is. (7:00 AM)",
                                                             "value": "Atlantic/Cape_Verde",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Dublin (11:00 AM)",
+                                                            "label": "Dublin (9:00 AM)",
                                                             "value": "Europe/Dublin",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Edinburgh (11:00 AM)",
+                                                            "label": "Edinburgh (9:00 AM)",
                                                             "value": "Europe/London",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Lisbon (11:00 AM)",
+                                                            "label": "Lisbon (9:00 AM)",
                                                             "value": "Europe/Lisbon",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "London (11:00 AM)",
+                                                            "label": "London (9:00 AM)",
                                                             "value": "Europe/London",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Casablanca (11:00 AM)",
+                                                            "label": "Casablanca (9:00 AM)",
                                                             "value": "Africa/Casablanca",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "West Central Africa (11:00 AM)",
+                                                            "label": "West Central Africa (9:00 AM)",
                                                             "value": "Africa/Algiers",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Greenland (8:00 AM)",
+                                                            "label": "Greenland (6:00 AM)",
                                                             "value": "America/Godthab",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Mid-Atlantic (8:00 AM)",
+                                                            "label": "Mid-Atlantic (6:00 AM)",
                                                             "value": "Atlantic/South_Georgia",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Belgrade (12:00 PM)",
+                                                            "label": "Belgrade (10:00 AM)",
                                                             "value": "Europe/Belgrade",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Bratislava (12:00 PM)",
+                                                            "label": "Bratislava (10:00 AM)",
                                                             "value": "Europe/Bratislava",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Budapest (12:00 PM)",
+                                                            "label": "Budapest (10:00 AM)",
                                                             "value": "Europe/Budapest",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Ljubljana (12:00 PM)",
+                                                            "label": "Ljubljana (10:00 AM)",
                                                             "value": "Europe/Ljubljana",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Prague (12:00 PM)",
+                                                            "label": "Prague (10:00 AM)",
                                                             "value": "Europe/Prague",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Sarajevo (12:00 PM)",
+                                                            "label": "Sarajevo (10:00 AM)",
                                                             "value": "Europe/Sarajevo",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Skopje (12:00 PM)",
+                                                            "label": "Skopje (10:00 AM)",
                                                             "value": "Europe/Skopje",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Warsaw (12:00 PM)",
+                                                            "label": "Warsaw (10:00 AM)",
                                                             "value": "Europe/Warsaw",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Zagreb (12:00 PM)",
+                                                            "label": "Zagreb (10:00 AM)",
                                                             "value": "Europe/Zagreb",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Brussels (12:00 PM)",
+                                                            "label": "Brussels (10:00 AM)",
                                                             "value": "Europe/Brussels",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Copenhagen (12:00 PM)",
+                                                            "label": "Copenhagen (10:00 AM)",
                                                             "value": "Europe/Copenhagen",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Madrid (12:00 PM)",
+                                                            "label": "Madrid (10:00 AM)",
                                                             "value": "Europe/Madrid",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Paris (12:00 PM)",
+                                                            "label": "Paris (10:00 AM)",
                                                             "value": "Europe/Paris",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Amsterdam (12:00 PM)",
+                                                            "label": "Amsterdam (10:00 AM)",
                                                             "value": "Europe/Amsterdam",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Berlin (12:00 PM)",
+                                                            "label": "Berlin (10:00 AM)",
                                                             "value": "Europe/Berlin",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Bern (12:00 PM)",
+                                                            "label": "Bern (10:00 AM)",
                                                             "value": "Europe/Zurich",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Zurich (12:00 PM)",
+                                                            "label": "Zurich (10:00 AM)",
                                                             "value": "Europe/Zurich",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Rome (12:00 PM)",
+                                                            "label": "Rome (10:00 AM)",
                                                             "value": "Europe/Rome",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Stockholm (12:00 PM)",
+                                                            "label": "Stockholm (10:00 AM)",
                                                             "value": "Europe/Stockholm",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Vienna (12:00 PM)",
+                                                            "label": "Vienna (10:00 AM)",
                                                             "value": "Europe/Vienna",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Cairo (12:00 PM)",
+                                                            "label": "Cairo (10:00 AM)",
                                                             "value": "Africa/Cairo",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Harare (12:00 PM)",
+                                                            "label": "Harare (10:00 AM)",
                                                             "value": "Africa/Harare",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Pretoria (12:00 PM)",
+                                                            "label": "Pretoria (10:00 AM)",
                                                             "value": "Africa/Johannesburg",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Kaliningrad (12:00 PM)",
+                                                            "label": "Kaliningrad (10:00 AM)",
                                                             "value": "Europe/Kaliningrad",
                                                           },
                                                           Object {
                                                             "index": 250,
-                                                            "label": "Newfoundland (7:30 AM)",
+                                                            "label": "Newfoundland (5:30 AM)",
                                                             "value": "America/St_Johns",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Atlantic Time (Canada) (7:00 AM)",
+                                                            "label": "Atlantic Time (Canada) (5:00 AM)",
                                                             "value": "America/Halifax",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Brasilia (7:00 AM)",
+                                                            "label": "Brasilia (5:00 AM)",
                                                             "value": "America/Sao_Paulo",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Buenos Aires (7:00 AM)",
+                                                            "label": "Buenos Aires (5:00 AM)",
                                                             "value": "America/Argentina/Buenos_Aires",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Montevideo (7:00 AM)",
+                                                            "label": "Montevideo (5:00 AM)",
                                                             "value": "America/Montevideo",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Bucharest (1:00 PM)",
+                                                            "label": "Bucharest (11:00 AM)",
                                                             "value": "Europe/Bucharest",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Helsinki (1:00 PM)",
+                                                            "label": "Helsinki (11:00 AM)",
                                                             "value": "Europe/Helsinki",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Kyiv (1:00 PM)",
+                                                            "label": "Kyiv (11:00 AM)",
                                                             "value": "Europe/Kiev",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Riga (1:00 PM)",
+                                                            "label": "Riga (11:00 AM)",
                                                             "value": "Europe/Riga",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Sofia (1:00 PM)",
+                                                            "label": "Sofia (11:00 AM)",
                                                             "value": "Europe/Sofia",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Tallinn (1:00 PM)",
+                                                            "label": "Tallinn (11:00 AM)",
                                                             "value": "Europe/Tallinn",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Vilnius (1:00 PM)",
+                                                            "label": "Vilnius (11:00 AM)",
                                                             "value": "Europe/Vilnius",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Athens (1:00 PM)",
+                                                            "label": "Athens (11:00 AM)",
                                                             "value": "Europe/Athens",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Istanbul (1:00 PM)",
+                                                            "label": "Istanbul (11:00 AM)",
                                                             "value": "Europe/Istanbul",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Minsk (1:00 PM)",
+                                                            "label": "Minsk (11:00 AM)",
                                                             "value": "Europe/Minsk",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Jerusalem (1:00 PM)",
+                                                            "label": "Jerusalem (11:00 AM)",
                                                             "value": "Asia/Jerusalem",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Moscow (1:00 PM)",
+                                                            "label": "Moscow (11:00 AM)",
                                                             "value": "Europe/Moscow",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "St. Petersburg (1:00 PM)",
+                                                            "label": "St. Petersburg (11:00 AM)",
                                                             "value": "Europe/Moscow",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Kuwait (1:00 PM)",
+                                                            "label": "Kuwait (11:00 AM)",
                                                             "value": "Asia/Kuwait",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Riyadh (1:00 PM)",
+                                                            "label": "Riyadh (11:00 AM)",
                                                             "value": "Asia/Riyadh",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Nairobi (1:00 PM)",
+                                                            "label": "Nairobi (11:00 AM)",
                                                             "value": "Africa/Nairobi",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Baghdad (1:00 PM)",
+                                                            "label": "Baghdad (11:00 AM)",
                                                             "value": "Asia/Baghdad",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Caracas (6:00 AM)",
+                                                            "label": "Caracas (4:00 AM)",
                                                             "value": "America/Caracas",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "La Paz (6:00 AM)",
+                                                            "label": "La Paz (4:00 AM)",
                                                             "value": "America/La_Paz",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Santiago (6:00 AM)",
+                                                            "label": "Santiago (4:00 AM)",
                                                             "value": "America/Santiago",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Georgetown (6:00 AM)",
+                                                            "label": "Georgetown (4:00 AM)",
                                                             "value": "America/Guyana",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Volgograd (2:00 PM)",
+                                                            "label": "Volgograd (12:00 PM)",
                                                             "value": "Europe/Volgograd",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Samara (2:00 PM)",
+                                                            "label": "Samara (12:00 PM)",
                                                             "value": "Europe/Samara",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Abu Dhabi (2:00 PM)",
+                                                            "label": "Abu Dhabi (12:00 PM)",
                                                             "value": "Asia/Muscat",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Muscat (2:00 PM)",
+                                                            "label": "Muscat (12:00 PM)",
                                                             "value": "Asia/Muscat",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Baku (2:00 PM)",
+                                                            "label": "Baku (12:00 PM)",
                                                             "value": "Asia/Baku",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Tbilisi (2:00 PM)",
+                                                            "label": "Tbilisi (12:00 PM)",
                                                             "value": "Asia/Tbilisi",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Yerevan (2:00 PM)",
+                                                            "label": "Yerevan (12:00 PM)",
                                                             "value": "Asia/Yerevan",
                                                           },
                                                           Object {
                                                             "index": 370,
-                                                            "label": "Tehran (2:30 PM)",
+                                                            "label": "Tehran (12:30 PM)",
                                                             "value": "Asia/Tehran",
                                                           },
                                                           Object {
                                                             "index": 370,
-                                                            "label": "Kabul (2:30 PM)",
+                                                            "label": "Kabul (12:30 PM)",
                                                             "value": "Asia/Kabul",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Guadalajara (5:00 AM)",
+                                                            "label": "Guadalajara (3:00 AM)",
                                                             "value": "America/Mexico_City",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Mexico City (5:00 AM)",
+                                                            "label": "Mexico City (3:00 AM)",
                                                             "value": "America/Mexico_City",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Monterrey (5:00 AM)",
+                                                            "label": "Monterrey (3:00 AM)",
                                                             "value": "America/Monterrey",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Bogota (5:00 AM)",
+                                                            "label": "Bogota (3:00 AM)",
                                                             "value": "America/Bogota",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Lima (5:00 AM)",
+                                                            "label": "Lima (3:00 AM)",
                                                             "value": "America/Lima",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Quito (5:00 AM)",
+                                                            "label": "Quito (3:00 AM)",
                                                             "value": "America/Lima",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Ekaterinburg (3:00 PM)",
+                                                            "label": "Ekaterinburg (1:00 PM)",
                                                             "value": "Asia/Yekaterinburg",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Islamabad (3:00 PM)",
+                                                            "label": "Islamabad (1:00 PM)",
                                                             "value": "Asia/Karachi",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Karachi (3:00 PM)",
+                                                            "label": "Karachi (1:00 PM)",
                                                             "value": "Asia/Karachi",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Tashkent (3:00 PM)",
+                                                            "label": "Tashkent (1:00 PM)",
                                                             "value": "Asia/Tashkent",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Chennai (3:30 PM)",
+                                                            "label": "Chennai (1:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Kolkata (3:30 PM)",
+                                                            "label": "Kolkata (1:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Mumbai (3:30 PM)",
+                                                            "label": "Mumbai (1:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "New Delhi (3:30 PM)",
+                                                            "label": "New Delhi (1:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Sri Jayawardenepura (3:30 PM)",
+                                                            "label": "Sri Jayawardenepura (1:30 PM)",
                                                             "value": "Asia/Colombo",
                                                           },
                                                           Object {
                                                             "index": 445,
-                                                            "label": "Kathmandu (3:45 PM)",
+                                                            "label": "Kathmandu (1:45 PM)",
                                                             "value": "Asia/Kathmandu",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Chihuahua (4:00 AM)",
+                                                            "label": "Chihuahua (2:00 AM)",
                                                             "value": "America/Chihuahua",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Mazatlan (4:00 AM)",
+                                                            "label": "Mazatlan (2:00 AM)",
                                                             "value": "America/Mazatlan",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Saskatchewan (4:00 AM)",
+                                                            "label": "Saskatchewan (2:00 AM)",
                                                             "value": "America/Regina",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Central America (4:00 AM)",
+                                                            "label": "Central America (2:00 AM)",
                                                             "value": "America/Guatemala",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Astana (4:00 PM)",
+                                                            "label": "Astana (2:00 PM)",
                                                             "value": "Asia/Dhaka",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Dhaka (4:00 PM)",
+                                                            "label": "Dhaka (2:00 PM)",
                                                             "value": "Asia/Dhaka",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Almaty (4:00 PM)",
+                                                            "label": "Almaty (2:00 PM)",
                                                             "value": "Asia/Almaty",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Urumqi (4:00 PM)",
+                                                            "label": "Urumqi (2:00 PM)",
                                                             "value": "Asia/Urumqi",
                                                           },
                                                           Object {
                                                             "index": 490,
-                                                            "label": "Rangoon (4:30 PM)",
+                                                            "label": "Rangoon (2:30 PM)",
                                                             "value": "Asia/Rangoon",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Tijuana (3:00 AM)",
+                                                            "label": "Tijuana (1:00 AM)",
                                                             "value": "America/Tijuana",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Novosibirsk (5:00 PM)",
+                                                            "label": "Novosibirsk (3:00 PM)",
                                                             "value": "Asia/Novosibirsk",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Bangkok (5:00 PM)",
+                                                            "label": "Bangkok (3:00 PM)",
                                                             "value": "Asia/Bangkok",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Hanoi (5:00 PM)",
+                                                            "label": "Hanoi (3:00 PM)",
                                                             "value": "Asia/Bangkok",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Jakarta (5:00 PM)",
+                                                            "label": "Jakarta (3:00 PM)",
                                                             "value": "Asia/Jakarta",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Krasnoyarsk (5:00 PM)",
+                                                            "label": "Krasnoyarsk (3:00 PM)",
                                                             "value": "Asia/Krasnoyarsk",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Beijing (6:00 PM)",
+                                                            "label": "Beijing (4:00 PM)",
                                                             "value": "Asia/Shanghai",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Chongqing (6:00 PM)",
+                                                            "label": "Chongqing (4:00 PM)",
                                                             "value": "Asia/Chongqing",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Hong Kong (6:00 PM)",
+                                                            "label": "Hong Kong (4:00 PM)",
                                                             "value": "Asia/Hong_Kong",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Kuala Lumpur (6:00 PM)",
+                                                            "label": "Kuala Lumpur (4:00 PM)",
                                                             "value": "Asia/Kuala_Lumpur",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Singapore (6:00 PM)",
+                                                            "label": "Singapore (4:00 PM)",
                                                             "value": "Asia/Singapore",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Taipei (6:00 PM)",
+                                                            "label": "Taipei (4:00 PM)",
                                                             "value": "Asia/Taipei",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Perth (6:00 PM)",
+                                                            "label": "Perth (4:00 PM)",
                                                             "value": "Australia/Perth",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Irkutsk (6:00 PM)",
+                                                            "label": "Irkutsk (4:00 PM)",
                                                             "value": "Asia/Irkutsk",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Ulaanbaatar (6:00 PM)",
+                                                            "label": "Ulaanbaatar (4:00 PM)",
                                                             "value": "Asia/Ulaanbaatar",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Seoul (7:00 PM)",
+                                                            "label": "Seoul (5:00 PM)",
                                                             "value": "Asia/Seoul",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Osaka (7:00 PM)",
+                                                            "label": "Osaka (5:00 PM)",
                                                             "value": "Asia/Tokyo",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Sapporo (7:00 PM)",
+                                                            "label": "Sapporo (5:00 PM)",
                                                             "value": "Asia/Tokyo",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Tokyo (7:00 PM)",
+                                                            "label": "Tokyo (5:00 PM)",
                                                             "value": "Asia/Tokyo",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Yakutsk (7:00 PM)",
+                                                            "label": "Yakutsk (5:00 PM)",
                                                             "value": "Asia/Yakutsk",
                                                           },
                                                           Object {
                                                             "index": 670,
-                                                            "label": "Darwin (7:30 PM)",
+                                                            "label": "Darwin (5:30 PM)",
                                                             "value": "Australia/Darwin",
                                                           },
                                                           Object {
                                                             "index": 670,
-                                                            "label": "Adelaide (7:30 PM)",
+                                                            "label": "Adelaide (5:30 PM)",
                                                             "value": "Australia/Adelaide",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Canberra (8:00 PM)",
+                                                            "label": "Canberra (6:00 PM)",
                                                             "value": "Australia/Melbourne",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Melbourne (8:00 PM)",
+                                                            "label": "Melbourne (6:00 PM)",
                                                             "value": "Australia/Melbourne",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Sydney (8:00 PM)",
+                                                            "label": "Sydney (6:00 PM)",
                                                             "value": "Australia/Sydney",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Brisbane (8:00 PM)",
+                                                            "label": "Brisbane (6:00 PM)",
                                                             "value": "Australia/Brisbane",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Hobart (8:00 PM)",
+                                                            "label": "Hobart (6:00 PM)",
                                                             "value": "Australia/Hobart",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Vladivostok (8:00 PM)",
+                                                            "label": "Vladivostok (6:00 PM)",
                                                             "value": "Asia/Vladivostok",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Guam (8:00 PM)",
+                                                            "label": "Guam (6:00 PM)",
                                                             "value": "Pacific/Guam",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Port Moresby (8:00 PM)",
+                                                            "label": "Port Moresby (6:00 PM)",
                                                             "value": "Pacific/Port_Moresby",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Midway Island (11:00 PM)",
+                                                            "label": "Midway Island (9:00 PM)",
                                                             "value": "Pacific/Midway",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "American Samoa (11:00 PM)",
+                                                            "label": "American Samoa (9:00 PM)",
                                                             "value": "Pacific/Pago_Pago",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Magadan (9:00 PM)",
+                                                            "label": "Magadan (7:00 PM)",
                                                             "value": "Asia/Magadan",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Srednekolymsk (9:00 PM)",
+                                                            "label": "Srednekolymsk (7:00 PM)",
                                                             "value": "Asia/Srednekolymsk",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Solomon Is. (9:00 PM)",
+                                                            "label": "Solomon Is. (7:00 PM)",
                                                             "value": "Pacific/Guadalcanal",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "New Caledonia (9:00 PM)",
+                                                            "label": "New Caledonia (7:00 PM)",
                                                             "value": "Pacific/Noumea",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "International Date Line West (10:00 PM)",
+                                                            "label": "International Date Line West (8:00 PM)",
                                                             "value": "Etc/GMT+12",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Fiji (10:00 PM)",
+                                                            "label": "Fiji (8:00 PM)",
                                                             "value": "Pacific/Fiji",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Kamchatka (10:00 PM)",
+                                                            "label": "Kamchatka (8:00 PM)",
                                                             "value": "Asia/Kamchatka",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Marshall Is. (10:00 PM)",
+                                                            "label": "Marshall Is. (8:00 PM)",
                                                             "value": "Pacific/Majuro",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Auckland (10:00 PM)",
+                                                            "label": "Auckland (8:00 PM)",
                                                             "value": "Pacific/Auckland",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Wellington (10:00 PM)",
+                                                            "label": "Wellington (8:00 PM)",
                                                             "value": "Pacific/Auckland",
                                                           },
                                                           Object {
                                                             "index": 865,
-                                                            "label": "Chatham Is. (10:45 PM)",
+                                                            "label": "Chatham Is. (8:45 PM)",
                                                             "value": "Pacific/Chatham",
                                                           },
                                                           Object {
                                                             "index": 880,
-                                                            "label": "Nuku'alofa (11:00 PM)",
+                                                            "label": "Nuku'alofa (9:00 PM)",
                                                             "value": "Pacific/Tongatapu",
                                                           },
                                                           Object {
                                                             "index": 880,
-                                                            "label": "Tokelau Is. (11:00 PM)",
+                                                            "label": "Tokelau Is. (9:00 PM)",
                                                             "value": "Pacific/Fakaofo",
                                                           },
                                                           Object {
                                                             "index": 880,
-                                                            "label": "Samoa (11:00 PM)",
+                                                            "label": "Samoa (9:00 PM)",
                                                             "value": "Pacific/Apia",
                                                           },
                                                         ],
@@ -303002,11 +292729,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                         },
                                                         "tabIndex": "0",
                                                         "tabSelectsValue": true,
-                                                        "value": Object {
-                                                          "index": -0,
-                                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                          "value": "America/Los_Angeles",
-                                                        },
+                                                        "value": null,
                                                       }
                                                     }
                                                     setValue={[Function]}
@@ -303043,7 +292766,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                     <EmotionCssPropInternal
                                                       __EMOTION_LABEL_PLEASE_DO_NOT_USE__="ValueContainer"
                                                       __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                      className="cf-select__value-container cf-select__value-container--has-value"
+                                                      className="cf-select__value-container"
                                                       css={
                                                         Object {
                                                           "WebkitOverflowScrolling": "touch",
@@ -303059,22 +292782,16 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                       }
                                                     >
                                                       <div
-                                                        className="cf-select__value-container cf-select__value-container--has-value css-g1d714-ValueContainer"
+                                                        className="cf-select__value-container css-g1d714-ValueContainer"
                                                       >
-                                                        <SingleValue
+                                                        <Placeholder
                                                           clearValue={[Function]}
                                                           cx={[Function]}
-                                                          data={
-                                                            Object {
-                                                              "index": -0,
-                                                              "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                              "value": "America/Los_Angeles",
-                                                            }
-                                                          }
                                                           getStyles={[Function]}
                                                           getValue={[Function]}
-                                                          hasValue={true}
+                                                          hasValue={false}
                                                           isDisabled={false}
+                                                          isFocused={false}
                                                           isMulti={false}
                                                           isRtl={false}
                                                           options={
@@ -303085,762 +292802,762 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               },
                                                               Object {
                                                                 "index": -3,
-                                                                "label": "Eastern Time (US & Canada) (6:00 AM)",
+                                                                "label": "Eastern Time (US & Canada) (4:00 AM)",
                                                                 "value": "America/New_York",
                                                               },
                                                               Object {
                                                                 "index": -2,
-                                                                "label": "Central Time (US & Canada) (5:00 AM)",
+                                                                "label": "Central Time (US & Canada) (3:00 AM)",
                                                                 "value": "America/Chicago",
                                                               },
                                                               Object {
                                                                 "index": -1,
-                                                                "label": "Mountain Time (US & Canada) (4:00 AM)",
+                                                                "label": "Mountain Time (US & Canada) (2:00 AM)",
                                                                 "value": "America/Denver",
                                                               },
                                                               Object {
                                                                 "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                                "label": "Pacific Time (US & Canada) (1:00 AM)",
                                                                 "value": "America/Los_Angeles",
                                                               },
                                                               Object {
                                                                 "index": 2.4,
-                                                                "label": "Indiana (East) (6:00 AM)",
+                                                                "label": "Indiana (East) (4:00 AM)",
                                                                 "value": "America/Indiana/Indianapolis",
                                                               },
                                                               Object {
                                                                 "index": 2.4,
-                                                                "label": "Puerto Rico (6:00 AM)",
+                                                                "label": "Puerto Rico (4:00 AM)",
                                                                 "value": "America/Puerto_Rico",
                                                               },
                                                               Object {
                                                                 "index": 4.2,
-                                                                "label": "Arizona (3:00 AM)",
+                                                                "label": "Arizona (1:00 AM)",
                                                                 "value": "America/Phoenix",
                                                               },
                                                               Object {
                                                                 "index": 4.8,
-                                                                "label": "Alaska (2:00 AM)",
+                                                                "label": "Alaska (12:00 AM)",
                                                                 "value": "America/Juneau",
                                                               },
                                                               Object {
                                                                 "index": 4.8,
-                                                                "label": "Philippine Standard Time (6:00 PM)",
+                                                                "label": "Philippine Standard Time (4:00 PM)",
                                                                 "value": "Asia/Manila",
                                                               },
                                                               Object {
                                                                 "index": 6,
-                                                                "label": "Hawaii (12:00 AM)",
+                                                                "label": "Hawaii (10:00 PM)",
                                                                 "value": "Pacific/Honolulu",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "Azores (10:00 AM)",
+                                                                "label": "Azores (8:00 AM)",
                                                                 "value": "Atlantic/Azores",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "Monrovia (10:00 AM)",
+                                                                "label": "Monrovia (8:00 AM)",
                                                                 "value": "Africa/Monrovia",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "UTC (10:00 AM)",
+                                                                "label": "UTC (8:00 AM)",
                                                                 "value": "Etc/UTC",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Cape Verde Is. (9:00 AM)",
+                                                                "label": "Cape Verde Is. (7:00 AM)",
                                                                 "value": "Atlantic/Cape_Verde",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Dublin (11:00 AM)",
+                                                                "label": "Dublin (9:00 AM)",
                                                                 "value": "Europe/Dublin",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Edinburgh (11:00 AM)",
+                                                                "label": "Edinburgh (9:00 AM)",
                                                                 "value": "Europe/London",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Lisbon (11:00 AM)",
+                                                                "label": "Lisbon (9:00 AM)",
                                                                 "value": "Europe/Lisbon",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "London (11:00 AM)",
+                                                                "label": "London (9:00 AM)",
                                                                 "value": "Europe/London",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Casablanca (11:00 AM)",
+                                                                "label": "Casablanca (9:00 AM)",
                                                                 "value": "Africa/Casablanca",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "West Central Africa (11:00 AM)",
+                                                                "label": "West Central Africa (9:00 AM)",
                                                                 "value": "Africa/Algiers",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Greenland (8:00 AM)",
+                                                                "label": "Greenland (6:00 AM)",
                                                                 "value": "America/Godthab",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Mid-Atlantic (8:00 AM)",
+                                                                "label": "Mid-Atlantic (6:00 AM)",
                                                                 "value": "Atlantic/South_Georgia",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Belgrade (12:00 PM)",
+                                                                "label": "Belgrade (10:00 AM)",
                                                                 "value": "Europe/Belgrade",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Bratislava (12:00 PM)",
+                                                                "label": "Bratislava (10:00 AM)",
                                                                 "value": "Europe/Bratislava",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Budapest (12:00 PM)",
+                                                                "label": "Budapest (10:00 AM)",
                                                                 "value": "Europe/Budapest",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Ljubljana (12:00 PM)",
+                                                                "label": "Ljubljana (10:00 AM)",
                                                                 "value": "Europe/Ljubljana",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Prague (12:00 PM)",
+                                                                "label": "Prague (10:00 AM)",
                                                                 "value": "Europe/Prague",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Sarajevo (12:00 PM)",
+                                                                "label": "Sarajevo (10:00 AM)",
                                                                 "value": "Europe/Sarajevo",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Skopje (12:00 PM)",
+                                                                "label": "Skopje (10:00 AM)",
                                                                 "value": "Europe/Skopje",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Warsaw (12:00 PM)",
+                                                                "label": "Warsaw (10:00 AM)",
                                                                 "value": "Europe/Warsaw",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Zagreb (12:00 PM)",
+                                                                "label": "Zagreb (10:00 AM)",
                                                                 "value": "Europe/Zagreb",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Brussels (12:00 PM)",
+                                                                "label": "Brussels (10:00 AM)",
                                                                 "value": "Europe/Brussels",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Copenhagen (12:00 PM)",
+                                                                "label": "Copenhagen (10:00 AM)",
                                                                 "value": "Europe/Copenhagen",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Madrid (12:00 PM)",
+                                                                "label": "Madrid (10:00 AM)",
                                                                 "value": "Europe/Madrid",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Paris (12:00 PM)",
+                                                                "label": "Paris (10:00 AM)",
                                                                 "value": "Europe/Paris",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Amsterdam (12:00 PM)",
+                                                                "label": "Amsterdam (10:00 AM)",
                                                                 "value": "Europe/Amsterdam",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Berlin (12:00 PM)",
+                                                                "label": "Berlin (10:00 AM)",
                                                                 "value": "Europe/Berlin",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Bern (12:00 PM)",
+                                                                "label": "Bern (10:00 AM)",
                                                                 "value": "Europe/Zurich",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Zurich (12:00 PM)",
+                                                                "label": "Zurich (10:00 AM)",
                                                                 "value": "Europe/Zurich",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Rome (12:00 PM)",
+                                                                "label": "Rome (10:00 AM)",
                                                                 "value": "Europe/Rome",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Stockholm (12:00 PM)",
+                                                                "label": "Stockholm (10:00 AM)",
                                                                 "value": "Europe/Stockholm",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Vienna (12:00 PM)",
+                                                                "label": "Vienna (10:00 AM)",
                                                                 "value": "Europe/Vienna",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Cairo (12:00 PM)",
+                                                                "label": "Cairo (10:00 AM)",
                                                                 "value": "Africa/Cairo",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Harare (12:00 PM)",
+                                                                "label": "Harare (10:00 AM)",
                                                                 "value": "Africa/Harare",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Pretoria (12:00 PM)",
+                                                                "label": "Pretoria (10:00 AM)",
                                                                 "value": "Africa/Johannesburg",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Kaliningrad (12:00 PM)",
+                                                                "label": "Kaliningrad (10:00 AM)",
                                                                 "value": "Europe/Kaliningrad",
                                                               },
                                                               Object {
                                                                 "index": 250,
-                                                                "label": "Newfoundland (7:30 AM)",
+                                                                "label": "Newfoundland (5:30 AM)",
                                                                 "value": "America/St_Johns",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Atlantic Time (Canada) (7:00 AM)",
+                                                                "label": "Atlantic Time (Canada) (5:00 AM)",
                                                                 "value": "America/Halifax",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Brasilia (7:00 AM)",
+                                                                "label": "Brasilia (5:00 AM)",
                                                                 "value": "America/Sao_Paulo",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Buenos Aires (7:00 AM)",
+                                                                "label": "Buenos Aires (5:00 AM)",
                                                                 "value": "America/Argentina/Buenos_Aires",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Montevideo (7:00 AM)",
+                                                                "label": "Montevideo (5:00 AM)",
                                                                 "value": "America/Montevideo",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Bucharest (1:00 PM)",
+                                                                "label": "Bucharest (11:00 AM)",
                                                                 "value": "Europe/Bucharest",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Helsinki (1:00 PM)",
+                                                                "label": "Helsinki (11:00 AM)",
                                                                 "value": "Europe/Helsinki",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Kyiv (1:00 PM)",
+                                                                "label": "Kyiv (11:00 AM)",
                                                                 "value": "Europe/Kiev",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Riga (1:00 PM)",
+                                                                "label": "Riga (11:00 AM)",
                                                                 "value": "Europe/Riga",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Sofia (1:00 PM)",
+                                                                "label": "Sofia (11:00 AM)",
                                                                 "value": "Europe/Sofia",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Tallinn (1:00 PM)",
+                                                                "label": "Tallinn (11:00 AM)",
                                                                 "value": "Europe/Tallinn",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Vilnius (1:00 PM)",
+                                                                "label": "Vilnius (11:00 AM)",
                                                                 "value": "Europe/Vilnius",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Athens (1:00 PM)",
+                                                                "label": "Athens (11:00 AM)",
                                                                 "value": "Europe/Athens",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Istanbul (1:00 PM)",
+                                                                "label": "Istanbul (11:00 AM)",
                                                                 "value": "Europe/Istanbul",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Minsk (1:00 PM)",
+                                                                "label": "Minsk (11:00 AM)",
                                                                 "value": "Europe/Minsk",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Jerusalem (1:00 PM)",
+                                                                "label": "Jerusalem (11:00 AM)",
                                                                 "value": "Asia/Jerusalem",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Moscow (1:00 PM)",
+                                                                "label": "Moscow (11:00 AM)",
                                                                 "value": "Europe/Moscow",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "St. Petersburg (1:00 PM)",
+                                                                "label": "St. Petersburg (11:00 AM)",
                                                                 "value": "Europe/Moscow",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Kuwait (1:00 PM)",
+                                                                "label": "Kuwait (11:00 AM)",
                                                                 "value": "Asia/Kuwait",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Riyadh (1:00 PM)",
+                                                                "label": "Riyadh (11:00 AM)",
                                                                 "value": "Asia/Riyadh",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Nairobi (1:00 PM)",
+                                                                "label": "Nairobi (11:00 AM)",
                                                                 "value": "Africa/Nairobi",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Baghdad (1:00 PM)",
+                                                                "label": "Baghdad (11:00 AM)",
                                                                 "value": "Asia/Baghdad",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Caracas (6:00 AM)",
+                                                                "label": "Caracas (4:00 AM)",
                                                                 "value": "America/Caracas",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "La Paz (6:00 AM)",
+                                                                "label": "La Paz (4:00 AM)",
                                                                 "value": "America/La_Paz",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Santiago (6:00 AM)",
+                                                                "label": "Santiago (4:00 AM)",
                                                                 "value": "America/Santiago",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Georgetown (6:00 AM)",
+                                                                "label": "Georgetown (4:00 AM)",
                                                                 "value": "America/Guyana",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Volgograd (2:00 PM)",
+                                                                "label": "Volgograd (12:00 PM)",
                                                                 "value": "Europe/Volgograd",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Samara (2:00 PM)",
+                                                                "label": "Samara (12:00 PM)",
                                                                 "value": "Europe/Samara",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Abu Dhabi (2:00 PM)",
+                                                                "label": "Abu Dhabi (12:00 PM)",
                                                                 "value": "Asia/Muscat",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Muscat (2:00 PM)",
+                                                                "label": "Muscat (12:00 PM)",
                                                                 "value": "Asia/Muscat",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Baku (2:00 PM)",
+                                                                "label": "Baku (12:00 PM)",
                                                                 "value": "Asia/Baku",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Tbilisi (2:00 PM)",
+                                                                "label": "Tbilisi (12:00 PM)",
                                                                 "value": "Asia/Tbilisi",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Yerevan (2:00 PM)",
+                                                                "label": "Yerevan (12:00 PM)",
                                                                 "value": "Asia/Yerevan",
                                                               },
                                                               Object {
                                                                 "index": 370,
-                                                                "label": "Tehran (2:30 PM)",
+                                                                "label": "Tehran (12:30 PM)",
                                                                 "value": "Asia/Tehran",
                                                               },
                                                               Object {
                                                                 "index": 370,
-                                                                "label": "Kabul (2:30 PM)",
+                                                                "label": "Kabul (12:30 PM)",
                                                                 "value": "Asia/Kabul",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Guadalajara (5:00 AM)",
+                                                                "label": "Guadalajara (3:00 AM)",
                                                                 "value": "America/Mexico_City",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Mexico City (5:00 AM)",
+                                                                "label": "Mexico City (3:00 AM)",
                                                                 "value": "America/Mexico_City",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Monterrey (5:00 AM)",
+                                                                "label": "Monterrey (3:00 AM)",
                                                                 "value": "America/Monterrey",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Bogota (5:00 AM)",
+                                                                "label": "Bogota (3:00 AM)",
                                                                 "value": "America/Bogota",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Lima (5:00 AM)",
+                                                                "label": "Lima (3:00 AM)",
                                                                 "value": "America/Lima",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Quito (5:00 AM)",
+                                                                "label": "Quito (3:00 AM)",
                                                                 "value": "America/Lima",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Ekaterinburg (3:00 PM)",
+                                                                "label": "Ekaterinburg (1:00 PM)",
                                                                 "value": "Asia/Yekaterinburg",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Islamabad (3:00 PM)",
+                                                                "label": "Islamabad (1:00 PM)",
                                                                 "value": "Asia/Karachi",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Karachi (3:00 PM)",
+                                                                "label": "Karachi (1:00 PM)",
                                                                 "value": "Asia/Karachi",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Tashkent (3:00 PM)",
+                                                                "label": "Tashkent (1:00 PM)",
                                                                 "value": "Asia/Tashkent",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Chennai (3:30 PM)",
+                                                                "label": "Chennai (1:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Kolkata (3:30 PM)",
+                                                                "label": "Kolkata (1:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Mumbai (3:30 PM)",
+                                                                "label": "Mumbai (1:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "New Delhi (3:30 PM)",
+                                                                "label": "New Delhi (1:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Sri Jayawardenepura (3:30 PM)",
+                                                                "label": "Sri Jayawardenepura (1:30 PM)",
                                                                 "value": "Asia/Colombo",
                                                               },
                                                               Object {
                                                                 "index": 445,
-                                                                "label": "Kathmandu (3:45 PM)",
+                                                                "label": "Kathmandu (1:45 PM)",
                                                                 "value": "Asia/Kathmandu",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Chihuahua (4:00 AM)",
+                                                                "label": "Chihuahua (2:00 AM)",
                                                                 "value": "America/Chihuahua",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Mazatlan (4:00 AM)",
+                                                                "label": "Mazatlan (2:00 AM)",
                                                                 "value": "America/Mazatlan",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Saskatchewan (4:00 AM)",
+                                                                "label": "Saskatchewan (2:00 AM)",
                                                                 "value": "America/Regina",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Central America (4:00 AM)",
+                                                                "label": "Central America (2:00 AM)",
                                                                 "value": "America/Guatemala",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Astana (4:00 PM)",
+                                                                "label": "Astana (2:00 PM)",
                                                                 "value": "Asia/Dhaka",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Dhaka (4:00 PM)",
+                                                                "label": "Dhaka (2:00 PM)",
                                                                 "value": "Asia/Dhaka",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Almaty (4:00 PM)",
+                                                                "label": "Almaty (2:00 PM)",
                                                                 "value": "Asia/Almaty",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Urumqi (4:00 PM)",
+                                                                "label": "Urumqi (2:00 PM)",
                                                                 "value": "Asia/Urumqi",
                                                               },
                                                               Object {
                                                                 "index": 490,
-                                                                "label": "Rangoon (4:30 PM)",
+                                                                "label": "Rangoon (2:30 PM)",
                                                                 "value": "Asia/Rangoon",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Tijuana (3:00 AM)",
+                                                                "label": "Tijuana (1:00 AM)",
                                                                 "value": "America/Tijuana",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Novosibirsk (5:00 PM)",
+                                                                "label": "Novosibirsk (3:00 PM)",
                                                                 "value": "Asia/Novosibirsk",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Bangkok (5:00 PM)",
+                                                                "label": "Bangkok (3:00 PM)",
                                                                 "value": "Asia/Bangkok",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Hanoi (5:00 PM)",
+                                                                "label": "Hanoi (3:00 PM)",
                                                                 "value": "Asia/Bangkok",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Jakarta (5:00 PM)",
+                                                                "label": "Jakarta (3:00 PM)",
                                                                 "value": "Asia/Jakarta",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Krasnoyarsk (5:00 PM)",
+                                                                "label": "Krasnoyarsk (3:00 PM)",
                                                                 "value": "Asia/Krasnoyarsk",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Beijing (6:00 PM)",
+                                                                "label": "Beijing (4:00 PM)",
                                                                 "value": "Asia/Shanghai",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Chongqing (6:00 PM)",
+                                                                "label": "Chongqing (4:00 PM)",
                                                                 "value": "Asia/Chongqing",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Hong Kong (6:00 PM)",
+                                                                "label": "Hong Kong (4:00 PM)",
                                                                 "value": "Asia/Hong_Kong",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Kuala Lumpur (6:00 PM)",
+                                                                "label": "Kuala Lumpur (4:00 PM)",
                                                                 "value": "Asia/Kuala_Lumpur",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Singapore (6:00 PM)",
+                                                                "label": "Singapore (4:00 PM)",
                                                                 "value": "Asia/Singapore",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Taipei (6:00 PM)",
+                                                                "label": "Taipei (4:00 PM)",
                                                                 "value": "Asia/Taipei",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Perth (6:00 PM)",
+                                                                "label": "Perth (4:00 PM)",
                                                                 "value": "Australia/Perth",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Irkutsk (6:00 PM)",
+                                                                "label": "Irkutsk (4:00 PM)",
                                                                 "value": "Asia/Irkutsk",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Ulaanbaatar (6:00 PM)",
+                                                                "label": "Ulaanbaatar (4:00 PM)",
                                                                 "value": "Asia/Ulaanbaatar",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Seoul (7:00 PM)",
+                                                                "label": "Seoul (5:00 PM)",
                                                                 "value": "Asia/Seoul",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Osaka (7:00 PM)",
+                                                                "label": "Osaka (5:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Sapporo (7:00 PM)",
+                                                                "label": "Sapporo (5:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Tokyo (7:00 PM)",
+                                                                "label": "Tokyo (5:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Yakutsk (7:00 PM)",
+                                                                "label": "Yakutsk (5:00 PM)",
                                                                 "value": "Asia/Yakutsk",
                                                               },
                                                               Object {
                                                                 "index": 670,
-                                                                "label": "Darwin (7:30 PM)",
+                                                                "label": "Darwin (5:30 PM)",
                                                                 "value": "Australia/Darwin",
                                                               },
                                                               Object {
                                                                 "index": 670,
-                                                                "label": "Adelaide (7:30 PM)",
+                                                                "label": "Adelaide (5:30 PM)",
                                                                 "value": "Australia/Adelaide",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Canberra (8:00 PM)",
+                                                                "label": "Canberra (6:00 PM)",
                                                                 "value": "Australia/Melbourne",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Melbourne (8:00 PM)",
+                                                                "label": "Melbourne (6:00 PM)",
                                                                 "value": "Australia/Melbourne",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Sydney (8:00 PM)",
+                                                                "label": "Sydney (6:00 PM)",
                                                                 "value": "Australia/Sydney",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Brisbane (8:00 PM)",
+                                                                "label": "Brisbane (6:00 PM)",
                                                                 "value": "Australia/Brisbane",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Hobart (8:00 PM)",
+                                                                "label": "Hobart (6:00 PM)",
                                                                 "value": "Australia/Hobart",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Vladivostok (8:00 PM)",
+                                                                "label": "Vladivostok (6:00 PM)",
                                                                 "value": "Asia/Vladivostok",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Guam (8:00 PM)",
+                                                                "label": "Guam (6:00 PM)",
                                                                 "value": "Pacific/Guam",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Port Moresby (8:00 PM)",
+                                                                "label": "Port Moresby (6:00 PM)",
                                                                 "value": "Pacific/Port_Moresby",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Midway Island (11:00 PM)",
+                                                                "label": "Midway Island (9:00 PM)",
                                                                 "value": "Pacific/Midway",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "American Samoa (11:00 PM)",
+                                                                "label": "American Samoa (9:00 PM)",
                                                                 "value": "Pacific/Pago_Pago",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Magadan (9:00 PM)",
+                                                                "label": "Magadan (7:00 PM)",
                                                                 "value": "Asia/Magadan",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Srednekolymsk (9:00 PM)",
+                                                                "label": "Srednekolymsk (7:00 PM)",
                                                                 "value": "Asia/Srednekolymsk",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Solomon Is. (9:00 PM)",
+                                                                "label": "Solomon Is. (7:00 PM)",
                                                                 "value": "Pacific/Guadalcanal",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "New Caledonia (9:00 PM)",
+                                                                "label": "New Caledonia (7:00 PM)",
                                                                 "value": "Pacific/Noumea",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "International Date Line West (10:00 PM)",
+                                                                "label": "International Date Line West (8:00 PM)",
                                                                 "value": "Etc/GMT+12",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Fiji (10:00 PM)",
+                                                                "label": "Fiji (8:00 PM)",
                                                                 "value": "Pacific/Fiji",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Kamchatka (10:00 PM)",
+                                                                "label": "Kamchatka (8:00 PM)",
                                                                 "value": "Asia/Kamchatka",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Marshall Is. (10:00 PM)",
+                                                                "label": "Marshall Is. (8:00 PM)",
                                                                 "value": "Pacific/Majuro",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Auckland (10:00 PM)",
+                                                                "label": "Auckland (8:00 PM)",
                                                                 "value": "Pacific/Auckland",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Wellington (10:00 PM)",
+                                                                "label": "Wellington (8:00 PM)",
                                                                 "value": "Pacific/Auckland",
                                                               },
                                                               Object {
                                                                 "index": 865,
-                                                                "label": "Chatham Is. (10:45 PM)",
+                                                                "label": "Chatham Is. (8:45 PM)",
                                                                 "value": "Pacific/Chatham",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Nuku'alofa (11:00 PM)",
+                                                                "label": "Nuku'alofa (9:00 PM)",
                                                                 "value": "Pacific/Tongatapu",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Tokelau Is. (11:00 PM)",
+                                                                "label": "Tokelau Is. (9:00 PM)",
                                                                 "value": "Pacific/Fakaofo",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Samoa (11:00 PM)",
+                                                                "label": "Samoa (9:00 PM)",
                                                                 "value": "Pacific/Apia",
                                                               },
                                                             ]
@@ -303867,7 +293584,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "formatGroupLabel": [Function],
                                                               "getOptionLabel": [Function],
                                                               "getOptionValue": [Function],
-                                                              "inputId": "representative-tz",
+                                                              "inputId": "appellant-tz",
                                                               "inputValue": "",
                                                               "isClearable": undefined,
                                                               "isDisabled": false,
@@ -303885,7 +293602,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "menuShouldBlockScroll": false,
                                                               "menuShouldScrollIntoView": true,
                                                               "minMenuHeight": 140,
-                                                              "name": "representativeTz",
+                                                              "name": "appellantTz",
                                                               "noOptionsMessage": [Function],
                                                               "onBlurResetsInput": false,
                                                               "onChange": [Function],
@@ -303901,762 +293618,762 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                                 },
                                                                 Object {
                                                                   "index": -3,
-                                                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
+                                                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
                                                                   "value": "America/New_York",
                                                                 },
                                                                 Object {
                                                                   "index": -2,
-                                                                  "label": "Central Time (US & Canada) (5:00 AM)",
+                                                                  "label": "Central Time (US & Canada) (3:00 AM)",
                                                                   "value": "America/Chicago",
                                                                 },
                                                                 Object {
                                                                   "index": -1,
-                                                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
+                                                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
                                                                   "value": "America/Denver",
                                                                 },
                                                                 Object {
                                                                   "index": -0,
-                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
                                                                   "value": "America/Los_Angeles",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Indiana (East) (6:00 AM)",
+                                                                  "label": "Indiana (East) (4:00 AM)",
                                                                   "value": "America/Indiana/Indianapolis",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Puerto Rico (6:00 AM)",
+                                                                  "label": "Puerto Rico (4:00 AM)",
                                                                   "value": "America/Puerto_Rico",
                                                                 },
                                                                 Object {
                                                                   "index": 4.2,
-                                                                  "label": "Arizona (3:00 AM)",
+                                                                  "label": "Arizona (1:00 AM)",
                                                                   "value": "America/Phoenix",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Alaska (2:00 AM)",
+                                                                  "label": "Alaska (12:00 AM)",
                                                                   "value": "America/Juneau",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Philippine Standard Time (6:00 PM)",
+                                                                  "label": "Philippine Standard Time (4:00 PM)",
                                                                   "value": "Asia/Manila",
                                                                 },
                                                                 Object {
                                                                   "index": 6,
-                                                                  "label": "Hawaii (12:00 AM)",
+                                                                  "label": "Hawaii (10:00 PM)",
                                                                   "value": "Pacific/Honolulu",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Azores (10:00 AM)",
+                                                                  "label": "Azores (8:00 AM)",
                                                                   "value": "Atlantic/Azores",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Monrovia (10:00 AM)",
+                                                                  "label": "Monrovia (8:00 AM)",
                                                                   "value": "Africa/Monrovia",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "UTC (10:00 AM)",
+                                                                  "label": "UTC (8:00 AM)",
                                                                   "value": "Etc/UTC",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Cape Verde Is. (9:00 AM)",
+                                                                  "label": "Cape Verde Is. (7:00 AM)",
                                                                   "value": "Atlantic/Cape_Verde",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Dublin (11:00 AM)",
+                                                                  "label": "Dublin (9:00 AM)",
                                                                   "value": "Europe/Dublin",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Edinburgh (11:00 AM)",
+                                                                  "label": "Edinburgh (9:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Lisbon (11:00 AM)",
+                                                                  "label": "Lisbon (9:00 AM)",
                                                                   "value": "Europe/Lisbon",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "London (11:00 AM)",
+                                                                  "label": "London (9:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Casablanca (11:00 AM)",
+                                                                  "label": "Casablanca (9:00 AM)",
                                                                   "value": "Africa/Casablanca",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "West Central Africa (11:00 AM)",
+                                                                  "label": "West Central Africa (9:00 AM)",
                                                                   "value": "Africa/Algiers",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Greenland (8:00 AM)",
+                                                                  "label": "Greenland (6:00 AM)",
                                                                   "value": "America/Godthab",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Mid-Atlantic (8:00 AM)",
+                                                                  "label": "Mid-Atlantic (6:00 AM)",
                                                                   "value": "Atlantic/South_Georgia",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Belgrade (12:00 PM)",
+                                                                  "label": "Belgrade (10:00 AM)",
                                                                   "value": "Europe/Belgrade",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bratislava (12:00 PM)",
+                                                                  "label": "Bratislava (10:00 AM)",
                                                                   "value": "Europe/Bratislava",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Budapest (12:00 PM)",
+                                                                  "label": "Budapest (10:00 AM)",
                                                                   "value": "Europe/Budapest",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Ljubljana (12:00 PM)",
+                                                                  "label": "Ljubljana (10:00 AM)",
                                                                   "value": "Europe/Ljubljana",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Prague (12:00 PM)",
+                                                                  "label": "Prague (10:00 AM)",
                                                                   "value": "Europe/Prague",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Sarajevo (12:00 PM)",
+                                                                  "label": "Sarajevo (10:00 AM)",
                                                                   "value": "Europe/Sarajevo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Skopje (12:00 PM)",
+                                                                  "label": "Skopje (10:00 AM)",
                                                                   "value": "Europe/Skopje",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Warsaw (12:00 PM)",
+                                                                  "label": "Warsaw (10:00 AM)",
                                                                   "value": "Europe/Warsaw",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zagreb (12:00 PM)",
+                                                                  "label": "Zagreb (10:00 AM)",
                                                                   "value": "Europe/Zagreb",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Brussels (12:00 PM)",
+                                                                  "label": "Brussels (10:00 AM)",
                                                                   "value": "Europe/Brussels",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Copenhagen (12:00 PM)",
+                                                                  "label": "Copenhagen (10:00 AM)",
                                                                   "value": "Europe/Copenhagen",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Madrid (12:00 PM)",
+                                                                  "label": "Madrid (10:00 AM)",
                                                                   "value": "Europe/Madrid",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Paris (12:00 PM)",
+                                                                  "label": "Paris (10:00 AM)",
                                                                   "value": "Europe/Paris",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Amsterdam (12:00 PM)",
+                                                                  "label": "Amsterdam (10:00 AM)",
                                                                   "value": "Europe/Amsterdam",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Berlin (12:00 PM)",
+                                                                  "label": "Berlin (10:00 AM)",
                                                                   "value": "Europe/Berlin",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bern (12:00 PM)",
+                                                                  "label": "Bern (10:00 AM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zurich (12:00 PM)",
+                                                                  "label": "Zurich (10:00 AM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Rome (12:00 PM)",
+                                                                  "label": "Rome (10:00 AM)",
                                                                   "value": "Europe/Rome",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Stockholm (12:00 PM)",
+                                                                  "label": "Stockholm (10:00 AM)",
                                                                   "value": "Europe/Stockholm",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Vienna (12:00 PM)",
+                                                                  "label": "Vienna (10:00 AM)",
                                                                   "value": "Europe/Vienna",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Cairo (12:00 PM)",
+                                                                  "label": "Cairo (10:00 AM)",
                                                                   "value": "Africa/Cairo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Harare (12:00 PM)",
+                                                                  "label": "Harare (10:00 AM)",
                                                                   "value": "Africa/Harare",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Pretoria (12:00 PM)",
+                                                                  "label": "Pretoria (10:00 AM)",
                                                                   "value": "Africa/Johannesburg",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Kaliningrad (12:00 PM)",
+                                                                  "label": "Kaliningrad (10:00 AM)",
                                                                   "value": "Europe/Kaliningrad",
                                                                 },
                                                                 Object {
                                                                   "index": 250,
-                                                                  "label": "Newfoundland (7:30 AM)",
+                                                                  "label": "Newfoundland (5:30 AM)",
                                                                   "value": "America/St_Johns",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Atlantic Time (Canada) (7:00 AM)",
+                                                                  "label": "Atlantic Time (Canada) (5:00 AM)",
                                                                   "value": "America/Halifax",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Brasilia (7:00 AM)",
+                                                                  "label": "Brasilia (5:00 AM)",
                                                                   "value": "America/Sao_Paulo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Buenos Aires (7:00 AM)",
+                                                                  "label": "Buenos Aires (5:00 AM)",
                                                                   "value": "America/Argentina/Buenos_Aires",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Montevideo (7:00 AM)",
+                                                                  "label": "Montevideo (5:00 AM)",
                                                                   "value": "America/Montevideo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Bucharest (1:00 PM)",
+                                                                  "label": "Bucharest (11:00 AM)",
                                                                   "value": "Europe/Bucharest",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Helsinki (1:00 PM)",
+                                                                  "label": "Helsinki (11:00 AM)",
                                                                   "value": "Europe/Helsinki",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kyiv (1:00 PM)",
+                                                                  "label": "Kyiv (11:00 AM)",
                                                                   "value": "Europe/Kiev",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riga (1:00 PM)",
+                                                                  "label": "Riga (11:00 AM)",
                                                                   "value": "Europe/Riga",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Sofia (1:00 PM)",
+                                                                  "label": "Sofia (11:00 AM)",
                                                                   "value": "Europe/Sofia",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Tallinn (1:00 PM)",
+                                                                  "label": "Tallinn (11:00 AM)",
                                                                   "value": "Europe/Tallinn",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Vilnius (1:00 PM)",
+                                                                  "label": "Vilnius (11:00 AM)",
                                                                   "value": "Europe/Vilnius",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Athens (1:00 PM)",
+                                                                  "label": "Athens (11:00 AM)",
                                                                   "value": "Europe/Athens",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Istanbul (1:00 PM)",
+                                                                  "label": "Istanbul (11:00 AM)",
                                                                   "value": "Europe/Istanbul",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Minsk (1:00 PM)",
+                                                                  "label": "Minsk (11:00 AM)",
                                                                   "value": "Europe/Minsk",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Jerusalem (1:00 PM)",
+                                                                  "label": "Jerusalem (11:00 AM)",
                                                                   "value": "Asia/Jerusalem",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Moscow (1:00 PM)",
+                                                                  "label": "Moscow (11:00 AM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "St. Petersburg (1:00 PM)",
+                                                                  "label": "St. Petersburg (11:00 AM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kuwait (1:00 PM)",
+                                                                  "label": "Kuwait (11:00 AM)",
                                                                   "value": "Asia/Kuwait",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riyadh (1:00 PM)",
+                                                                  "label": "Riyadh (11:00 AM)",
                                                                   "value": "Asia/Riyadh",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Nairobi (1:00 PM)",
+                                                                  "label": "Nairobi (11:00 AM)",
                                                                   "value": "Africa/Nairobi",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Baghdad (1:00 PM)",
+                                                                  "label": "Baghdad (11:00 AM)",
                                                                   "value": "Asia/Baghdad",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Caracas (6:00 AM)",
+                                                                  "label": "Caracas (4:00 AM)",
                                                                   "value": "America/Caracas",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "La Paz (6:00 AM)",
+                                                                  "label": "La Paz (4:00 AM)",
                                                                   "value": "America/La_Paz",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Santiago (6:00 AM)",
+                                                                  "label": "Santiago (4:00 AM)",
                                                                   "value": "America/Santiago",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Georgetown (6:00 AM)",
+                                                                  "label": "Georgetown (4:00 AM)",
                                                                   "value": "America/Guyana",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Volgograd (2:00 PM)",
+                                                                  "label": "Volgograd (12:00 PM)",
                                                                   "value": "Europe/Volgograd",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Samara (2:00 PM)",
+                                                                  "label": "Samara (12:00 PM)",
                                                                   "value": "Europe/Samara",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Abu Dhabi (2:00 PM)",
+                                                                  "label": "Abu Dhabi (12:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Muscat (2:00 PM)",
+                                                                  "label": "Muscat (12:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Baku (2:00 PM)",
+                                                                  "label": "Baku (12:00 PM)",
                                                                   "value": "Asia/Baku",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Tbilisi (2:00 PM)",
+                                                                  "label": "Tbilisi (12:00 PM)",
                                                                   "value": "Asia/Tbilisi",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Yerevan (2:00 PM)",
+                                                                  "label": "Yerevan (12:00 PM)",
                                                                   "value": "Asia/Yerevan",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Tehran (2:30 PM)",
+                                                                  "label": "Tehran (12:30 PM)",
                                                                   "value": "Asia/Tehran",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Kabul (2:30 PM)",
+                                                                  "label": "Kabul (12:30 PM)",
                                                                   "value": "Asia/Kabul",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Guadalajara (5:00 AM)",
+                                                                  "label": "Guadalajara (3:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Mexico City (5:00 AM)",
+                                                                  "label": "Mexico City (3:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Monterrey (5:00 AM)",
+                                                                  "label": "Monterrey (3:00 AM)",
                                                                   "value": "America/Monterrey",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Bogota (5:00 AM)",
+                                                                  "label": "Bogota (3:00 AM)",
                                                                   "value": "America/Bogota",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Lima (5:00 AM)",
+                                                                  "label": "Lima (3:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Quito (5:00 AM)",
+                                                                  "label": "Quito (3:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Ekaterinburg (3:00 PM)",
+                                                                  "label": "Ekaterinburg (1:00 PM)",
                                                                   "value": "Asia/Yekaterinburg",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Islamabad (3:00 PM)",
+                                                                  "label": "Islamabad (1:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Karachi (3:00 PM)",
+                                                                  "label": "Karachi (1:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Tashkent (3:00 PM)",
+                                                                  "label": "Tashkent (1:00 PM)",
                                                                   "value": "Asia/Tashkent",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Chennai (3:30 PM)",
+                                                                  "label": "Chennai (1:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Kolkata (3:30 PM)",
+                                                                  "label": "Kolkata (1:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Mumbai (3:30 PM)",
+                                                                  "label": "Mumbai (1:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "New Delhi (3:30 PM)",
+                                                                  "label": "New Delhi (1:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Sri Jayawardenepura (3:30 PM)",
+                                                                  "label": "Sri Jayawardenepura (1:30 PM)",
                                                                   "value": "Asia/Colombo",
                                                                 },
                                                                 Object {
                                                                   "index": 445,
-                                                                  "label": "Kathmandu (3:45 PM)",
+                                                                  "label": "Kathmandu (1:45 PM)",
                                                                   "value": "Asia/Kathmandu",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Chihuahua (4:00 AM)",
+                                                                  "label": "Chihuahua (2:00 AM)",
                                                                   "value": "America/Chihuahua",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Mazatlan (4:00 AM)",
+                                                                  "label": "Mazatlan (2:00 AM)",
                                                                   "value": "America/Mazatlan",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Saskatchewan (4:00 AM)",
+                                                                  "label": "Saskatchewan (2:00 AM)",
                                                                   "value": "America/Regina",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Central America (4:00 AM)",
+                                                                  "label": "Central America (2:00 AM)",
                                                                   "value": "America/Guatemala",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Astana (4:00 PM)",
+                                                                  "label": "Astana (2:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Dhaka (4:00 PM)",
+                                                                  "label": "Dhaka (2:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Almaty (4:00 PM)",
+                                                                  "label": "Almaty (2:00 PM)",
                                                                   "value": "Asia/Almaty",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Urumqi (4:00 PM)",
+                                                                  "label": "Urumqi (2:00 PM)",
                                                                   "value": "Asia/Urumqi",
                                                                 },
                                                                 Object {
                                                                   "index": 490,
-                                                                  "label": "Rangoon (4:30 PM)",
+                                                                  "label": "Rangoon (2:30 PM)",
                                                                   "value": "Asia/Rangoon",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Tijuana (3:00 AM)",
+                                                                  "label": "Tijuana (1:00 AM)",
                                                                   "value": "America/Tijuana",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Novosibirsk (5:00 PM)",
+                                                                  "label": "Novosibirsk (3:00 PM)",
                                                                   "value": "Asia/Novosibirsk",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Bangkok (5:00 PM)",
+                                                                  "label": "Bangkok (3:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Hanoi (5:00 PM)",
+                                                                  "label": "Hanoi (3:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Jakarta (5:00 PM)",
+                                                                  "label": "Jakarta (3:00 PM)",
                                                                   "value": "Asia/Jakarta",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Krasnoyarsk (5:00 PM)",
+                                                                  "label": "Krasnoyarsk (3:00 PM)",
                                                                   "value": "Asia/Krasnoyarsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Beijing (6:00 PM)",
+                                                                  "label": "Beijing (4:00 PM)",
                                                                   "value": "Asia/Shanghai",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Chongqing (6:00 PM)",
+                                                                  "label": "Chongqing (4:00 PM)",
                                                                   "value": "Asia/Chongqing",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Hong Kong (6:00 PM)",
+                                                                  "label": "Hong Kong (4:00 PM)",
                                                                   "value": "Asia/Hong_Kong",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Kuala Lumpur (6:00 PM)",
+                                                                  "label": "Kuala Lumpur (4:00 PM)",
                                                                   "value": "Asia/Kuala_Lumpur",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Singapore (6:00 PM)",
+                                                                  "label": "Singapore (4:00 PM)",
                                                                   "value": "Asia/Singapore",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Taipei (6:00 PM)",
+                                                                  "label": "Taipei (4:00 PM)",
                                                                   "value": "Asia/Taipei",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Perth (6:00 PM)",
+                                                                  "label": "Perth (4:00 PM)",
                                                                   "value": "Australia/Perth",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Irkutsk (6:00 PM)",
+                                                                  "label": "Irkutsk (4:00 PM)",
                                                                   "value": "Asia/Irkutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Ulaanbaatar (6:00 PM)",
+                                                                  "label": "Ulaanbaatar (4:00 PM)",
                                                                   "value": "Asia/Ulaanbaatar",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Seoul (7:00 PM)",
+                                                                  "label": "Seoul (5:00 PM)",
                                                                   "value": "Asia/Seoul",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Osaka (7:00 PM)",
+                                                                  "label": "Osaka (5:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Sapporo (7:00 PM)",
+                                                                  "label": "Sapporo (5:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Tokyo (7:00 PM)",
+                                                                  "label": "Tokyo (5:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Yakutsk (7:00 PM)",
+                                                                  "label": "Yakutsk (5:00 PM)",
                                                                   "value": "Asia/Yakutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Darwin (7:30 PM)",
+                                                                  "label": "Darwin (5:30 PM)",
                                                                   "value": "Australia/Darwin",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Adelaide (7:30 PM)",
+                                                                  "label": "Adelaide (5:30 PM)",
                                                                   "value": "Australia/Adelaide",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Canberra (8:00 PM)",
+                                                                  "label": "Canberra (6:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Melbourne (8:00 PM)",
+                                                                  "label": "Melbourne (6:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Sydney (8:00 PM)",
+                                                                  "label": "Sydney (6:00 PM)",
                                                                   "value": "Australia/Sydney",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Brisbane (8:00 PM)",
+                                                                  "label": "Brisbane (6:00 PM)",
                                                                   "value": "Australia/Brisbane",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Hobart (8:00 PM)",
+                                                                  "label": "Hobart (6:00 PM)",
                                                                   "value": "Australia/Hobart",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Vladivostok (8:00 PM)",
+                                                                  "label": "Vladivostok (6:00 PM)",
                                                                   "value": "Asia/Vladivostok",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Guam (8:00 PM)",
+                                                                  "label": "Guam (6:00 PM)",
                                                                   "value": "Pacific/Guam",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Port Moresby (8:00 PM)",
+                                                                  "label": "Port Moresby (6:00 PM)",
                                                                   "value": "Pacific/Port_Moresby",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Midway Island (11:00 PM)",
+                                                                  "label": "Midway Island (9:00 PM)",
                                                                   "value": "Pacific/Midway",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "American Samoa (11:00 PM)",
+                                                                  "label": "American Samoa (9:00 PM)",
                                                                   "value": "Pacific/Pago_Pago",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Magadan (9:00 PM)",
+                                                                  "label": "Magadan (7:00 PM)",
                                                                   "value": "Asia/Magadan",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Srednekolymsk (9:00 PM)",
+                                                                  "label": "Srednekolymsk (7:00 PM)",
                                                                   "value": "Asia/Srednekolymsk",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Solomon Is. (9:00 PM)",
+                                                                  "label": "Solomon Is. (7:00 PM)",
                                                                   "value": "Pacific/Guadalcanal",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "New Caledonia (9:00 PM)",
+                                                                  "label": "New Caledonia (7:00 PM)",
                                                                   "value": "Pacific/Noumea",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "International Date Line West (10:00 PM)",
+                                                                  "label": "International Date Line West (8:00 PM)",
                                                                   "value": "Etc/GMT+12",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Fiji (10:00 PM)",
+                                                                  "label": "Fiji (8:00 PM)",
                                                                   "value": "Pacific/Fiji",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Kamchatka (10:00 PM)",
+                                                                  "label": "Kamchatka (8:00 PM)",
                                                                   "value": "Asia/Kamchatka",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Marshall Is. (10:00 PM)",
+                                                                  "label": "Marshall Is. (8:00 PM)",
                                                                   "value": "Pacific/Majuro",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Auckland (10:00 PM)",
+                                                                  "label": "Auckland (8:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Wellington (10:00 PM)",
+                                                                  "label": "Wellington (8:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 865,
-                                                                  "label": "Chatham Is. (10:45 PM)",
+                                                                  "label": "Chatham Is. (8:45 PM)",
                                                                   "value": "Pacific/Chatham",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Nuku'alofa (11:00 PM)",
+                                                                  "label": "Nuku'alofa (9:00 PM)",
                                                                   "value": "Pacific/Tongatapu",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Tokelau Is. (11:00 PM)",
+                                                                  "label": "Tokelau Is. (9:00 PM)",
                                                                   "value": "Pacific/Fakaofo",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Samoa (11:00 PM)",
+                                                                  "label": "Samoa (9:00 PM)",
                                                                   "value": "Pacific/Apia",
                                                                 },
                                                               ],
@@ -304670,11 +294387,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               },
                                                               "tabIndex": "0",
                                                               "tabSelectsValue": true,
-                                                              "value": Object {
-                                                                "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                                "value": "America/Los_Angeles",
-                                                              },
+                                                              "value": null,
                                                             }
                                                           }
                                                           setValue={[Function]}
@@ -304709,33 +294422,29 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                           }
                                                         >
                                                           <EmotionCssPropInternal
-                                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SingleValue"
+                                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Placeholder"
                                                             __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                            className="cf-select__single-value"
+                                                            className="cf-select__placeholder"
                                                             css={
                                                               Object {
                                                                 "boxSizing": "border-box",
-                                                                "color": "hsl(0, 0%, 20%)",
-                                                                "label": "singleValue",
+                                                                "color": "hsl(0, 0%, 50%)",
+                                                                "label": "placeholder",
                                                                 "marginLeft": 2,
                                                                 "marginRight": 2,
-                                                                "maxWidth": "calc(100% - 8px)",
-                                                                "overflow": "hidden",
                                                                 "position": "absolute",
-                                                                "textOverflow": "ellipsis",
                                                                 "top": "50%",
                                                                 "transform": "translateY(-50%)",
-                                                                "whiteSpace": "nowrap",
                                                               }
                                                             }
                                                           >
                                                             <div
-                                                              className="cf-select__single-value css-1uccc91-singleValue"
+                                                              className="cf-select__placeholder css-1wa3eu0-placeholder"
                                                             >
-                                                              Pacific Time (US & Canada) (3:00 AM)
+                                                              Select a timezone
                                                             </div>
                                                           </EmotionCssPropInternal>
-                                                        </SingleValue>
+                                                        </Placeholder>
                                                         <CustomInput
                                                           aria-autocomplete="list"
                                                           autoCapitalize="none"
@@ -304743,7 +294452,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                           autoCorrect="off"
                                                           cx={[Function]}
                                                           getStyles={[Function]}
-                                                          id="representative-tz"
+                                                          id="appellant-tz"
                                                           innerRef={[Function]}
                                                           isDisabled={false}
                                                           isHidden={false}
@@ -304771,7 +294480,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "formatGroupLabel": [Function],
                                                               "getOptionLabel": [Function],
                                                               "getOptionValue": [Function],
-                                                              "inputId": "representative-tz",
+                                                              "inputId": "appellant-tz",
                                                               "inputValue": "",
                                                               "isClearable": undefined,
                                                               "isDisabled": false,
@@ -304789,7 +294498,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "menuShouldBlockScroll": false,
                                                               "menuShouldScrollIntoView": true,
                                                               "minMenuHeight": 140,
-                                                              "name": "representativeTz",
+                                                              "name": "appellantTz",
                                                               "noOptionsMessage": [Function],
                                                               "onBlurResetsInput": false,
                                                               "onChange": [Function],
@@ -304805,762 +294514,762 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                                 },
                                                                 Object {
                                                                   "index": -3,
-                                                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
+                                                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
                                                                   "value": "America/New_York",
                                                                 },
                                                                 Object {
                                                                   "index": -2,
-                                                                  "label": "Central Time (US & Canada) (5:00 AM)",
+                                                                  "label": "Central Time (US & Canada) (3:00 AM)",
                                                                   "value": "America/Chicago",
                                                                 },
                                                                 Object {
                                                                   "index": -1,
-                                                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
+                                                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
                                                                   "value": "America/Denver",
                                                                 },
                                                                 Object {
                                                                   "index": -0,
-                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
                                                                   "value": "America/Los_Angeles",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Indiana (East) (6:00 AM)",
+                                                                  "label": "Indiana (East) (4:00 AM)",
                                                                   "value": "America/Indiana/Indianapolis",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Puerto Rico (6:00 AM)",
+                                                                  "label": "Puerto Rico (4:00 AM)",
                                                                   "value": "America/Puerto_Rico",
                                                                 },
                                                                 Object {
                                                                   "index": 4.2,
-                                                                  "label": "Arizona (3:00 AM)",
+                                                                  "label": "Arizona (1:00 AM)",
                                                                   "value": "America/Phoenix",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Alaska (2:00 AM)",
+                                                                  "label": "Alaska (12:00 AM)",
                                                                   "value": "America/Juneau",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Philippine Standard Time (6:00 PM)",
+                                                                  "label": "Philippine Standard Time (4:00 PM)",
                                                                   "value": "Asia/Manila",
                                                                 },
                                                                 Object {
                                                                   "index": 6,
-                                                                  "label": "Hawaii (12:00 AM)",
+                                                                  "label": "Hawaii (10:00 PM)",
                                                                   "value": "Pacific/Honolulu",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Azores (10:00 AM)",
+                                                                  "label": "Azores (8:00 AM)",
                                                                   "value": "Atlantic/Azores",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Monrovia (10:00 AM)",
+                                                                  "label": "Monrovia (8:00 AM)",
                                                                   "value": "Africa/Monrovia",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "UTC (10:00 AM)",
+                                                                  "label": "UTC (8:00 AM)",
                                                                   "value": "Etc/UTC",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Cape Verde Is. (9:00 AM)",
+                                                                  "label": "Cape Verde Is. (7:00 AM)",
                                                                   "value": "Atlantic/Cape_Verde",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Dublin (11:00 AM)",
+                                                                  "label": "Dublin (9:00 AM)",
                                                                   "value": "Europe/Dublin",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Edinburgh (11:00 AM)",
+                                                                  "label": "Edinburgh (9:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Lisbon (11:00 AM)",
+                                                                  "label": "Lisbon (9:00 AM)",
                                                                   "value": "Europe/Lisbon",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "London (11:00 AM)",
+                                                                  "label": "London (9:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Casablanca (11:00 AM)",
+                                                                  "label": "Casablanca (9:00 AM)",
                                                                   "value": "Africa/Casablanca",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "West Central Africa (11:00 AM)",
+                                                                  "label": "West Central Africa (9:00 AM)",
                                                                   "value": "Africa/Algiers",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Greenland (8:00 AM)",
+                                                                  "label": "Greenland (6:00 AM)",
                                                                   "value": "America/Godthab",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Mid-Atlantic (8:00 AM)",
+                                                                  "label": "Mid-Atlantic (6:00 AM)",
                                                                   "value": "Atlantic/South_Georgia",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Belgrade (12:00 PM)",
+                                                                  "label": "Belgrade (10:00 AM)",
                                                                   "value": "Europe/Belgrade",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bratislava (12:00 PM)",
+                                                                  "label": "Bratislava (10:00 AM)",
                                                                   "value": "Europe/Bratislava",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Budapest (12:00 PM)",
+                                                                  "label": "Budapest (10:00 AM)",
                                                                   "value": "Europe/Budapest",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Ljubljana (12:00 PM)",
+                                                                  "label": "Ljubljana (10:00 AM)",
                                                                   "value": "Europe/Ljubljana",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Prague (12:00 PM)",
+                                                                  "label": "Prague (10:00 AM)",
                                                                   "value": "Europe/Prague",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Sarajevo (12:00 PM)",
+                                                                  "label": "Sarajevo (10:00 AM)",
                                                                   "value": "Europe/Sarajevo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Skopje (12:00 PM)",
+                                                                  "label": "Skopje (10:00 AM)",
                                                                   "value": "Europe/Skopje",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Warsaw (12:00 PM)",
+                                                                  "label": "Warsaw (10:00 AM)",
                                                                   "value": "Europe/Warsaw",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zagreb (12:00 PM)",
+                                                                  "label": "Zagreb (10:00 AM)",
                                                                   "value": "Europe/Zagreb",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Brussels (12:00 PM)",
+                                                                  "label": "Brussels (10:00 AM)",
                                                                   "value": "Europe/Brussels",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Copenhagen (12:00 PM)",
+                                                                  "label": "Copenhagen (10:00 AM)",
                                                                   "value": "Europe/Copenhagen",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Madrid (12:00 PM)",
+                                                                  "label": "Madrid (10:00 AM)",
                                                                   "value": "Europe/Madrid",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Paris (12:00 PM)",
+                                                                  "label": "Paris (10:00 AM)",
                                                                   "value": "Europe/Paris",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Amsterdam (12:00 PM)",
+                                                                  "label": "Amsterdam (10:00 AM)",
                                                                   "value": "Europe/Amsterdam",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Berlin (12:00 PM)",
+                                                                  "label": "Berlin (10:00 AM)",
                                                                   "value": "Europe/Berlin",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bern (12:00 PM)",
+                                                                  "label": "Bern (10:00 AM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zurich (12:00 PM)",
+                                                                  "label": "Zurich (10:00 AM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Rome (12:00 PM)",
+                                                                  "label": "Rome (10:00 AM)",
                                                                   "value": "Europe/Rome",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Stockholm (12:00 PM)",
+                                                                  "label": "Stockholm (10:00 AM)",
                                                                   "value": "Europe/Stockholm",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Vienna (12:00 PM)",
+                                                                  "label": "Vienna (10:00 AM)",
                                                                   "value": "Europe/Vienna",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Cairo (12:00 PM)",
+                                                                  "label": "Cairo (10:00 AM)",
                                                                   "value": "Africa/Cairo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Harare (12:00 PM)",
+                                                                  "label": "Harare (10:00 AM)",
                                                                   "value": "Africa/Harare",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Pretoria (12:00 PM)",
+                                                                  "label": "Pretoria (10:00 AM)",
                                                                   "value": "Africa/Johannesburg",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Kaliningrad (12:00 PM)",
+                                                                  "label": "Kaliningrad (10:00 AM)",
                                                                   "value": "Europe/Kaliningrad",
                                                                 },
                                                                 Object {
                                                                   "index": 250,
-                                                                  "label": "Newfoundland (7:30 AM)",
+                                                                  "label": "Newfoundland (5:30 AM)",
                                                                   "value": "America/St_Johns",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Atlantic Time (Canada) (7:00 AM)",
+                                                                  "label": "Atlantic Time (Canada) (5:00 AM)",
                                                                   "value": "America/Halifax",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Brasilia (7:00 AM)",
+                                                                  "label": "Brasilia (5:00 AM)",
                                                                   "value": "America/Sao_Paulo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Buenos Aires (7:00 AM)",
+                                                                  "label": "Buenos Aires (5:00 AM)",
                                                                   "value": "America/Argentina/Buenos_Aires",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Montevideo (7:00 AM)",
+                                                                  "label": "Montevideo (5:00 AM)",
                                                                   "value": "America/Montevideo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Bucharest (1:00 PM)",
+                                                                  "label": "Bucharest (11:00 AM)",
                                                                   "value": "Europe/Bucharest",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Helsinki (1:00 PM)",
+                                                                  "label": "Helsinki (11:00 AM)",
                                                                   "value": "Europe/Helsinki",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kyiv (1:00 PM)",
+                                                                  "label": "Kyiv (11:00 AM)",
                                                                   "value": "Europe/Kiev",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riga (1:00 PM)",
+                                                                  "label": "Riga (11:00 AM)",
                                                                   "value": "Europe/Riga",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Sofia (1:00 PM)",
+                                                                  "label": "Sofia (11:00 AM)",
                                                                   "value": "Europe/Sofia",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Tallinn (1:00 PM)",
+                                                                  "label": "Tallinn (11:00 AM)",
                                                                   "value": "Europe/Tallinn",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Vilnius (1:00 PM)",
+                                                                  "label": "Vilnius (11:00 AM)",
                                                                   "value": "Europe/Vilnius",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Athens (1:00 PM)",
+                                                                  "label": "Athens (11:00 AM)",
                                                                   "value": "Europe/Athens",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Istanbul (1:00 PM)",
+                                                                  "label": "Istanbul (11:00 AM)",
                                                                   "value": "Europe/Istanbul",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Minsk (1:00 PM)",
+                                                                  "label": "Minsk (11:00 AM)",
                                                                   "value": "Europe/Minsk",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Jerusalem (1:00 PM)",
+                                                                  "label": "Jerusalem (11:00 AM)",
                                                                   "value": "Asia/Jerusalem",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Moscow (1:00 PM)",
+                                                                  "label": "Moscow (11:00 AM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "St. Petersburg (1:00 PM)",
+                                                                  "label": "St. Petersburg (11:00 AM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kuwait (1:00 PM)",
+                                                                  "label": "Kuwait (11:00 AM)",
                                                                   "value": "Asia/Kuwait",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riyadh (1:00 PM)",
+                                                                  "label": "Riyadh (11:00 AM)",
                                                                   "value": "Asia/Riyadh",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Nairobi (1:00 PM)",
+                                                                  "label": "Nairobi (11:00 AM)",
                                                                   "value": "Africa/Nairobi",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Baghdad (1:00 PM)",
+                                                                  "label": "Baghdad (11:00 AM)",
                                                                   "value": "Asia/Baghdad",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Caracas (6:00 AM)",
+                                                                  "label": "Caracas (4:00 AM)",
                                                                   "value": "America/Caracas",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "La Paz (6:00 AM)",
+                                                                  "label": "La Paz (4:00 AM)",
                                                                   "value": "America/La_Paz",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Santiago (6:00 AM)",
+                                                                  "label": "Santiago (4:00 AM)",
                                                                   "value": "America/Santiago",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Georgetown (6:00 AM)",
+                                                                  "label": "Georgetown (4:00 AM)",
                                                                   "value": "America/Guyana",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Volgograd (2:00 PM)",
+                                                                  "label": "Volgograd (12:00 PM)",
                                                                   "value": "Europe/Volgograd",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Samara (2:00 PM)",
+                                                                  "label": "Samara (12:00 PM)",
                                                                   "value": "Europe/Samara",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Abu Dhabi (2:00 PM)",
+                                                                  "label": "Abu Dhabi (12:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Muscat (2:00 PM)",
+                                                                  "label": "Muscat (12:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Baku (2:00 PM)",
+                                                                  "label": "Baku (12:00 PM)",
                                                                   "value": "Asia/Baku",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Tbilisi (2:00 PM)",
+                                                                  "label": "Tbilisi (12:00 PM)",
                                                                   "value": "Asia/Tbilisi",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Yerevan (2:00 PM)",
+                                                                  "label": "Yerevan (12:00 PM)",
                                                                   "value": "Asia/Yerevan",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Tehran (2:30 PM)",
+                                                                  "label": "Tehran (12:30 PM)",
                                                                   "value": "Asia/Tehran",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Kabul (2:30 PM)",
+                                                                  "label": "Kabul (12:30 PM)",
                                                                   "value": "Asia/Kabul",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Guadalajara (5:00 AM)",
+                                                                  "label": "Guadalajara (3:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Mexico City (5:00 AM)",
+                                                                  "label": "Mexico City (3:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Monterrey (5:00 AM)",
+                                                                  "label": "Monterrey (3:00 AM)",
                                                                   "value": "America/Monterrey",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Bogota (5:00 AM)",
+                                                                  "label": "Bogota (3:00 AM)",
                                                                   "value": "America/Bogota",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Lima (5:00 AM)",
+                                                                  "label": "Lima (3:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Quito (5:00 AM)",
+                                                                  "label": "Quito (3:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Ekaterinburg (3:00 PM)",
+                                                                  "label": "Ekaterinburg (1:00 PM)",
                                                                   "value": "Asia/Yekaterinburg",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Islamabad (3:00 PM)",
+                                                                  "label": "Islamabad (1:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Karachi (3:00 PM)",
+                                                                  "label": "Karachi (1:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Tashkent (3:00 PM)",
+                                                                  "label": "Tashkent (1:00 PM)",
                                                                   "value": "Asia/Tashkent",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Chennai (3:30 PM)",
+                                                                  "label": "Chennai (1:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Kolkata (3:30 PM)",
+                                                                  "label": "Kolkata (1:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Mumbai (3:30 PM)",
+                                                                  "label": "Mumbai (1:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "New Delhi (3:30 PM)",
+                                                                  "label": "New Delhi (1:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Sri Jayawardenepura (3:30 PM)",
+                                                                  "label": "Sri Jayawardenepura (1:30 PM)",
                                                                   "value": "Asia/Colombo",
                                                                 },
                                                                 Object {
                                                                   "index": 445,
-                                                                  "label": "Kathmandu (3:45 PM)",
+                                                                  "label": "Kathmandu (1:45 PM)",
                                                                   "value": "Asia/Kathmandu",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Chihuahua (4:00 AM)",
+                                                                  "label": "Chihuahua (2:00 AM)",
                                                                   "value": "America/Chihuahua",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Mazatlan (4:00 AM)",
+                                                                  "label": "Mazatlan (2:00 AM)",
                                                                   "value": "America/Mazatlan",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Saskatchewan (4:00 AM)",
+                                                                  "label": "Saskatchewan (2:00 AM)",
                                                                   "value": "America/Regina",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Central America (4:00 AM)",
+                                                                  "label": "Central America (2:00 AM)",
                                                                   "value": "America/Guatemala",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Astana (4:00 PM)",
+                                                                  "label": "Astana (2:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Dhaka (4:00 PM)",
+                                                                  "label": "Dhaka (2:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Almaty (4:00 PM)",
+                                                                  "label": "Almaty (2:00 PM)",
                                                                   "value": "Asia/Almaty",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Urumqi (4:00 PM)",
+                                                                  "label": "Urumqi (2:00 PM)",
                                                                   "value": "Asia/Urumqi",
                                                                 },
                                                                 Object {
                                                                   "index": 490,
-                                                                  "label": "Rangoon (4:30 PM)",
+                                                                  "label": "Rangoon (2:30 PM)",
                                                                   "value": "Asia/Rangoon",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Tijuana (3:00 AM)",
+                                                                  "label": "Tijuana (1:00 AM)",
                                                                   "value": "America/Tijuana",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Novosibirsk (5:00 PM)",
+                                                                  "label": "Novosibirsk (3:00 PM)",
                                                                   "value": "Asia/Novosibirsk",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Bangkok (5:00 PM)",
+                                                                  "label": "Bangkok (3:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Hanoi (5:00 PM)",
+                                                                  "label": "Hanoi (3:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Jakarta (5:00 PM)",
+                                                                  "label": "Jakarta (3:00 PM)",
                                                                   "value": "Asia/Jakarta",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Krasnoyarsk (5:00 PM)",
+                                                                  "label": "Krasnoyarsk (3:00 PM)",
                                                                   "value": "Asia/Krasnoyarsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Beijing (6:00 PM)",
+                                                                  "label": "Beijing (4:00 PM)",
                                                                   "value": "Asia/Shanghai",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Chongqing (6:00 PM)",
+                                                                  "label": "Chongqing (4:00 PM)",
                                                                   "value": "Asia/Chongqing",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Hong Kong (6:00 PM)",
+                                                                  "label": "Hong Kong (4:00 PM)",
                                                                   "value": "Asia/Hong_Kong",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Kuala Lumpur (6:00 PM)",
+                                                                  "label": "Kuala Lumpur (4:00 PM)",
                                                                   "value": "Asia/Kuala_Lumpur",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Singapore (6:00 PM)",
+                                                                  "label": "Singapore (4:00 PM)",
                                                                   "value": "Asia/Singapore",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Taipei (6:00 PM)",
+                                                                  "label": "Taipei (4:00 PM)",
                                                                   "value": "Asia/Taipei",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Perth (6:00 PM)",
+                                                                  "label": "Perth (4:00 PM)",
                                                                   "value": "Australia/Perth",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Irkutsk (6:00 PM)",
+                                                                  "label": "Irkutsk (4:00 PM)",
                                                                   "value": "Asia/Irkutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Ulaanbaatar (6:00 PM)",
+                                                                  "label": "Ulaanbaatar (4:00 PM)",
                                                                   "value": "Asia/Ulaanbaatar",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Seoul (7:00 PM)",
+                                                                  "label": "Seoul (5:00 PM)",
                                                                   "value": "Asia/Seoul",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Osaka (7:00 PM)",
+                                                                  "label": "Osaka (5:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Sapporo (7:00 PM)",
+                                                                  "label": "Sapporo (5:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Tokyo (7:00 PM)",
+                                                                  "label": "Tokyo (5:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Yakutsk (7:00 PM)",
+                                                                  "label": "Yakutsk (5:00 PM)",
                                                                   "value": "Asia/Yakutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Darwin (7:30 PM)",
+                                                                  "label": "Darwin (5:30 PM)",
                                                                   "value": "Australia/Darwin",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Adelaide (7:30 PM)",
+                                                                  "label": "Adelaide (5:30 PM)",
                                                                   "value": "Australia/Adelaide",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Canberra (8:00 PM)",
+                                                                  "label": "Canberra (6:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Melbourne (8:00 PM)",
+                                                                  "label": "Melbourne (6:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Sydney (8:00 PM)",
+                                                                  "label": "Sydney (6:00 PM)",
                                                                   "value": "Australia/Sydney",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Brisbane (8:00 PM)",
+                                                                  "label": "Brisbane (6:00 PM)",
                                                                   "value": "Australia/Brisbane",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Hobart (8:00 PM)",
+                                                                  "label": "Hobart (6:00 PM)",
                                                                   "value": "Australia/Hobart",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Vladivostok (8:00 PM)",
+                                                                  "label": "Vladivostok (6:00 PM)",
                                                                   "value": "Asia/Vladivostok",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Guam (8:00 PM)",
+                                                                  "label": "Guam (6:00 PM)",
                                                                   "value": "Pacific/Guam",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Port Moresby (8:00 PM)",
+                                                                  "label": "Port Moresby (6:00 PM)",
                                                                   "value": "Pacific/Port_Moresby",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Midway Island (11:00 PM)",
+                                                                  "label": "Midway Island (9:00 PM)",
                                                                   "value": "Pacific/Midway",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "American Samoa (11:00 PM)",
+                                                                  "label": "American Samoa (9:00 PM)",
                                                                   "value": "Pacific/Pago_Pago",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Magadan (9:00 PM)",
+                                                                  "label": "Magadan (7:00 PM)",
                                                                   "value": "Asia/Magadan",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Srednekolymsk (9:00 PM)",
+                                                                  "label": "Srednekolymsk (7:00 PM)",
                                                                   "value": "Asia/Srednekolymsk",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Solomon Is. (9:00 PM)",
+                                                                  "label": "Solomon Is. (7:00 PM)",
                                                                   "value": "Pacific/Guadalcanal",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "New Caledonia (9:00 PM)",
+                                                                  "label": "New Caledonia (7:00 PM)",
                                                                   "value": "Pacific/Noumea",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "International Date Line West (10:00 PM)",
+                                                                  "label": "International Date Line West (8:00 PM)",
                                                                   "value": "Etc/GMT+12",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Fiji (10:00 PM)",
+                                                                  "label": "Fiji (8:00 PM)",
                                                                   "value": "Pacific/Fiji",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Kamchatka (10:00 PM)",
+                                                                  "label": "Kamchatka (8:00 PM)",
                                                                   "value": "Asia/Kamchatka",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Marshall Is. (10:00 PM)",
+                                                                  "label": "Marshall Is. (8:00 PM)",
                                                                   "value": "Pacific/Majuro",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Auckland (10:00 PM)",
+                                                                  "label": "Auckland (8:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Wellington (10:00 PM)",
+                                                                  "label": "Wellington (8:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 865,
-                                                                  "label": "Chatham Is. (10:45 PM)",
+                                                                  "label": "Chatham Is. (8:45 PM)",
                                                                   "value": "Pacific/Chatham",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Nuku'alofa (11:00 PM)",
+                                                                  "label": "Nuku'alofa (9:00 PM)",
                                                                   "value": "Pacific/Tongatapu",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Tokelau Is. (11:00 PM)",
+                                                                  "label": "Tokelau Is. (9:00 PM)",
                                                                   "value": "Pacific/Fakaofo",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Samoa (11:00 PM)",
+                                                                  "label": "Samoa (9:00 PM)",
                                                                   "value": "Pacific/Apia",
                                                                 },
                                                               ],
@@ -305574,11 +295283,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               },
                                                               "tabIndex": "0",
                                                               "tabSelectsValue": true,
-                                                              "value": Object {
-                                                                "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                                "value": "America/Los_Angeles",
-                                                              },
+                                                              "value": null,
                                                             }
                                                           }
                                                           spellCheck="false"
@@ -305619,14 +295324,14 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                             aria-autocomplete="list"
                                                             aria-expanded={false}
                                                             aria-haspopup={true}
-                                                            aria-labelledby="representative-tz-label"
-                                                            aria-owns="representative-tz-listbox"
+                                                            aria-labelledby="appellant-tz-label"
+                                                            aria-owns="appellant-tz-listbox"
                                                             autoCapitalize="none"
                                                             autoComplete="off"
                                                             autoCorrect="off"
                                                             cx={[Function]}
                                                             getStyles={[Function]}
-                                                            id="representative-tz"
+                                                            id="appellant-tz"
                                                             innerRef={[Function]}
                                                             isDisabled={false}
                                                             isHidden={false}
@@ -305655,7 +295360,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                                 "formatGroupLabel": [Function],
                                                                 "getOptionLabel": [Function],
                                                                 "getOptionValue": [Function],
-                                                                "inputId": "representative-tz",
+                                                                "inputId": "appellant-tz",
                                                                 "inputValue": "",
                                                                 "isClearable": undefined,
                                                                 "isDisabled": false,
@@ -305673,7 +295378,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                                 "menuShouldBlockScroll": false,
                                                                 "menuShouldScrollIntoView": true,
                                                                 "minMenuHeight": 140,
-                                                                "name": "representativeTz",
+                                                                "name": "appellantTz",
                                                                 "noOptionsMessage": [Function],
                                                                 "onBlurResetsInput": false,
                                                                 "onChange": [Function],
@@ -305689,762 +295394,762 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                                   },
                                                                   Object {
                                                                     "index": -3,
-                                                                    "label": "Eastern Time (US & Canada) (6:00 AM)",
+                                                                    "label": "Eastern Time (US & Canada) (4:00 AM)",
                                                                     "value": "America/New_York",
                                                                   },
                                                                   Object {
                                                                     "index": -2,
-                                                                    "label": "Central Time (US & Canada) (5:00 AM)",
+                                                                    "label": "Central Time (US & Canada) (3:00 AM)",
                                                                     "value": "America/Chicago",
                                                                   },
                                                                   Object {
                                                                     "index": -1,
-                                                                    "label": "Mountain Time (US & Canada) (4:00 AM)",
+                                                                    "label": "Mountain Time (US & Canada) (2:00 AM)",
                                                                     "value": "America/Denver",
                                                                   },
                                                                   Object {
                                                                     "index": -0,
-                                                                    "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                                    "label": "Pacific Time (US & Canada) (1:00 AM)",
                                                                     "value": "America/Los_Angeles",
                                                                   },
                                                                   Object {
                                                                     "index": 2.4,
-                                                                    "label": "Indiana (East) (6:00 AM)",
+                                                                    "label": "Indiana (East) (4:00 AM)",
                                                                     "value": "America/Indiana/Indianapolis",
                                                                   },
                                                                   Object {
                                                                     "index": 2.4,
-                                                                    "label": "Puerto Rico (6:00 AM)",
+                                                                    "label": "Puerto Rico (4:00 AM)",
                                                                     "value": "America/Puerto_Rico",
                                                                   },
                                                                   Object {
                                                                     "index": 4.2,
-                                                                    "label": "Arizona (3:00 AM)",
+                                                                    "label": "Arizona (1:00 AM)",
                                                                     "value": "America/Phoenix",
                                                                   },
                                                                   Object {
                                                                     "index": 4.8,
-                                                                    "label": "Alaska (2:00 AM)",
+                                                                    "label": "Alaska (12:00 AM)",
                                                                     "value": "America/Juneau",
                                                                   },
                                                                   Object {
                                                                     "index": 4.8,
-                                                                    "label": "Philippine Standard Time (6:00 PM)",
+                                                                    "label": "Philippine Standard Time (4:00 PM)",
                                                                     "value": "Asia/Manila",
                                                                   },
                                                                   Object {
                                                                     "index": 6,
-                                                                    "label": "Hawaii (12:00 AM)",
+                                                                    "label": "Hawaii (10:00 PM)",
                                                                     "value": "Pacific/Honolulu",
                                                                   },
                                                                   Object {
                                                                     "index": 100,
-                                                                    "label": "Azores (10:00 AM)",
+                                                                    "label": "Azores (8:00 AM)",
                                                                     "value": "Atlantic/Azores",
                                                                   },
                                                                   Object {
                                                                     "index": 100,
-                                                                    "label": "Monrovia (10:00 AM)",
+                                                                    "label": "Monrovia (8:00 AM)",
                                                                     "value": "Africa/Monrovia",
                                                                   },
                                                                   Object {
                                                                     "index": 100,
-                                                                    "label": "UTC (10:00 AM)",
+                                                                    "label": "UTC (8:00 AM)",
                                                                     "value": "Etc/UTC",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "Cape Verde Is. (9:00 AM)",
+                                                                    "label": "Cape Verde Is. (7:00 AM)",
                                                                     "value": "Atlantic/Cape_Verde",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "Dublin (11:00 AM)",
+                                                                    "label": "Dublin (9:00 AM)",
                                                                     "value": "Europe/Dublin",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "Edinburgh (11:00 AM)",
+                                                                    "label": "Edinburgh (9:00 AM)",
                                                                     "value": "Europe/London",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "Lisbon (11:00 AM)",
+                                                                    "label": "Lisbon (9:00 AM)",
                                                                     "value": "Europe/Lisbon",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "London (11:00 AM)",
+                                                                    "label": "London (9:00 AM)",
                                                                     "value": "Europe/London",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "Casablanca (11:00 AM)",
+                                                                    "label": "Casablanca (9:00 AM)",
                                                                     "value": "Africa/Casablanca",
                                                                   },
                                                                   Object {
                                                                     "index": 160,
-                                                                    "label": "West Central Africa (11:00 AM)",
+                                                                    "label": "West Central Africa (9:00 AM)",
                                                                     "value": "Africa/Algiers",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Greenland (8:00 AM)",
+                                                                    "label": "Greenland (6:00 AM)",
                                                                     "value": "America/Godthab",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Mid-Atlantic (8:00 AM)",
+                                                                    "label": "Mid-Atlantic (6:00 AM)",
                                                                     "value": "Atlantic/South_Georgia",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Belgrade (12:00 PM)",
+                                                                    "label": "Belgrade (10:00 AM)",
                                                                     "value": "Europe/Belgrade",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Bratislava (12:00 PM)",
+                                                                    "label": "Bratislava (10:00 AM)",
                                                                     "value": "Europe/Bratislava",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Budapest (12:00 PM)",
+                                                                    "label": "Budapest (10:00 AM)",
                                                                     "value": "Europe/Budapest",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Ljubljana (12:00 PM)",
+                                                                    "label": "Ljubljana (10:00 AM)",
                                                                     "value": "Europe/Ljubljana",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Prague (12:00 PM)",
+                                                                    "label": "Prague (10:00 AM)",
                                                                     "value": "Europe/Prague",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Sarajevo (12:00 PM)",
+                                                                    "label": "Sarajevo (10:00 AM)",
                                                                     "value": "Europe/Sarajevo",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Skopje (12:00 PM)",
+                                                                    "label": "Skopje (10:00 AM)",
                                                                     "value": "Europe/Skopje",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Warsaw (12:00 PM)",
+                                                                    "label": "Warsaw (10:00 AM)",
                                                                     "value": "Europe/Warsaw",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Zagreb (12:00 PM)",
+                                                                    "label": "Zagreb (10:00 AM)",
                                                                     "value": "Europe/Zagreb",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Brussels (12:00 PM)",
+                                                                    "label": "Brussels (10:00 AM)",
                                                                     "value": "Europe/Brussels",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Copenhagen (12:00 PM)",
+                                                                    "label": "Copenhagen (10:00 AM)",
                                                                     "value": "Europe/Copenhagen",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Madrid (12:00 PM)",
+                                                                    "label": "Madrid (10:00 AM)",
                                                                     "value": "Europe/Madrid",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Paris (12:00 PM)",
+                                                                    "label": "Paris (10:00 AM)",
                                                                     "value": "Europe/Paris",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Amsterdam (12:00 PM)",
+                                                                    "label": "Amsterdam (10:00 AM)",
                                                                     "value": "Europe/Amsterdam",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Berlin (12:00 PM)",
+                                                                    "label": "Berlin (10:00 AM)",
                                                                     "value": "Europe/Berlin",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Bern (12:00 PM)",
+                                                                    "label": "Bern (10:00 AM)",
                                                                     "value": "Europe/Zurich",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Zurich (12:00 PM)",
+                                                                    "label": "Zurich (10:00 AM)",
                                                                     "value": "Europe/Zurich",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Rome (12:00 PM)",
+                                                                    "label": "Rome (10:00 AM)",
                                                                     "value": "Europe/Rome",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Stockholm (12:00 PM)",
+                                                                    "label": "Stockholm (10:00 AM)",
                                                                     "value": "Europe/Stockholm",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Vienna (12:00 PM)",
+                                                                    "label": "Vienna (10:00 AM)",
                                                                     "value": "Europe/Vienna",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Cairo (12:00 PM)",
+                                                                    "label": "Cairo (10:00 AM)",
                                                                     "value": "Africa/Cairo",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Harare (12:00 PM)",
+                                                                    "label": "Harare (10:00 AM)",
                                                                     "value": "Africa/Harare",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Pretoria (12:00 PM)",
+                                                                    "label": "Pretoria (10:00 AM)",
                                                                     "value": "Africa/Johannesburg",
                                                                   },
                                                                   Object {
                                                                     "index": 220,
-                                                                    "label": "Kaliningrad (12:00 PM)",
+                                                                    "label": "Kaliningrad (10:00 AM)",
                                                                     "value": "Europe/Kaliningrad",
                                                                   },
                                                                   Object {
                                                                     "index": 250,
-                                                                    "label": "Newfoundland (7:30 AM)",
+                                                                    "label": "Newfoundland (5:30 AM)",
                                                                     "value": "America/St_Johns",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Atlantic Time (Canada) (7:00 AM)",
+                                                                    "label": "Atlantic Time (Canada) (5:00 AM)",
                                                                     "value": "America/Halifax",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Brasilia (7:00 AM)",
+                                                                    "label": "Brasilia (5:00 AM)",
                                                                     "value": "America/Sao_Paulo",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Buenos Aires (7:00 AM)",
+                                                                    "label": "Buenos Aires (5:00 AM)",
                                                                     "value": "America/Argentina/Buenos_Aires",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Montevideo (7:00 AM)",
+                                                                    "label": "Montevideo (5:00 AM)",
                                                                     "value": "America/Montevideo",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Bucharest (1:00 PM)",
+                                                                    "label": "Bucharest (11:00 AM)",
                                                                     "value": "Europe/Bucharest",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Helsinki (1:00 PM)",
+                                                                    "label": "Helsinki (11:00 AM)",
                                                                     "value": "Europe/Helsinki",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Kyiv (1:00 PM)",
+                                                                    "label": "Kyiv (11:00 AM)",
                                                                     "value": "Europe/Kiev",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Riga (1:00 PM)",
+                                                                    "label": "Riga (11:00 AM)",
                                                                     "value": "Europe/Riga",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Sofia (1:00 PM)",
+                                                                    "label": "Sofia (11:00 AM)",
                                                                     "value": "Europe/Sofia",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Tallinn (1:00 PM)",
+                                                                    "label": "Tallinn (11:00 AM)",
                                                                     "value": "Europe/Tallinn",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Vilnius (1:00 PM)",
+                                                                    "label": "Vilnius (11:00 AM)",
                                                                     "value": "Europe/Vilnius",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Athens (1:00 PM)",
+                                                                    "label": "Athens (11:00 AM)",
                                                                     "value": "Europe/Athens",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Istanbul (1:00 PM)",
+                                                                    "label": "Istanbul (11:00 AM)",
                                                                     "value": "Europe/Istanbul",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Minsk (1:00 PM)",
+                                                                    "label": "Minsk (11:00 AM)",
                                                                     "value": "Europe/Minsk",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Jerusalem (1:00 PM)",
+                                                                    "label": "Jerusalem (11:00 AM)",
                                                                     "value": "Asia/Jerusalem",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Moscow (1:00 PM)",
+                                                                    "label": "Moscow (11:00 AM)",
                                                                     "value": "Europe/Moscow",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "St. Petersburg (1:00 PM)",
+                                                                    "label": "St. Petersburg (11:00 AM)",
                                                                     "value": "Europe/Moscow",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Kuwait (1:00 PM)",
+                                                                    "label": "Kuwait (11:00 AM)",
                                                                     "value": "Asia/Kuwait",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Riyadh (1:00 PM)",
+                                                                    "label": "Riyadh (11:00 AM)",
                                                                     "value": "Asia/Riyadh",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Nairobi (1:00 PM)",
+                                                                    "label": "Nairobi (11:00 AM)",
                                                                     "value": "Africa/Nairobi",
                                                                   },
                                                                   Object {
                                                                     "index": 280,
-                                                                    "label": "Baghdad (1:00 PM)",
+                                                                    "label": "Baghdad (11:00 AM)",
                                                                     "value": "Asia/Baghdad",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Caracas (6:00 AM)",
+                                                                    "label": "Caracas (4:00 AM)",
                                                                     "value": "America/Caracas",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "La Paz (6:00 AM)",
+                                                                    "label": "La Paz (4:00 AM)",
                                                                     "value": "America/La_Paz",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Santiago (6:00 AM)",
+                                                                    "label": "Santiago (4:00 AM)",
                                                                     "value": "America/Santiago",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Georgetown (6:00 AM)",
+                                                                    "label": "Georgetown (4:00 AM)",
                                                                     "value": "America/Guyana",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Volgograd (2:00 PM)",
+                                                                    "label": "Volgograd (12:00 PM)",
                                                                     "value": "Europe/Volgograd",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Samara (2:00 PM)",
+                                                                    "label": "Samara (12:00 PM)",
                                                                     "value": "Europe/Samara",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Abu Dhabi (2:00 PM)",
+                                                                    "label": "Abu Dhabi (12:00 PM)",
                                                                     "value": "Asia/Muscat",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Muscat (2:00 PM)",
+                                                                    "label": "Muscat (12:00 PM)",
                                                                     "value": "Asia/Muscat",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Baku (2:00 PM)",
+                                                                    "label": "Baku (12:00 PM)",
                                                                     "value": "Asia/Baku",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Tbilisi (2:00 PM)",
+                                                                    "label": "Tbilisi (12:00 PM)",
                                                                     "value": "Asia/Tbilisi",
                                                                   },
                                                                   Object {
                                                                     "index": 340,
-                                                                    "label": "Yerevan (2:00 PM)",
+                                                                    "label": "Yerevan (12:00 PM)",
                                                                     "value": "Asia/Yerevan",
                                                                   },
                                                                   Object {
                                                                     "index": 370,
-                                                                    "label": "Tehran (2:30 PM)",
+                                                                    "label": "Tehran (12:30 PM)",
                                                                     "value": "Asia/Tehran",
                                                                   },
                                                                   Object {
                                                                     "index": 370,
-                                                                    "label": "Kabul (2:30 PM)",
+                                                                    "label": "Kabul (12:30 PM)",
                                                                     "value": "Asia/Kabul",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Guadalajara (5:00 AM)",
+                                                                    "label": "Guadalajara (3:00 AM)",
                                                                     "value": "America/Mexico_City",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Mexico City (5:00 AM)",
+                                                                    "label": "Mexico City (3:00 AM)",
                                                                     "value": "America/Mexico_City",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Monterrey (5:00 AM)",
+                                                                    "label": "Monterrey (3:00 AM)",
                                                                     "value": "America/Monterrey",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Bogota (5:00 AM)",
+                                                                    "label": "Bogota (3:00 AM)",
                                                                     "value": "America/Bogota",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Lima (5:00 AM)",
+                                                                    "label": "Lima (3:00 AM)",
                                                                     "value": "America/Lima",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Quito (5:00 AM)",
+                                                                    "label": "Quito (3:00 AM)",
                                                                     "value": "America/Lima",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Ekaterinburg (3:00 PM)",
+                                                                    "label": "Ekaterinburg (1:00 PM)",
                                                                     "value": "Asia/Yekaterinburg",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Islamabad (3:00 PM)",
+                                                                    "label": "Islamabad (1:00 PM)",
                                                                     "value": "Asia/Karachi",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Karachi (3:00 PM)",
+                                                                    "label": "Karachi (1:00 PM)",
                                                                     "value": "Asia/Karachi",
                                                                   },
                                                                   Object {
                                                                     "index": 400,
-                                                                    "label": "Tashkent (3:00 PM)",
+                                                                    "label": "Tashkent (1:00 PM)",
                                                                     "value": "Asia/Tashkent",
                                                                   },
                                                                   Object {
                                                                     "index": 430,
-                                                                    "label": "Chennai (3:30 PM)",
+                                                                    "label": "Chennai (1:30 PM)",
                                                                     "value": "Asia/Kolkata",
                                                                   },
                                                                   Object {
                                                                     "index": 430,
-                                                                    "label": "Kolkata (3:30 PM)",
+                                                                    "label": "Kolkata (1:30 PM)",
                                                                     "value": "Asia/Kolkata",
                                                                   },
                                                                   Object {
                                                                     "index": 430,
-                                                                    "label": "Mumbai (3:30 PM)",
+                                                                    "label": "Mumbai (1:30 PM)",
                                                                     "value": "Asia/Kolkata",
                                                                   },
                                                                   Object {
                                                                     "index": 430,
-                                                                    "label": "New Delhi (3:30 PM)",
+                                                                    "label": "New Delhi (1:30 PM)",
                                                                     "value": "Asia/Kolkata",
                                                                   },
                                                                   Object {
                                                                     "index": 430,
-                                                                    "label": "Sri Jayawardenepura (3:30 PM)",
+                                                                    "label": "Sri Jayawardenepura (1:30 PM)",
                                                                     "value": "Asia/Colombo",
                                                                   },
                                                                   Object {
                                                                     "index": 445,
-                                                                    "label": "Kathmandu (3:45 PM)",
+                                                                    "label": "Kathmandu (1:45 PM)",
                                                                     "value": "Asia/Kathmandu",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Chihuahua (4:00 AM)",
+                                                                    "label": "Chihuahua (2:00 AM)",
                                                                     "value": "America/Chihuahua",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Mazatlan (4:00 AM)",
+                                                                    "label": "Mazatlan (2:00 AM)",
                                                                     "value": "America/Mazatlan",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Saskatchewan (4:00 AM)",
+                                                                    "label": "Saskatchewan (2:00 AM)",
                                                                     "value": "America/Regina",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Central America (4:00 AM)",
+                                                                    "label": "Central America (2:00 AM)",
                                                                     "value": "America/Guatemala",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Astana (4:00 PM)",
+                                                                    "label": "Astana (2:00 PM)",
                                                                     "value": "Asia/Dhaka",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Dhaka (4:00 PM)",
+                                                                    "label": "Dhaka (2:00 PM)",
                                                                     "value": "Asia/Dhaka",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Almaty (4:00 PM)",
+                                                                    "label": "Almaty (2:00 PM)",
                                                                     "value": "Asia/Almaty",
                                                                   },
                                                                   Object {
                                                                     "index": 460,
-                                                                    "label": "Urumqi (4:00 PM)",
+                                                                    "label": "Urumqi (2:00 PM)",
                                                                     "value": "Asia/Urumqi",
                                                                   },
                                                                   Object {
                                                                     "index": 490,
-                                                                    "label": "Rangoon (4:30 PM)",
+                                                                    "label": "Rangoon (2:30 PM)",
                                                                     "value": "Asia/Rangoon",
                                                                   },
                                                                   Object {
                                                                     "index": 520,
-                                                                    "label": "Tijuana (3:00 AM)",
+                                                                    "label": "Tijuana (1:00 AM)",
                                                                     "value": "America/Tijuana",
                                                                   },
                                                                   Object {
                                                                     "index": 520,
-                                                                    "label": "Novosibirsk (5:00 PM)",
+                                                                    "label": "Novosibirsk (3:00 PM)",
                                                                     "value": "Asia/Novosibirsk",
                                                                   },
                                                                   Object {
                                                                     "index": 520,
-                                                                    "label": "Bangkok (5:00 PM)",
+                                                                    "label": "Bangkok (3:00 PM)",
                                                                     "value": "Asia/Bangkok",
                                                                   },
                                                                   Object {
                                                                     "index": 520,
-                                                                    "label": "Hanoi (5:00 PM)",
+                                                                    "label": "Hanoi (3:00 PM)",
                                                                     "value": "Asia/Bangkok",
                                                                   },
                                                                   Object {
                                                                     "index": 520,
-                                                                    "label": "Jakarta (5:00 PM)",
+                                                                    "label": "Jakarta (3:00 PM)",
                                                                     "value": "Asia/Jakarta",
                                                                   },
                                                                   Object {
                                                                     "index": 520,
-                                                                    "label": "Krasnoyarsk (5:00 PM)",
+                                                                    "label": "Krasnoyarsk (3:00 PM)",
                                                                     "value": "Asia/Krasnoyarsk",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Beijing (6:00 PM)",
+                                                                    "label": "Beijing (4:00 PM)",
                                                                     "value": "Asia/Shanghai",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Chongqing (6:00 PM)",
+                                                                    "label": "Chongqing (4:00 PM)",
                                                                     "value": "Asia/Chongqing",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Hong Kong (6:00 PM)",
+                                                                    "label": "Hong Kong (4:00 PM)",
                                                                     "value": "Asia/Hong_Kong",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Kuala Lumpur (6:00 PM)",
+                                                                    "label": "Kuala Lumpur (4:00 PM)",
                                                                     "value": "Asia/Kuala_Lumpur",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Singapore (6:00 PM)",
+                                                                    "label": "Singapore (4:00 PM)",
                                                                     "value": "Asia/Singapore",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Taipei (6:00 PM)",
+                                                                    "label": "Taipei (4:00 PM)",
                                                                     "value": "Asia/Taipei",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Perth (6:00 PM)",
+                                                                    "label": "Perth (4:00 PM)",
                                                                     "value": "Australia/Perth",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Irkutsk (6:00 PM)",
+                                                                    "label": "Irkutsk (4:00 PM)",
                                                                     "value": "Asia/Irkutsk",
                                                                   },
                                                                   Object {
                                                                     "index": 580,
-                                                                    "label": "Ulaanbaatar (6:00 PM)",
+                                                                    "label": "Ulaanbaatar (4:00 PM)",
                                                                     "value": "Asia/Ulaanbaatar",
                                                                   },
                                                                   Object {
                                                                     "index": 640,
-                                                                    "label": "Seoul (7:00 PM)",
+                                                                    "label": "Seoul (5:00 PM)",
                                                                     "value": "Asia/Seoul",
                                                                   },
                                                                   Object {
                                                                     "index": 640,
-                                                                    "label": "Osaka (7:00 PM)",
+                                                                    "label": "Osaka (5:00 PM)",
                                                                     "value": "Asia/Tokyo",
                                                                   },
                                                                   Object {
                                                                     "index": 640,
-                                                                    "label": "Sapporo (7:00 PM)",
+                                                                    "label": "Sapporo (5:00 PM)",
                                                                     "value": "Asia/Tokyo",
                                                                   },
                                                                   Object {
                                                                     "index": 640,
-                                                                    "label": "Tokyo (7:00 PM)",
+                                                                    "label": "Tokyo (5:00 PM)",
                                                                     "value": "Asia/Tokyo",
                                                                   },
                                                                   Object {
                                                                     "index": 640,
-                                                                    "label": "Yakutsk (7:00 PM)",
+                                                                    "label": "Yakutsk (5:00 PM)",
                                                                     "value": "Asia/Yakutsk",
                                                                   },
                                                                   Object {
                                                                     "index": 670,
-                                                                    "label": "Darwin (7:30 PM)",
+                                                                    "label": "Darwin (5:30 PM)",
                                                                     "value": "Australia/Darwin",
                                                                   },
                                                                   Object {
                                                                     "index": 670,
-                                                                    "label": "Adelaide (7:30 PM)",
+                                                                    "label": "Adelaide (5:30 PM)",
                                                                     "value": "Australia/Adelaide",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Canberra (8:00 PM)",
+                                                                    "label": "Canberra (6:00 PM)",
                                                                     "value": "Australia/Melbourne",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Melbourne (8:00 PM)",
+                                                                    "label": "Melbourne (6:00 PM)",
                                                                     "value": "Australia/Melbourne",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Sydney (8:00 PM)",
+                                                                    "label": "Sydney (6:00 PM)",
                                                                     "value": "Australia/Sydney",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Brisbane (8:00 PM)",
+                                                                    "label": "Brisbane (6:00 PM)",
                                                                     "value": "Australia/Brisbane",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Hobart (8:00 PM)",
+                                                                    "label": "Hobart (6:00 PM)",
                                                                     "value": "Australia/Hobart",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Vladivostok (8:00 PM)",
+                                                                    "label": "Vladivostok (6:00 PM)",
                                                                     "value": "Asia/Vladivostok",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Guam (8:00 PM)",
+                                                                    "label": "Guam (6:00 PM)",
                                                                     "value": "Pacific/Guam",
                                                                   },
                                                                   Object {
                                                                     "index": 700,
-                                                                    "label": "Port Moresby (8:00 PM)",
+                                                                    "label": "Port Moresby (6:00 PM)",
                                                                     "value": "Pacific/Port_Moresby",
                                                                   },
                                                                   Object {
                                                                     "index": 760,
-                                                                    "label": "Midway Island (11:00 PM)",
+                                                                    "label": "Midway Island (9:00 PM)",
                                                                     "value": "Pacific/Midway",
                                                                   },
                                                                   Object {
                                                                     "index": 760,
-                                                                    "label": "American Samoa (11:00 PM)",
+                                                                    "label": "American Samoa (9:00 PM)",
                                                                     "value": "Pacific/Pago_Pago",
                                                                   },
                                                                   Object {
                                                                     "index": 760,
-                                                                    "label": "Magadan (9:00 PM)",
+                                                                    "label": "Magadan (7:00 PM)",
                                                                     "value": "Asia/Magadan",
                                                                   },
                                                                   Object {
                                                                     "index": 760,
-                                                                    "label": "Srednekolymsk (9:00 PM)",
+                                                                    "label": "Srednekolymsk (7:00 PM)",
                                                                     "value": "Asia/Srednekolymsk",
                                                                   },
                                                                   Object {
                                                                     "index": 760,
-                                                                    "label": "Solomon Is. (9:00 PM)",
+                                                                    "label": "Solomon Is. (7:00 PM)",
                                                                     "value": "Pacific/Guadalcanal",
                                                                   },
                                                                   Object {
                                                                     "index": 760,
-                                                                    "label": "New Caledonia (9:00 PM)",
+                                                                    "label": "New Caledonia (7:00 PM)",
                                                                     "value": "Pacific/Noumea",
                                                                   },
                                                                   Object {
                                                                     "index": 820,
-                                                                    "label": "International Date Line West (10:00 PM)",
+                                                                    "label": "International Date Line West (8:00 PM)",
                                                                     "value": "Etc/GMT+12",
                                                                   },
                                                                   Object {
                                                                     "index": 820,
-                                                                    "label": "Fiji (10:00 PM)",
+                                                                    "label": "Fiji (8:00 PM)",
                                                                     "value": "Pacific/Fiji",
                                                                   },
                                                                   Object {
                                                                     "index": 820,
-                                                                    "label": "Kamchatka (10:00 PM)",
+                                                                    "label": "Kamchatka (8:00 PM)",
                                                                     "value": "Asia/Kamchatka",
                                                                   },
                                                                   Object {
                                                                     "index": 820,
-                                                                    "label": "Marshall Is. (10:00 PM)",
+                                                                    "label": "Marshall Is. (8:00 PM)",
                                                                     "value": "Pacific/Majuro",
                                                                   },
                                                                   Object {
                                                                     "index": 820,
-                                                                    "label": "Auckland (10:00 PM)",
+                                                                    "label": "Auckland (8:00 PM)",
                                                                     "value": "Pacific/Auckland",
                                                                   },
                                                                   Object {
                                                                     "index": 820,
-                                                                    "label": "Wellington (10:00 PM)",
+                                                                    "label": "Wellington (8:00 PM)",
                                                                     "value": "Pacific/Auckland",
                                                                   },
                                                                   Object {
                                                                     "index": 865,
-                                                                    "label": "Chatham Is. (10:45 PM)",
+                                                                    "label": "Chatham Is. (8:45 PM)",
                                                                     "value": "Pacific/Chatham",
                                                                   },
                                                                   Object {
                                                                     "index": 880,
-                                                                    "label": "Nuku'alofa (11:00 PM)",
+                                                                    "label": "Nuku'alofa (9:00 PM)",
                                                                     "value": "Pacific/Tongatapu",
                                                                   },
                                                                   Object {
                                                                     "index": 880,
-                                                                    "label": "Tokelau Is. (11:00 PM)",
+                                                                    "label": "Tokelau Is. (9:00 PM)",
                                                                     "value": "Pacific/Fakaofo",
                                                                   },
                                                                   Object {
                                                                     "index": 880,
-                                                                    "label": "Samoa (11:00 PM)",
+                                                                    "label": "Samoa (9:00 PM)",
                                                                     "value": "Pacific/Apia",
                                                                   },
                                                                 ],
@@ -306458,11 +296163,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                                 },
                                                                 "tabIndex": "0",
                                                                 "tabSelectsValue": true,
-                                                                "value": Object {
-                                                                  "index": -0,
-                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                                  "value": "America/Los_Angeles",
-                                                                },
+                                                                "value": null,
                                                               }
                                                             }
                                                             spellCheck="false"
@@ -306515,14 +296216,14 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                                   aria-autocomplete="list"
                                                                   aria-expanded={false}
                                                                   aria-haspopup={true}
-                                                                  aria-labelledby="representative-tz-label"
-                                                                  aria-owns="representative-tz-listbox"
+                                                                  aria-labelledby="appellant-tz-label"
+                                                                  aria-owns="appellant-tz-listbox"
                                                                   autoCapitalize="none"
                                                                   autoComplete="off"
                                                                   autoCorrect="off"
                                                                   className="cf-select__input"
                                                                   disabled={false}
-                                                                  id="representative-tz"
+                                                                  id="appellant-tz"
                                                                   injectStyles={true}
                                                                   inputRef={[Function]}
                                                                   inputStyle={
@@ -306559,13 +296260,13 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                                       aria-autocomplete="list"
                                                                       aria-expanded={false}
                                                                       aria-haspopup={true}
-                                                                      aria-labelledby="representative-tz-label"
-                                                                      aria-owns="representative-tz-listbox"
+                                                                      aria-labelledby="appellant-tz-label"
+                                                                      aria-owns="appellant-tz-listbox"
                                                                       autoCapitalize="none"
                                                                       autoComplete="off"
                                                                       autoCorrect="off"
                                                                       disabled={false}
-                                                                      id="representative-tz"
+                                                                      id="appellant-tz"
                                                                       onBlur={[Function]}
                                                                       onChange={[Function]}
                                                                       onFocus={[Function]}
@@ -306616,7 +296317,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                     cx={[Function]}
                                                     getStyles={[Function]}
                                                     getValue={[Function]}
-                                                    hasValue={true}
+                                                    hasValue={false}
                                                     isDisabled={false}
                                                     isMulti={false}
                                                     isRtl={false}
@@ -306628,762 +296329,762 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                         },
                                                         Object {
                                                           "index": -3,
-                                                          "label": "Eastern Time (US & Canada) (6:00 AM)",
+                                                          "label": "Eastern Time (US & Canada) (4:00 AM)",
                                                           "value": "America/New_York",
                                                         },
                                                         Object {
                                                           "index": -2,
-                                                          "label": "Central Time (US & Canada) (5:00 AM)",
+                                                          "label": "Central Time (US & Canada) (3:00 AM)",
                                                           "value": "America/Chicago",
                                                         },
                                                         Object {
                                                           "index": -1,
-                                                          "label": "Mountain Time (US & Canada) (4:00 AM)",
+                                                          "label": "Mountain Time (US & Canada) (2:00 AM)",
                                                           "value": "America/Denver",
                                                         },
                                                         Object {
                                                           "index": -0,
-                                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                          "label": "Pacific Time (US & Canada) (1:00 AM)",
                                                           "value": "America/Los_Angeles",
                                                         },
                                                         Object {
                                                           "index": 2.4,
-                                                          "label": "Indiana (East) (6:00 AM)",
+                                                          "label": "Indiana (East) (4:00 AM)",
                                                           "value": "America/Indiana/Indianapolis",
                                                         },
                                                         Object {
                                                           "index": 2.4,
-                                                          "label": "Puerto Rico (6:00 AM)",
+                                                          "label": "Puerto Rico (4:00 AM)",
                                                           "value": "America/Puerto_Rico",
                                                         },
                                                         Object {
                                                           "index": 4.2,
-                                                          "label": "Arizona (3:00 AM)",
+                                                          "label": "Arizona (1:00 AM)",
                                                           "value": "America/Phoenix",
                                                         },
                                                         Object {
                                                           "index": 4.8,
-                                                          "label": "Alaska (2:00 AM)",
+                                                          "label": "Alaska (12:00 AM)",
                                                           "value": "America/Juneau",
                                                         },
                                                         Object {
                                                           "index": 4.8,
-                                                          "label": "Philippine Standard Time (6:00 PM)",
+                                                          "label": "Philippine Standard Time (4:00 PM)",
                                                           "value": "Asia/Manila",
                                                         },
                                                         Object {
                                                           "index": 6,
-                                                          "label": "Hawaii (12:00 AM)",
+                                                          "label": "Hawaii (10:00 PM)",
                                                           "value": "Pacific/Honolulu",
                                                         },
                                                         Object {
                                                           "index": 100,
-                                                          "label": "Azores (10:00 AM)",
+                                                          "label": "Azores (8:00 AM)",
                                                           "value": "Atlantic/Azores",
                                                         },
                                                         Object {
                                                           "index": 100,
-                                                          "label": "Monrovia (10:00 AM)",
+                                                          "label": "Monrovia (8:00 AM)",
                                                           "value": "Africa/Monrovia",
                                                         },
                                                         Object {
                                                           "index": 100,
-                                                          "label": "UTC (10:00 AM)",
+                                                          "label": "UTC (8:00 AM)",
                                                           "value": "Etc/UTC",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Cape Verde Is. (9:00 AM)",
+                                                          "label": "Cape Verde Is. (7:00 AM)",
                                                           "value": "Atlantic/Cape_Verde",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Dublin (11:00 AM)",
+                                                          "label": "Dublin (9:00 AM)",
                                                           "value": "Europe/Dublin",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Edinburgh (11:00 AM)",
+                                                          "label": "Edinburgh (9:00 AM)",
                                                           "value": "Europe/London",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Lisbon (11:00 AM)",
+                                                          "label": "Lisbon (9:00 AM)",
                                                           "value": "Europe/Lisbon",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "London (11:00 AM)",
+                                                          "label": "London (9:00 AM)",
                                                           "value": "Europe/London",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "Casablanca (11:00 AM)",
+                                                          "label": "Casablanca (9:00 AM)",
                                                           "value": "Africa/Casablanca",
                                                         },
                                                         Object {
                                                           "index": 160,
-                                                          "label": "West Central Africa (11:00 AM)",
+                                                          "label": "West Central Africa (9:00 AM)",
                                                           "value": "Africa/Algiers",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Greenland (8:00 AM)",
+                                                          "label": "Greenland (6:00 AM)",
                                                           "value": "America/Godthab",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Mid-Atlantic (8:00 AM)",
+                                                          "label": "Mid-Atlantic (6:00 AM)",
                                                           "value": "Atlantic/South_Georgia",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Belgrade (12:00 PM)",
+                                                          "label": "Belgrade (10:00 AM)",
                                                           "value": "Europe/Belgrade",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Bratislava (12:00 PM)",
+                                                          "label": "Bratislava (10:00 AM)",
                                                           "value": "Europe/Bratislava",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Budapest (12:00 PM)",
+                                                          "label": "Budapest (10:00 AM)",
                                                           "value": "Europe/Budapest",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Ljubljana (12:00 PM)",
+                                                          "label": "Ljubljana (10:00 AM)",
                                                           "value": "Europe/Ljubljana",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Prague (12:00 PM)",
+                                                          "label": "Prague (10:00 AM)",
                                                           "value": "Europe/Prague",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Sarajevo (12:00 PM)",
+                                                          "label": "Sarajevo (10:00 AM)",
                                                           "value": "Europe/Sarajevo",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Skopje (12:00 PM)",
+                                                          "label": "Skopje (10:00 AM)",
                                                           "value": "Europe/Skopje",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Warsaw (12:00 PM)",
+                                                          "label": "Warsaw (10:00 AM)",
                                                           "value": "Europe/Warsaw",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Zagreb (12:00 PM)",
+                                                          "label": "Zagreb (10:00 AM)",
                                                           "value": "Europe/Zagreb",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Brussels (12:00 PM)",
+                                                          "label": "Brussels (10:00 AM)",
                                                           "value": "Europe/Brussels",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Copenhagen (12:00 PM)",
+                                                          "label": "Copenhagen (10:00 AM)",
                                                           "value": "Europe/Copenhagen",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Madrid (12:00 PM)",
+                                                          "label": "Madrid (10:00 AM)",
                                                           "value": "Europe/Madrid",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Paris (12:00 PM)",
+                                                          "label": "Paris (10:00 AM)",
                                                           "value": "Europe/Paris",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Amsterdam (12:00 PM)",
+                                                          "label": "Amsterdam (10:00 AM)",
                                                           "value": "Europe/Amsterdam",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Berlin (12:00 PM)",
+                                                          "label": "Berlin (10:00 AM)",
                                                           "value": "Europe/Berlin",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Bern (12:00 PM)",
+                                                          "label": "Bern (10:00 AM)",
                                                           "value": "Europe/Zurich",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Zurich (12:00 PM)",
+                                                          "label": "Zurich (10:00 AM)",
                                                           "value": "Europe/Zurich",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Rome (12:00 PM)",
+                                                          "label": "Rome (10:00 AM)",
                                                           "value": "Europe/Rome",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Stockholm (12:00 PM)",
+                                                          "label": "Stockholm (10:00 AM)",
                                                           "value": "Europe/Stockholm",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Vienna (12:00 PM)",
+                                                          "label": "Vienna (10:00 AM)",
                                                           "value": "Europe/Vienna",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Cairo (12:00 PM)",
+                                                          "label": "Cairo (10:00 AM)",
                                                           "value": "Africa/Cairo",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Harare (12:00 PM)",
+                                                          "label": "Harare (10:00 AM)",
                                                           "value": "Africa/Harare",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Pretoria (12:00 PM)",
+                                                          "label": "Pretoria (10:00 AM)",
                                                           "value": "Africa/Johannesburg",
                                                         },
                                                         Object {
                                                           "index": 220,
-                                                          "label": "Kaliningrad (12:00 PM)",
+                                                          "label": "Kaliningrad (10:00 AM)",
                                                           "value": "Europe/Kaliningrad",
                                                         },
                                                         Object {
                                                           "index": 250,
-                                                          "label": "Newfoundland (7:30 AM)",
+                                                          "label": "Newfoundland (5:30 AM)",
                                                           "value": "America/St_Johns",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Atlantic Time (Canada) (7:00 AM)",
+                                                          "label": "Atlantic Time (Canada) (5:00 AM)",
                                                           "value": "America/Halifax",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Brasilia (7:00 AM)",
+                                                          "label": "Brasilia (5:00 AM)",
                                                           "value": "America/Sao_Paulo",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Buenos Aires (7:00 AM)",
+                                                          "label": "Buenos Aires (5:00 AM)",
                                                           "value": "America/Argentina/Buenos_Aires",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Montevideo (7:00 AM)",
+                                                          "label": "Montevideo (5:00 AM)",
                                                           "value": "America/Montevideo",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Bucharest (1:00 PM)",
+                                                          "label": "Bucharest (11:00 AM)",
                                                           "value": "Europe/Bucharest",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Helsinki (1:00 PM)",
+                                                          "label": "Helsinki (11:00 AM)",
                                                           "value": "Europe/Helsinki",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Kyiv (1:00 PM)",
+                                                          "label": "Kyiv (11:00 AM)",
                                                           "value": "Europe/Kiev",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Riga (1:00 PM)",
+                                                          "label": "Riga (11:00 AM)",
                                                           "value": "Europe/Riga",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Sofia (1:00 PM)",
+                                                          "label": "Sofia (11:00 AM)",
                                                           "value": "Europe/Sofia",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Tallinn (1:00 PM)",
+                                                          "label": "Tallinn (11:00 AM)",
                                                           "value": "Europe/Tallinn",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Vilnius (1:00 PM)",
+                                                          "label": "Vilnius (11:00 AM)",
                                                           "value": "Europe/Vilnius",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Athens (1:00 PM)",
+                                                          "label": "Athens (11:00 AM)",
                                                           "value": "Europe/Athens",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Istanbul (1:00 PM)",
+                                                          "label": "Istanbul (11:00 AM)",
                                                           "value": "Europe/Istanbul",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Minsk (1:00 PM)",
+                                                          "label": "Minsk (11:00 AM)",
                                                           "value": "Europe/Minsk",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Jerusalem (1:00 PM)",
+                                                          "label": "Jerusalem (11:00 AM)",
                                                           "value": "Asia/Jerusalem",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Moscow (1:00 PM)",
+                                                          "label": "Moscow (11:00 AM)",
                                                           "value": "Europe/Moscow",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "St. Petersburg (1:00 PM)",
+                                                          "label": "St. Petersburg (11:00 AM)",
                                                           "value": "Europe/Moscow",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Kuwait (1:00 PM)",
+                                                          "label": "Kuwait (11:00 AM)",
                                                           "value": "Asia/Kuwait",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Riyadh (1:00 PM)",
+                                                          "label": "Riyadh (11:00 AM)",
                                                           "value": "Asia/Riyadh",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Nairobi (1:00 PM)",
+                                                          "label": "Nairobi (11:00 AM)",
                                                           "value": "Africa/Nairobi",
                                                         },
                                                         Object {
                                                           "index": 280,
-                                                          "label": "Baghdad (1:00 PM)",
+                                                          "label": "Baghdad (11:00 AM)",
                                                           "value": "Asia/Baghdad",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Caracas (6:00 AM)",
+                                                          "label": "Caracas (4:00 AM)",
                                                           "value": "America/Caracas",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "La Paz (6:00 AM)",
+                                                          "label": "La Paz (4:00 AM)",
                                                           "value": "America/La_Paz",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Santiago (6:00 AM)",
+                                                          "label": "Santiago (4:00 AM)",
                                                           "value": "America/Santiago",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Georgetown (6:00 AM)",
+                                                          "label": "Georgetown (4:00 AM)",
                                                           "value": "America/Guyana",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Volgograd (2:00 PM)",
+                                                          "label": "Volgograd (12:00 PM)",
                                                           "value": "Europe/Volgograd",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Samara (2:00 PM)",
+                                                          "label": "Samara (12:00 PM)",
                                                           "value": "Europe/Samara",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Abu Dhabi (2:00 PM)",
+                                                          "label": "Abu Dhabi (12:00 PM)",
                                                           "value": "Asia/Muscat",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Muscat (2:00 PM)",
+                                                          "label": "Muscat (12:00 PM)",
                                                           "value": "Asia/Muscat",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Baku (2:00 PM)",
+                                                          "label": "Baku (12:00 PM)",
                                                           "value": "Asia/Baku",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Tbilisi (2:00 PM)",
+                                                          "label": "Tbilisi (12:00 PM)",
                                                           "value": "Asia/Tbilisi",
                                                         },
                                                         Object {
                                                           "index": 340,
-                                                          "label": "Yerevan (2:00 PM)",
+                                                          "label": "Yerevan (12:00 PM)",
                                                           "value": "Asia/Yerevan",
                                                         },
                                                         Object {
                                                           "index": 370,
-                                                          "label": "Tehran (2:30 PM)",
+                                                          "label": "Tehran (12:30 PM)",
                                                           "value": "Asia/Tehran",
                                                         },
                                                         Object {
                                                           "index": 370,
-                                                          "label": "Kabul (2:30 PM)",
+                                                          "label": "Kabul (12:30 PM)",
                                                           "value": "Asia/Kabul",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Guadalajara (5:00 AM)",
+                                                          "label": "Guadalajara (3:00 AM)",
                                                           "value": "America/Mexico_City",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Mexico City (5:00 AM)",
+                                                          "label": "Mexico City (3:00 AM)",
                                                           "value": "America/Mexico_City",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Monterrey (5:00 AM)",
+                                                          "label": "Monterrey (3:00 AM)",
                                                           "value": "America/Monterrey",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Bogota (5:00 AM)",
+                                                          "label": "Bogota (3:00 AM)",
                                                           "value": "America/Bogota",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Lima (5:00 AM)",
+                                                          "label": "Lima (3:00 AM)",
                                                           "value": "America/Lima",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Quito (5:00 AM)",
+                                                          "label": "Quito (3:00 AM)",
                                                           "value": "America/Lima",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Ekaterinburg (3:00 PM)",
+                                                          "label": "Ekaterinburg (1:00 PM)",
                                                           "value": "Asia/Yekaterinburg",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Islamabad (3:00 PM)",
+                                                          "label": "Islamabad (1:00 PM)",
                                                           "value": "Asia/Karachi",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Karachi (3:00 PM)",
+                                                          "label": "Karachi (1:00 PM)",
                                                           "value": "Asia/Karachi",
                                                         },
                                                         Object {
                                                           "index": 400,
-                                                          "label": "Tashkent (3:00 PM)",
+                                                          "label": "Tashkent (1:00 PM)",
                                                           "value": "Asia/Tashkent",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Chennai (3:30 PM)",
+                                                          "label": "Chennai (1:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Kolkata (3:30 PM)",
+                                                          "label": "Kolkata (1:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Mumbai (3:30 PM)",
+                                                          "label": "Mumbai (1:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "New Delhi (3:30 PM)",
+                                                          "label": "New Delhi (1:30 PM)",
                                                           "value": "Asia/Kolkata",
                                                         },
                                                         Object {
                                                           "index": 430,
-                                                          "label": "Sri Jayawardenepura (3:30 PM)",
+                                                          "label": "Sri Jayawardenepura (1:30 PM)",
                                                           "value": "Asia/Colombo",
                                                         },
                                                         Object {
                                                           "index": 445,
-                                                          "label": "Kathmandu (3:45 PM)",
+                                                          "label": "Kathmandu (1:45 PM)",
                                                           "value": "Asia/Kathmandu",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Chihuahua (4:00 AM)",
+                                                          "label": "Chihuahua (2:00 AM)",
                                                           "value": "America/Chihuahua",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Mazatlan (4:00 AM)",
+                                                          "label": "Mazatlan (2:00 AM)",
                                                           "value": "America/Mazatlan",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Saskatchewan (4:00 AM)",
+                                                          "label": "Saskatchewan (2:00 AM)",
                                                           "value": "America/Regina",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Central America (4:00 AM)",
+                                                          "label": "Central America (2:00 AM)",
                                                           "value": "America/Guatemala",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Astana (4:00 PM)",
+                                                          "label": "Astana (2:00 PM)",
                                                           "value": "Asia/Dhaka",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Dhaka (4:00 PM)",
+                                                          "label": "Dhaka (2:00 PM)",
                                                           "value": "Asia/Dhaka",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Almaty (4:00 PM)",
+                                                          "label": "Almaty (2:00 PM)",
                                                           "value": "Asia/Almaty",
                                                         },
                                                         Object {
                                                           "index": 460,
-                                                          "label": "Urumqi (4:00 PM)",
+                                                          "label": "Urumqi (2:00 PM)",
                                                           "value": "Asia/Urumqi",
                                                         },
                                                         Object {
                                                           "index": 490,
-                                                          "label": "Rangoon (4:30 PM)",
+                                                          "label": "Rangoon (2:30 PM)",
                                                           "value": "Asia/Rangoon",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Tijuana (3:00 AM)",
+                                                          "label": "Tijuana (1:00 AM)",
                                                           "value": "America/Tijuana",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Novosibirsk (5:00 PM)",
+                                                          "label": "Novosibirsk (3:00 PM)",
                                                           "value": "Asia/Novosibirsk",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Bangkok (5:00 PM)",
+                                                          "label": "Bangkok (3:00 PM)",
                                                           "value": "Asia/Bangkok",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Hanoi (5:00 PM)",
+                                                          "label": "Hanoi (3:00 PM)",
                                                           "value": "Asia/Bangkok",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Jakarta (5:00 PM)",
+                                                          "label": "Jakarta (3:00 PM)",
                                                           "value": "Asia/Jakarta",
                                                         },
                                                         Object {
                                                           "index": 520,
-                                                          "label": "Krasnoyarsk (5:00 PM)",
+                                                          "label": "Krasnoyarsk (3:00 PM)",
                                                           "value": "Asia/Krasnoyarsk",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Beijing (6:00 PM)",
+                                                          "label": "Beijing (4:00 PM)",
                                                           "value": "Asia/Shanghai",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Chongqing (6:00 PM)",
+                                                          "label": "Chongqing (4:00 PM)",
                                                           "value": "Asia/Chongqing",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Hong Kong (6:00 PM)",
+                                                          "label": "Hong Kong (4:00 PM)",
                                                           "value": "Asia/Hong_Kong",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Kuala Lumpur (6:00 PM)",
+                                                          "label": "Kuala Lumpur (4:00 PM)",
                                                           "value": "Asia/Kuala_Lumpur",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Singapore (6:00 PM)",
+                                                          "label": "Singapore (4:00 PM)",
                                                           "value": "Asia/Singapore",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Taipei (6:00 PM)",
+                                                          "label": "Taipei (4:00 PM)",
                                                           "value": "Asia/Taipei",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Perth (6:00 PM)",
+                                                          "label": "Perth (4:00 PM)",
                                                           "value": "Australia/Perth",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Irkutsk (6:00 PM)",
+                                                          "label": "Irkutsk (4:00 PM)",
                                                           "value": "Asia/Irkutsk",
                                                         },
                                                         Object {
                                                           "index": 580,
-                                                          "label": "Ulaanbaatar (6:00 PM)",
+                                                          "label": "Ulaanbaatar (4:00 PM)",
                                                           "value": "Asia/Ulaanbaatar",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Seoul (7:00 PM)",
+                                                          "label": "Seoul (5:00 PM)",
                                                           "value": "Asia/Seoul",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Osaka (7:00 PM)",
+                                                          "label": "Osaka (5:00 PM)",
                                                           "value": "Asia/Tokyo",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Sapporo (7:00 PM)",
+                                                          "label": "Sapporo (5:00 PM)",
                                                           "value": "Asia/Tokyo",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Tokyo (7:00 PM)",
+                                                          "label": "Tokyo (5:00 PM)",
                                                           "value": "Asia/Tokyo",
                                                         },
                                                         Object {
                                                           "index": 640,
-                                                          "label": "Yakutsk (7:00 PM)",
+                                                          "label": "Yakutsk (5:00 PM)",
                                                           "value": "Asia/Yakutsk",
                                                         },
                                                         Object {
                                                           "index": 670,
-                                                          "label": "Darwin (7:30 PM)",
+                                                          "label": "Darwin (5:30 PM)",
                                                           "value": "Australia/Darwin",
                                                         },
                                                         Object {
                                                           "index": 670,
-                                                          "label": "Adelaide (7:30 PM)",
+                                                          "label": "Adelaide (5:30 PM)",
                                                           "value": "Australia/Adelaide",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Canberra (8:00 PM)",
+                                                          "label": "Canberra (6:00 PM)",
                                                           "value": "Australia/Melbourne",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Melbourne (8:00 PM)",
+                                                          "label": "Melbourne (6:00 PM)",
                                                           "value": "Australia/Melbourne",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Sydney (8:00 PM)",
+                                                          "label": "Sydney (6:00 PM)",
                                                           "value": "Australia/Sydney",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Brisbane (8:00 PM)",
+                                                          "label": "Brisbane (6:00 PM)",
                                                           "value": "Australia/Brisbane",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Hobart (8:00 PM)",
+                                                          "label": "Hobart (6:00 PM)",
                                                           "value": "Australia/Hobart",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Vladivostok (8:00 PM)",
+                                                          "label": "Vladivostok (6:00 PM)",
                                                           "value": "Asia/Vladivostok",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Guam (8:00 PM)",
+                                                          "label": "Guam (6:00 PM)",
                                                           "value": "Pacific/Guam",
                                                         },
                                                         Object {
                                                           "index": 700,
-                                                          "label": "Port Moresby (8:00 PM)",
+                                                          "label": "Port Moresby (6:00 PM)",
                                                           "value": "Pacific/Port_Moresby",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Midway Island (11:00 PM)",
+                                                          "label": "Midway Island (9:00 PM)",
                                                           "value": "Pacific/Midway",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "American Samoa (11:00 PM)",
+                                                          "label": "American Samoa (9:00 PM)",
                                                           "value": "Pacific/Pago_Pago",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Magadan (9:00 PM)",
+                                                          "label": "Magadan (7:00 PM)",
                                                           "value": "Asia/Magadan",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Srednekolymsk (9:00 PM)",
+                                                          "label": "Srednekolymsk (7:00 PM)",
                                                           "value": "Asia/Srednekolymsk",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "Solomon Is. (9:00 PM)",
+                                                          "label": "Solomon Is. (7:00 PM)",
                                                           "value": "Pacific/Guadalcanal",
                                                         },
                                                         Object {
                                                           "index": 760,
-                                                          "label": "New Caledonia (9:00 PM)",
+                                                          "label": "New Caledonia (7:00 PM)",
                                                           "value": "Pacific/Noumea",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "International Date Line West (10:00 PM)",
+                                                          "label": "International Date Line West (8:00 PM)",
                                                           "value": "Etc/GMT+12",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Fiji (10:00 PM)",
+                                                          "label": "Fiji (8:00 PM)",
                                                           "value": "Pacific/Fiji",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Kamchatka (10:00 PM)",
+                                                          "label": "Kamchatka (8:00 PM)",
                                                           "value": "Asia/Kamchatka",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Marshall Is. (10:00 PM)",
+                                                          "label": "Marshall Is. (8:00 PM)",
                                                           "value": "Pacific/Majuro",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Auckland (10:00 PM)",
+                                                          "label": "Auckland (8:00 PM)",
                                                           "value": "Pacific/Auckland",
                                                         },
                                                         Object {
                                                           "index": 820,
-                                                          "label": "Wellington (10:00 PM)",
+                                                          "label": "Wellington (8:00 PM)",
                                                           "value": "Pacific/Auckland",
                                                         },
                                                         Object {
                                                           "index": 865,
-                                                          "label": "Chatham Is. (10:45 PM)",
+                                                          "label": "Chatham Is. (8:45 PM)",
                                                           "value": "Pacific/Chatham",
                                                         },
                                                         Object {
                                                           "index": 880,
-                                                          "label": "Nuku'alofa (11:00 PM)",
+                                                          "label": "Nuku'alofa (9:00 PM)",
                                                           "value": "Pacific/Tongatapu",
                                                         },
                                                         Object {
                                                           "index": 880,
-                                                          "label": "Tokelau Is. (11:00 PM)",
+                                                          "label": "Tokelau Is. (9:00 PM)",
                                                           "value": "Pacific/Fakaofo",
                                                         },
                                                         Object {
                                                           "index": 880,
-                                                          "label": "Samoa (11:00 PM)",
+                                                          "label": "Samoa (9:00 PM)",
                                                           "value": "Pacific/Apia",
                                                         },
                                                       ]
@@ -307410,7 +297111,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                         "formatGroupLabel": [Function],
                                                         "getOptionLabel": [Function],
                                                         "getOptionValue": [Function],
-                                                        "inputId": "representative-tz",
+                                                        "inputId": "appellant-tz",
                                                         "inputValue": "",
                                                         "isClearable": undefined,
                                                         "isDisabled": false,
@@ -307428,7 +297129,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                         "menuShouldBlockScroll": false,
                                                         "menuShouldScrollIntoView": true,
                                                         "minMenuHeight": 140,
-                                                        "name": "representativeTz",
+                                                        "name": "appellantTz",
                                                         "noOptionsMessage": [Function],
                                                         "onBlurResetsInput": false,
                                                         "onChange": [Function],
@@ -307444,762 +297145,762 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                           },
                                                           Object {
                                                             "index": -3,
-                                                            "label": "Eastern Time (US & Canada) (6:00 AM)",
+                                                            "label": "Eastern Time (US & Canada) (4:00 AM)",
                                                             "value": "America/New_York",
                                                           },
                                                           Object {
                                                             "index": -2,
-                                                            "label": "Central Time (US & Canada) (5:00 AM)",
+                                                            "label": "Central Time (US & Canada) (3:00 AM)",
                                                             "value": "America/Chicago",
                                                           },
                                                           Object {
                                                             "index": -1,
-                                                            "label": "Mountain Time (US & Canada) (4:00 AM)",
+                                                            "label": "Mountain Time (US & Canada) (2:00 AM)",
                                                             "value": "America/Denver",
                                                           },
                                                           Object {
                                                             "index": -0,
-                                                            "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                            "label": "Pacific Time (US & Canada) (1:00 AM)",
                                                             "value": "America/Los_Angeles",
                                                           },
                                                           Object {
                                                             "index": 2.4,
-                                                            "label": "Indiana (East) (6:00 AM)",
+                                                            "label": "Indiana (East) (4:00 AM)",
                                                             "value": "America/Indiana/Indianapolis",
                                                           },
                                                           Object {
                                                             "index": 2.4,
-                                                            "label": "Puerto Rico (6:00 AM)",
+                                                            "label": "Puerto Rico (4:00 AM)",
                                                             "value": "America/Puerto_Rico",
                                                           },
                                                           Object {
                                                             "index": 4.2,
-                                                            "label": "Arizona (3:00 AM)",
+                                                            "label": "Arizona (1:00 AM)",
                                                             "value": "America/Phoenix",
                                                           },
                                                           Object {
                                                             "index": 4.8,
-                                                            "label": "Alaska (2:00 AM)",
+                                                            "label": "Alaska (12:00 AM)",
                                                             "value": "America/Juneau",
                                                           },
                                                           Object {
                                                             "index": 4.8,
-                                                            "label": "Philippine Standard Time (6:00 PM)",
+                                                            "label": "Philippine Standard Time (4:00 PM)",
                                                             "value": "Asia/Manila",
                                                           },
                                                           Object {
                                                             "index": 6,
-                                                            "label": "Hawaii (12:00 AM)",
+                                                            "label": "Hawaii (10:00 PM)",
                                                             "value": "Pacific/Honolulu",
                                                           },
                                                           Object {
                                                             "index": 100,
-                                                            "label": "Azores (10:00 AM)",
+                                                            "label": "Azores (8:00 AM)",
                                                             "value": "Atlantic/Azores",
                                                           },
                                                           Object {
                                                             "index": 100,
-                                                            "label": "Monrovia (10:00 AM)",
+                                                            "label": "Monrovia (8:00 AM)",
                                                             "value": "Africa/Monrovia",
                                                           },
                                                           Object {
                                                             "index": 100,
-                                                            "label": "UTC (10:00 AM)",
+                                                            "label": "UTC (8:00 AM)",
                                                             "value": "Etc/UTC",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Cape Verde Is. (9:00 AM)",
+                                                            "label": "Cape Verde Is. (7:00 AM)",
                                                             "value": "Atlantic/Cape_Verde",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Dublin (11:00 AM)",
+                                                            "label": "Dublin (9:00 AM)",
                                                             "value": "Europe/Dublin",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Edinburgh (11:00 AM)",
+                                                            "label": "Edinburgh (9:00 AM)",
                                                             "value": "Europe/London",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Lisbon (11:00 AM)",
+                                                            "label": "Lisbon (9:00 AM)",
                                                             "value": "Europe/Lisbon",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "London (11:00 AM)",
+                                                            "label": "London (9:00 AM)",
                                                             "value": "Europe/London",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "Casablanca (11:00 AM)",
+                                                            "label": "Casablanca (9:00 AM)",
                                                             "value": "Africa/Casablanca",
                                                           },
                                                           Object {
                                                             "index": 160,
-                                                            "label": "West Central Africa (11:00 AM)",
+                                                            "label": "West Central Africa (9:00 AM)",
                                                             "value": "Africa/Algiers",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Greenland (8:00 AM)",
+                                                            "label": "Greenland (6:00 AM)",
                                                             "value": "America/Godthab",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Mid-Atlantic (8:00 AM)",
+                                                            "label": "Mid-Atlantic (6:00 AM)",
                                                             "value": "Atlantic/South_Georgia",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Belgrade (12:00 PM)",
+                                                            "label": "Belgrade (10:00 AM)",
                                                             "value": "Europe/Belgrade",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Bratislava (12:00 PM)",
+                                                            "label": "Bratislava (10:00 AM)",
                                                             "value": "Europe/Bratislava",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Budapest (12:00 PM)",
+                                                            "label": "Budapest (10:00 AM)",
                                                             "value": "Europe/Budapest",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Ljubljana (12:00 PM)",
+                                                            "label": "Ljubljana (10:00 AM)",
                                                             "value": "Europe/Ljubljana",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Prague (12:00 PM)",
+                                                            "label": "Prague (10:00 AM)",
                                                             "value": "Europe/Prague",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Sarajevo (12:00 PM)",
+                                                            "label": "Sarajevo (10:00 AM)",
                                                             "value": "Europe/Sarajevo",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Skopje (12:00 PM)",
+                                                            "label": "Skopje (10:00 AM)",
                                                             "value": "Europe/Skopje",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Warsaw (12:00 PM)",
+                                                            "label": "Warsaw (10:00 AM)",
                                                             "value": "Europe/Warsaw",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Zagreb (12:00 PM)",
+                                                            "label": "Zagreb (10:00 AM)",
                                                             "value": "Europe/Zagreb",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Brussels (12:00 PM)",
+                                                            "label": "Brussels (10:00 AM)",
                                                             "value": "Europe/Brussels",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Copenhagen (12:00 PM)",
+                                                            "label": "Copenhagen (10:00 AM)",
                                                             "value": "Europe/Copenhagen",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Madrid (12:00 PM)",
+                                                            "label": "Madrid (10:00 AM)",
                                                             "value": "Europe/Madrid",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Paris (12:00 PM)",
+                                                            "label": "Paris (10:00 AM)",
                                                             "value": "Europe/Paris",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Amsterdam (12:00 PM)",
+                                                            "label": "Amsterdam (10:00 AM)",
                                                             "value": "Europe/Amsterdam",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Berlin (12:00 PM)",
+                                                            "label": "Berlin (10:00 AM)",
                                                             "value": "Europe/Berlin",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Bern (12:00 PM)",
+                                                            "label": "Bern (10:00 AM)",
                                                             "value": "Europe/Zurich",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Zurich (12:00 PM)",
+                                                            "label": "Zurich (10:00 AM)",
                                                             "value": "Europe/Zurich",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Rome (12:00 PM)",
+                                                            "label": "Rome (10:00 AM)",
                                                             "value": "Europe/Rome",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Stockholm (12:00 PM)",
+                                                            "label": "Stockholm (10:00 AM)",
                                                             "value": "Europe/Stockholm",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Vienna (12:00 PM)",
+                                                            "label": "Vienna (10:00 AM)",
                                                             "value": "Europe/Vienna",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Cairo (12:00 PM)",
+                                                            "label": "Cairo (10:00 AM)",
                                                             "value": "Africa/Cairo",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Harare (12:00 PM)",
+                                                            "label": "Harare (10:00 AM)",
                                                             "value": "Africa/Harare",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Pretoria (12:00 PM)",
+                                                            "label": "Pretoria (10:00 AM)",
                                                             "value": "Africa/Johannesburg",
                                                           },
                                                           Object {
                                                             "index": 220,
-                                                            "label": "Kaliningrad (12:00 PM)",
+                                                            "label": "Kaliningrad (10:00 AM)",
                                                             "value": "Europe/Kaliningrad",
                                                           },
                                                           Object {
                                                             "index": 250,
-                                                            "label": "Newfoundland (7:30 AM)",
+                                                            "label": "Newfoundland (5:30 AM)",
                                                             "value": "America/St_Johns",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Atlantic Time (Canada) (7:00 AM)",
+                                                            "label": "Atlantic Time (Canada) (5:00 AM)",
                                                             "value": "America/Halifax",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Brasilia (7:00 AM)",
+                                                            "label": "Brasilia (5:00 AM)",
                                                             "value": "America/Sao_Paulo",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Buenos Aires (7:00 AM)",
+                                                            "label": "Buenos Aires (5:00 AM)",
                                                             "value": "America/Argentina/Buenos_Aires",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Montevideo (7:00 AM)",
+                                                            "label": "Montevideo (5:00 AM)",
                                                             "value": "America/Montevideo",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Bucharest (1:00 PM)",
+                                                            "label": "Bucharest (11:00 AM)",
                                                             "value": "Europe/Bucharest",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Helsinki (1:00 PM)",
+                                                            "label": "Helsinki (11:00 AM)",
                                                             "value": "Europe/Helsinki",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Kyiv (1:00 PM)",
+                                                            "label": "Kyiv (11:00 AM)",
                                                             "value": "Europe/Kiev",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Riga (1:00 PM)",
+                                                            "label": "Riga (11:00 AM)",
                                                             "value": "Europe/Riga",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Sofia (1:00 PM)",
+                                                            "label": "Sofia (11:00 AM)",
                                                             "value": "Europe/Sofia",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Tallinn (1:00 PM)",
+                                                            "label": "Tallinn (11:00 AM)",
                                                             "value": "Europe/Tallinn",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Vilnius (1:00 PM)",
+                                                            "label": "Vilnius (11:00 AM)",
                                                             "value": "Europe/Vilnius",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Athens (1:00 PM)",
+                                                            "label": "Athens (11:00 AM)",
                                                             "value": "Europe/Athens",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Istanbul (1:00 PM)",
+                                                            "label": "Istanbul (11:00 AM)",
                                                             "value": "Europe/Istanbul",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Minsk (1:00 PM)",
+                                                            "label": "Minsk (11:00 AM)",
                                                             "value": "Europe/Minsk",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Jerusalem (1:00 PM)",
+                                                            "label": "Jerusalem (11:00 AM)",
                                                             "value": "Asia/Jerusalem",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Moscow (1:00 PM)",
+                                                            "label": "Moscow (11:00 AM)",
                                                             "value": "Europe/Moscow",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "St. Petersburg (1:00 PM)",
+                                                            "label": "St. Petersburg (11:00 AM)",
                                                             "value": "Europe/Moscow",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Kuwait (1:00 PM)",
+                                                            "label": "Kuwait (11:00 AM)",
                                                             "value": "Asia/Kuwait",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Riyadh (1:00 PM)",
+                                                            "label": "Riyadh (11:00 AM)",
                                                             "value": "Asia/Riyadh",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Nairobi (1:00 PM)",
+                                                            "label": "Nairobi (11:00 AM)",
                                                             "value": "Africa/Nairobi",
                                                           },
                                                           Object {
                                                             "index": 280,
-                                                            "label": "Baghdad (1:00 PM)",
+                                                            "label": "Baghdad (11:00 AM)",
                                                             "value": "Asia/Baghdad",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Caracas (6:00 AM)",
+                                                            "label": "Caracas (4:00 AM)",
                                                             "value": "America/Caracas",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "La Paz (6:00 AM)",
+                                                            "label": "La Paz (4:00 AM)",
                                                             "value": "America/La_Paz",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Santiago (6:00 AM)",
+                                                            "label": "Santiago (4:00 AM)",
                                                             "value": "America/Santiago",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Georgetown (6:00 AM)",
+                                                            "label": "Georgetown (4:00 AM)",
                                                             "value": "America/Guyana",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Volgograd (2:00 PM)",
+                                                            "label": "Volgograd (12:00 PM)",
                                                             "value": "Europe/Volgograd",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Samara (2:00 PM)",
+                                                            "label": "Samara (12:00 PM)",
                                                             "value": "Europe/Samara",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Abu Dhabi (2:00 PM)",
+                                                            "label": "Abu Dhabi (12:00 PM)",
                                                             "value": "Asia/Muscat",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Muscat (2:00 PM)",
+                                                            "label": "Muscat (12:00 PM)",
                                                             "value": "Asia/Muscat",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Baku (2:00 PM)",
+                                                            "label": "Baku (12:00 PM)",
                                                             "value": "Asia/Baku",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Tbilisi (2:00 PM)",
+                                                            "label": "Tbilisi (12:00 PM)",
                                                             "value": "Asia/Tbilisi",
                                                           },
                                                           Object {
                                                             "index": 340,
-                                                            "label": "Yerevan (2:00 PM)",
+                                                            "label": "Yerevan (12:00 PM)",
                                                             "value": "Asia/Yerevan",
                                                           },
                                                           Object {
                                                             "index": 370,
-                                                            "label": "Tehran (2:30 PM)",
+                                                            "label": "Tehran (12:30 PM)",
                                                             "value": "Asia/Tehran",
                                                           },
                                                           Object {
                                                             "index": 370,
-                                                            "label": "Kabul (2:30 PM)",
+                                                            "label": "Kabul (12:30 PM)",
                                                             "value": "Asia/Kabul",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Guadalajara (5:00 AM)",
+                                                            "label": "Guadalajara (3:00 AM)",
                                                             "value": "America/Mexico_City",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Mexico City (5:00 AM)",
+                                                            "label": "Mexico City (3:00 AM)",
                                                             "value": "America/Mexico_City",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Monterrey (5:00 AM)",
+                                                            "label": "Monterrey (3:00 AM)",
                                                             "value": "America/Monterrey",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Bogota (5:00 AM)",
+                                                            "label": "Bogota (3:00 AM)",
                                                             "value": "America/Bogota",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Lima (5:00 AM)",
+                                                            "label": "Lima (3:00 AM)",
                                                             "value": "America/Lima",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Quito (5:00 AM)",
+                                                            "label": "Quito (3:00 AM)",
                                                             "value": "America/Lima",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Ekaterinburg (3:00 PM)",
+                                                            "label": "Ekaterinburg (1:00 PM)",
                                                             "value": "Asia/Yekaterinburg",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Islamabad (3:00 PM)",
+                                                            "label": "Islamabad (1:00 PM)",
                                                             "value": "Asia/Karachi",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Karachi (3:00 PM)",
+                                                            "label": "Karachi (1:00 PM)",
                                                             "value": "Asia/Karachi",
                                                           },
                                                           Object {
                                                             "index": 400,
-                                                            "label": "Tashkent (3:00 PM)",
+                                                            "label": "Tashkent (1:00 PM)",
                                                             "value": "Asia/Tashkent",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Chennai (3:30 PM)",
+                                                            "label": "Chennai (1:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Kolkata (3:30 PM)",
+                                                            "label": "Kolkata (1:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Mumbai (3:30 PM)",
+                                                            "label": "Mumbai (1:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "New Delhi (3:30 PM)",
+                                                            "label": "New Delhi (1:30 PM)",
                                                             "value": "Asia/Kolkata",
                                                           },
                                                           Object {
                                                             "index": 430,
-                                                            "label": "Sri Jayawardenepura (3:30 PM)",
+                                                            "label": "Sri Jayawardenepura (1:30 PM)",
                                                             "value": "Asia/Colombo",
                                                           },
                                                           Object {
                                                             "index": 445,
-                                                            "label": "Kathmandu (3:45 PM)",
+                                                            "label": "Kathmandu (1:45 PM)",
                                                             "value": "Asia/Kathmandu",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Chihuahua (4:00 AM)",
+                                                            "label": "Chihuahua (2:00 AM)",
                                                             "value": "America/Chihuahua",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Mazatlan (4:00 AM)",
+                                                            "label": "Mazatlan (2:00 AM)",
                                                             "value": "America/Mazatlan",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Saskatchewan (4:00 AM)",
+                                                            "label": "Saskatchewan (2:00 AM)",
                                                             "value": "America/Regina",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Central America (4:00 AM)",
+                                                            "label": "Central America (2:00 AM)",
                                                             "value": "America/Guatemala",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Astana (4:00 PM)",
+                                                            "label": "Astana (2:00 PM)",
                                                             "value": "Asia/Dhaka",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Dhaka (4:00 PM)",
+                                                            "label": "Dhaka (2:00 PM)",
                                                             "value": "Asia/Dhaka",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Almaty (4:00 PM)",
+                                                            "label": "Almaty (2:00 PM)",
                                                             "value": "Asia/Almaty",
                                                           },
                                                           Object {
                                                             "index": 460,
-                                                            "label": "Urumqi (4:00 PM)",
+                                                            "label": "Urumqi (2:00 PM)",
                                                             "value": "Asia/Urumqi",
                                                           },
                                                           Object {
                                                             "index": 490,
-                                                            "label": "Rangoon (4:30 PM)",
+                                                            "label": "Rangoon (2:30 PM)",
                                                             "value": "Asia/Rangoon",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Tijuana (3:00 AM)",
+                                                            "label": "Tijuana (1:00 AM)",
                                                             "value": "America/Tijuana",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Novosibirsk (5:00 PM)",
+                                                            "label": "Novosibirsk (3:00 PM)",
                                                             "value": "Asia/Novosibirsk",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Bangkok (5:00 PM)",
+                                                            "label": "Bangkok (3:00 PM)",
                                                             "value": "Asia/Bangkok",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Hanoi (5:00 PM)",
+                                                            "label": "Hanoi (3:00 PM)",
                                                             "value": "Asia/Bangkok",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Jakarta (5:00 PM)",
+                                                            "label": "Jakarta (3:00 PM)",
                                                             "value": "Asia/Jakarta",
                                                           },
                                                           Object {
                                                             "index": 520,
-                                                            "label": "Krasnoyarsk (5:00 PM)",
+                                                            "label": "Krasnoyarsk (3:00 PM)",
                                                             "value": "Asia/Krasnoyarsk",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Beijing (6:00 PM)",
+                                                            "label": "Beijing (4:00 PM)",
                                                             "value": "Asia/Shanghai",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Chongqing (6:00 PM)",
+                                                            "label": "Chongqing (4:00 PM)",
                                                             "value": "Asia/Chongqing",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Hong Kong (6:00 PM)",
+                                                            "label": "Hong Kong (4:00 PM)",
                                                             "value": "Asia/Hong_Kong",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Kuala Lumpur (6:00 PM)",
+                                                            "label": "Kuala Lumpur (4:00 PM)",
                                                             "value": "Asia/Kuala_Lumpur",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Singapore (6:00 PM)",
+                                                            "label": "Singapore (4:00 PM)",
                                                             "value": "Asia/Singapore",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Taipei (6:00 PM)",
+                                                            "label": "Taipei (4:00 PM)",
                                                             "value": "Asia/Taipei",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Perth (6:00 PM)",
+                                                            "label": "Perth (4:00 PM)",
                                                             "value": "Australia/Perth",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Irkutsk (6:00 PM)",
+                                                            "label": "Irkutsk (4:00 PM)",
                                                             "value": "Asia/Irkutsk",
                                                           },
                                                           Object {
                                                             "index": 580,
-                                                            "label": "Ulaanbaatar (6:00 PM)",
+                                                            "label": "Ulaanbaatar (4:00 PM)",
                                                             "value": "Asia/Ulaanbaatar",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Seoul (7:00 PM)",
+                                                            "label": "Seoul (5:00 PM)",
                                                             "value": "Asia/Seoul",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Osaka (7:00 PM)",
+                                                            "label": "Osaka (5:00 PM)",
                                                             "value": "Asia/Tokyo",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Sapporo (7:00 PM)",
+                                                            "label": "Sapporo (5:00 PM)",
                                                             "value": "Asia/Tokyo",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Tokyo (7:00 PM)",
+                                                            "label": "Tokyo (5:00 PM)",
                                                             "value": "Asia/Tokyo",
                                                           },
                                                           Object {
                                                             "index": 640,
-                                                            "label": "Yakutsk (7:00 PM)",
+                                                            "label": "Yakutsk (5:00 PM)",
                                                             "value": "Asia/Yakutsk",
                                                           },
                                                           Object {
                                                             "index": 670,
-                                                            "label": "Darwin (7:30 PM)",
+                                                            "label": "Darwin (5:30 PM)",
                                                             "value": "Australia/Darwin",
                                                           },
                                                           Object {
                                                             "index": 670,
-                                                            "label": "Adelaide (7:30 PM)",
+                                                            "label": "Adelaide (5:30 PM)",
                                                             "value": "Australia/Adelaide",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Canberra (8:00 PM)",
+                                                            "label": "Canberra (6:00 PM)",
                                                             "value": "Australia/Melbourne",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Melbourne (8:00 PM)",
+                                                            "label": "Melbourne (6:00 PM)",
                                                             "value": "Australia/Melbourne",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Sydney (8:00 PM)",
+                                                            "label": "Sydney (6:00 PM)",
                                                             "value": "Australia/Sydney",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Brisbane (8:00 PM)",
+                                                            "label": "Brisbane (6:00 PM)",
                                                             "value": "Australia/Brisbane",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Hobart (8:00 PM)",
+                                                            "label": "Hobart (6:00 PM)",
                                                             "value": "Australia/Hobart",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Vladivostok (8:00 PM)",
+                                                            "label": "Vladivostok (6:00 PM)",
                                                             "value": "Asia/Vladivostok",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Guam (8:00 PM)",
+                                                            "label": "Guam (6:00 PM)",
                                                             "value": "Pacific/Guam",
                                                           },
                                                           Object {
                                                             "index": 700,
-                                                            "label": "Port Moresby (8:00 PM)",
+                                                            "label": "Port Moresby (6:00 PM)",
                                                             "value": "Pacific/Port_Moresby",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Midway Island (11:00 PM)",
+                                                            "label": "Midway Island (9:00 PM)",
                                                             "value": "Pacific/Midway",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "American Samoa (11:00 PM)",
+                                                            "label": "American Samoa (9:00 PM)",
                                                             "value": "Pacific/Pago_Pago",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Magadan (9:00 PM)",
+                                                            "label": "Magadan (7:00 PM)",
                                                             "value": "Asia/Magadan",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Srednekolymsk (9:00 PM)",
+                                                            "label": "Srednekolymsk (7:00 PM)",
                                                             "value": "Asia/Srednekolymsk",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "Solomon Is. (9:00 PM)",
+                                                            "label": "Solomon Is. (7:00 PM)",
                                                             "value": "Pacific/Guadalcanal",
                                                           },
                                                           Object {
                                                             "index": 760,
-                                                            "label": "New Caledonia (9:00 PM)",
+                                                            "label": "New Caledonia (7:00 PM)",
                                                             "value": "Pacific/Noumea",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "International Date Line West (10:00 PM)",
+                                                            "label": "International Date Line West (8:00 PM)",
                                                             "value": "Etc/GMT+12",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Fiji (10:00 PM)",
+                                                            "label": "Fiji (8:00 PM)",
                                                             "value": "Pacific/Fiji",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Kamchatka (10:00 PM)",
+                                                            "label": "Kamchatka (8:00 PM)",
                                                             "value": "Asia/Kamchatka",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Marshall Is. (10:00 PM)",
+                                                            "label": "Marshall Is. (8:00 PM)",
                                                             "value": "Pacific/Majuro",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Auckland (10:00 PM)",
+                                                            "label": "Auckland (8:00 PM)",
                                                             "value": "Pacific/Auckland",
                                                           },
                                                           Object {
                                                             "index": 820,
-                                                            "label": "Wellington (10:00 PM)",
+                                                            "label": "Wellington (8:00 PM)",
                                                             "value": "Pacific/Auckland",
                                                           },
                                                           Object {
                                                             "index": 865,
-                                                            "label": "Chatham Is. (10:45 PM)",
+                                                            "label": "Chatham Is. (8:45 PM)",
                                                             "value": "Pacific/Chatham",
                                                           },
                                                           Object {
                                                             "index": 880,
-                                                            "label": "Nuku'alofa (11:00 PM)",
+                                                            "label": "Nuku'alofa (9:00 PM)",
                                                             "value": "Pacific/Tongatapu",
                                                           },
                                                           Object {
                                                             "index": 880,
-                                                            "label": "Tokelau Is. (11:00 PM)",
+                                                            "label": "Tokelau Is. (9:00 PM)",
                                                             "value": "Pacific/Fakaofo",
                                                           },
                                                           Object {
                                                             "index": 880,
-                                                            "label": "Samoa (11:00 PM)",
+                                                            "label": "Samoa (9:00 PM)",
                                                             "value": "Pacific/Apia",
                                                           },
                                                         ],
@@ -308213,11 +297914,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                         },
                                                         "tabIndex": "0",
                                                         "tabSelectsValue": true,
-                                                        "value": Object {
-                                                          "index": -0,
-                                                          "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                          "value": "America/Los_Angeles",
-                                                        },
+                                                        "value": null,
                                                       }
                                                     }
                                                     setValue={[Function]}
@@ -308273,7 +297970,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                           cx={[Function]}
                                                           getStyles={[Function]}
                                                           getValue={[Function]}
-                                                          hasValue={true}
+                                                          hasValue={false}
                                                           isDisabled={false}
                                                           isFocused={false}
                                                           isMulti={false}
@@ -308286,762 +297983,762 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               },
                                                               Object {
                                                                 "index": -3,
-                                                                "label": "Eastern Time (US & Canada) (6:00 AM)",
+                                                                "label": "Eastern Time (US & Canada) (4:00 AM)",
                                                                 "value": "America/New_York",
                                                               },
                                                               Object {
                                                                 "index": -2,
-                                                                "label": "Central Time (US & Canada) (5:00 AM)",
+                                                                "label": "Central Time (US & Canada) (3:00 AM)",
                                                                 "value": "America/Chicago",
                                                               },
                                                               Object {
                                                                 "index": -1,
-                                                                "label": "Mountain Time (US & Canada) (4:00 AM)",
+                                                                "label": "Mountain Time (US & Canada) (2:00 AM)",
                                                                 "value": "America/Denver",
                                                               },
                                                               Object {
                                                                 "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                                "label": "Pacific Time (US & Canada) (1:00 AM)",
                                                                 "value": "America/Los_Angeles",
                                                               },
                                                               Object {
                                                                 "index": 2.4,
-                                                                "label": "Indiana (East) (6:00 AM)",
+                                                                "label": "Indiana (East) (4:00 AM)",
                                                                 "value": "America/Indiana/Indianapolis",
                                                               },
                                                               Object {
                                                                 "index": 2.4,
-                                                                "label": "Puerto Rico (6:00 AM)",
+                                                                "label": "Puerto Rico (4:00 AM)",
                                                                 "value": "America/Puerto_Rico",
                                                               },
                                                               Object {
                                                                 "index": 4.2,
-                                                                "label": "Arizona (3:00 AM)",
+                                                                "label": "Arizona (1:00 AM)",
                                                                 "value": "America/Phoenix",
                                                               },
                                                               Object {
                                                                 "index": 4.8,
-                                                                "label": "Alaska (2:00 AM)",
+                                                                "label": "Alaska (12:00 AM)",
                                                                 "value": "America/Juneau",
                                                               },
                                                               Object {
                                                                 "index": 4.8,
-                                                                "label": "Philippine Standard Time (6:00 PM)",
+                                                                "label": "Philippine Standard Time (4:00 PM)",
                                                                 "value": "Asia/Manila",
                                                               },
                                                               Object {
                                                                 "index": 6,
-                                                                "label": "Hawaii (12:00 AM)",
+                                                                "label": "Hawaii (10:00 PM)",
                                                                 "value": "Pacific/Honolulu",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "Azores (10:00 AM)",
+                                                                "label": "Azores (8:00 AM)",
                                                                 "value": "Atlantic/Azores",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "Monrovia (10:00 AM)",
+                                                                "label": "Monrovia (8:00 AM)",
                                                                 "value": "Africa/Monrovia",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "UTC (10:00 AM)",
+                                                                "label": "UTC (8:00 AM)",
                                                                 "value": "Etc/UTC",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Cape Verde Is. (9:00 AM)",
+                                                                "label": "Cape Verde Is. (7:00 AM)",
                                                                 "value": "Atlantic/Cape_Verde",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Dublin (11:00 AM)",
+                                                                "label": "Dublin (9:00 AM)",
                                                                 "value": "Europe/Dublin",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Edinburgh (11:00 AM)",
+                                                                "label": "Edinburgh (9:00 AM)",
                                                                 "value": "Europe/London",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Lisbon (11:00 AM)",
+                                                                "label": "Lisbon (9:00 AM)",
                                                                 "value": "Europe/Lisbon",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "London (11:00 AM)",
+                                                                "label": "London (9:00 AM)",
                                                                 "value": "Europe/London",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Casablanca (11:00 AM)",
+                                                                "label": "Casablanca (9:00 AM)",
                                                                 "value": "Africa/Casablanca",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "West Central Africa (11:00 AM)",
+                                                                "label": "West Central Africa (9:00 AM)",
                                                                 "value": "Africa/Algiers",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Greenland (8:00 AM)",
+                                                                "label": "Greenland (6:00 AM)",
                                                                 "value": "America/Godthab",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Mid-Atlantic (8:00 AM)",
+                                                                "label": "Mid-Atlantic (6:00 AM)",
                                                                 "value": "Atlantic/South_Georgia",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Belgrade (12:00 PM)",
+                                                                "label": "Belgrade (10:00 AM)",
                                                                 "value": "Europe/Belgrade",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Bratislava (12:00 PM)",
+                                                                "label": "Bratislava (10:00 AM)",
                                                                 "value": "Europe/Bratislava",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Budapest (12:00 PM)",
+                                                                "label": "Budapest (10:00 AM)",
                                                                 "value": "Europe/Budapest",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Ljubljana (12:00 PM)",
+                                                                "label": "Ljubljana (10:00 AM)",
                                                                 "value": "Europe/Ljubljana",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Prague (12:00 PM)",
+                                                                "label": "Prague (10:00 AM)",
                                                                 "value": "Europe/Prague",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Sarajevo (12:00 PM)",
+                                                                "label": "Sarajevo (10:00 AM)",
                                                                 "value": "Europe/Sarajevo",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Skopje (12:00 PM)",
+                                                                "label": "Skopje (10:00 AM)",
                                                                 "value": "Europe/Skopje",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Warsaw (12:00 PM)",
+                                                                "label": "Warsaw (10:00 AM)",
                                                                 "value": "Europe/Warsaw",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Zagreb (12:00 PM)",
+                                                                "label": "Zagreb (10:00 AM)",
                                                                 "value": "Europe/Zagreb",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Brussels (12:00 PM)",
+                                                                "label": "Brussels (10:00 AM)",
                                                                 "value": "Europe/Brussels",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Copenhagen (12:00 PM)",
+                                                                "label": "Copenhagen (10:00 AM)",
                                                                 "value": "Europe/Copenhagen",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Madrid (12:00 PM)",
+                                                                "label": "Madrid (10:00 AM)",
                                                                 "value": "Europe/Madrid",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Paris (12:00 PM)",
+                                                                "label": "Paris (10:00 AM)",
                                                                 "value": "Europe/Paris",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Amsterdam (12:00 PM)",
+                                                                "label": "Amsterdam (10:00 AM)",
                                                                 "value": "Europe/Amsterdam",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Berlin (12:00 PM)",
+                                                                "label": "Berlin (10:00 AM)",
                                                                 "value": "Europe/Berlin",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Bern (12:00 PM)",
+                                                                "label": "Bern (10:00 AM)",
                                                                 "value": "Europe/Zurich",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Zurich (12:00 PM)",
+                                                                "label": "Zurich (10:00 AM)",
                                                                 "value": "Europe/Zurich",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Rome (12:00 PM)",
+                                                                "label": "Rome (10:00 AM)",
                                                                 "value": "Europe/Rome",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Stockholm (12:00 PM)",
+                                                                "label": "Stockholm (10:00 AM)",
                                                                 "value": "Europe/Stockholm",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Vienna (12:00 PM)",
+                                                                "label": "Vienna (10:00 AM)",
                                                                 "value": "Europe/Vienna",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Cairo (12:00 PM)",
+                                                                "label": "Cairo (10:00 AM)",
                                                                 "value": "Africa/Cairo",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Harare (12:00 PM)",
+                                                                "label": "Harare (10:00 AM)",
                                                                 "value": "Africa/Harare",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Pretoria (12:00 PM)",
+                                                                "label": "Pretoria (10:00 AM)",
                                                                 "value": "Africa/Johannesburg",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Kaliningrad (12:00 PM)",
+                                                                "label": "Kaliningrad (10:00 AM)",
                                                                 "value": "Europe/Kaliningrad",
                                                               },
                                                               Object {
                                                                 "index": 250,
-                                                                "label": "Newfoundland (7:30 AM)",
+                                                                "label": "Newfoundland (5:30 AM)",
                                                                 "value": "America/St_Johns",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Atlantic Time (Canada) (7:00 AM)",
+                                                                "label": "Atlantic Time (Canada) (5:00 AM)",
                                                                 "value": "America/Halifax",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Brasilia (7:00 AM)",
+                                                                "label": "Brasilia (5:00 AM)",
                                                                 "value": "America/Sao_Paulo",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Buenos Aires (7:00 AM)",
+                                                                "label": "Buenos Aires (5:00 AM)",
                                                                 "value": "America/Argentina/Buenos_Aires",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Montevideo (7:00 AM)",
+                                                                "label": "Montevideo (5:00 AM)",
                                                                 "value": "America/Montevideo",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Bucharest (1:00 PM)",
+                                                                "label": "Bucharest (11:00 AM)",
                                                                 "value": "Europe/Bucharest",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Helsinki (1:00 PM)",
+                                                                "label": "Helsinki (11:00 AM)",
                                                                 "value": "Europe/Helsinki",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Kyiv (1:00 PM)",
+                                                                "label": "Kyiv (11:00 AM)",
                                                                 "value": "Europe/Kiev",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Riga (1:00 PM)",
+                                                                "label": "Riga (11:00 AM)",
                                                                 "value": "Europe/Riga",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Sofia (1:00 PM)",
+                                                                "label": "Sofia (11:00 AM)",
                                                                 "value": "Europe/Sofia",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Tallinn (1:00 PM)",
+                                                                "label": "Tallinn (11:00 AM)",
                                                                 "value": "Europe/Tallinn",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Vilnius (1:00 PM)",
+                                                                "label": "Vilnius (11:00 AM)",
                                                                 "value": "Europe/Vilnius",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Athens (1:00 PM)",
+                                                                "label": "Athens (11:00 AM)",
                                                                 "value": "Europe/Athens",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Istanbul (1:00 PM)",
+                                                                "label": "Istanbul (11:00 AM)",
                                                                 "value": "Europe/Istanbul",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Minsk (1:00 PM)",
+                                                                "label": "Minsk (11:00 AM)",
                                                                 "value": "Europe/Minsk",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Jerusalem (1:00 PM)",
+                                                                "label": "Jerusalem (11:00 AM)",
                                                                 "value": "Asia/Jerusalem",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Moscow (1:00 PM)",
+                                                                "label": "Moscow (11:00 AM)",
                                                                 "value": "Europe/Moscow",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "St. Petersburg (1:00 PM)",
+                                                                "label": "St. Petersburg (11:00 AM)",
                                                                 "value": "Europe/Moscow",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Kuwait (1:00 PM)",
+                                                                "label": "Kuwait (11:00 AM)",
                                                                 "value": "Asia/Kuwait",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Riyadh (1:00 PM)",
+                                                                "label": "Riyadh (11:00 AM)",
                                                                 "value": "Asia/Riyadh",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Nairobi (1:00 PM)",
+                                                                "label": "Nairobi (11:00 AM)",
                                                                 "value": "Africa/Nairobi",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Baghdad (1:00 PM)",
+                                                                "label": "Baghdad (11:00 AM)",
                                                                 "value": "Asia/Baghdad",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Caracas (6:00 AM)",
+                                                                "label": "Caracas (4:00 AM)",
                                                                 "value": "America/Caracas",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "La Paz (6:00 AM)",
+                                                                "label": "La Paz (4:00 AM)",
                                                                 "value": "America/La_Paz",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Santiago (6:00 AM)",
+                                                                "label": "Santiago (4:00 AM)",
                                                                 "value": "America/Santiago",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Georgetown (6:00 AM)",
+                                                                "label": "Georgetown (4:00 AM)",
                                                                 "value": "America/Guyana",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Volgograd (2:00 PM)",
+                                                                "label": "Volgograd (12:00 PM)",
                                                                 "value": "Europe/Volgograd",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Samara (2:00 PM)",
+                                                                "label": "Samara (12:00 PM)",
                                                                 "value": "Europe/Samara",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Abu Dhabi (2:00 PM)",
+                                                                "label": "Abu Dhabi (12:00 PM)",
                                                                 "value": "Asia/Muscat",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Muscat (2:00 PM)",
+                                                                "label": "Muscat (12:00 PM)",
                                                                 "value": "Asia/Muscat",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Baku (2:00 PM)",
+                                                                "label": "Baku (12:00 PM)",
                                                                 "value": "Asia/Baku",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Tbilisi (2:00 PM)",
+                                                                "label": "Tbilisi (12:00 PM)",
                                                                 "value": "Asia/Tbilisi",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Yerevan (2:00 PM)",
+                                                                "label": "Yerevan (12:00 PM)",
                                                                 "value": "Asia/Yerevan",
                                                               },
                                                               Object {
                                                                 "index": 370,
-                                                                "label": "Tehran (2:30 PM)",
+                                                                "label": "Tehran (12:30 PM)",
                                                                 "value": "Asia/Tehran",
                                                               },
                                                               Object {
                                                                 "index": 370,
-                                                                "label": "Kabul (2:30 PM)",
+                                                                "label": "Kabul (12:30 PM)",
                                                                 "value": "Asia/Kabul",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Guadalajara (5:00 AM)",
+                                                                "label": "Guadalajara (3:00 AM)",
                                                                 "value": "America/Mexico_City",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Mexico City (5:00 AM)",
+                                                                "label": "Mexico City (3:00 AM)",
                                                                 "value": "America/Mexico_City",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Monterrey (5:00 AM)",
+                                                                "label": "Monterrey (3:00 AM)",
                                                                 "value": "America/Monterrey",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Bogota (5:00 AM)",
+                                                                "label": "Bogota (3:00 AM)",
                                                                 "value": "America/Bogota",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Lima (5:00 AM)",
+                                                                "label": "Lima (3:00 AM)",
                                                                 "value": "America/Lima",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Quito (5:00 AM)",
+                                                                "label": "Quito (3:00 AM)",
                                                                 "value": "America/Lima",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Ekaterinburg (3:00 PM)",
+                                                                "label": "Ekaterinburg (1:00 PM)",
                                                                 "value": "Asia/Yekaterinburg",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Islamabad (3:00 PM)",
+                                                                "label": "Islamabad (1:00 PM)",
                                                                 "value": "Asia/Karachi",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Karachi (3:00 PM)",
+                                                                "label": "Karachi (1:00 PM)",
                                                                 "value": "Asia/Karachi",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Tashkent (3:00 PM)",
+                                                                "label": "Tashkent (1:00 PM)",
                                                                 "value": "Asia/Tashkent",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Chennai (3:30 PM)",
+                                                                "label": "Chennai (1:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Kolkata (3:30 PM)",
+                                                                "label": "Kolkata (1:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Mumbai (3:30 PM)",
+                                                                "label": "Mumbai (1:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "New Delhi (3:30 PM)",
+                                                                "label": "New Delhi (1:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Sri Jayawardenepura (3:30 PM)",
+                                                                "label": "Sri Jayawardenepura (1:30 PM)",
                                                                 "value": "Asia/Colombo",
                                                               },
                                                               Object {
                                                                 "index": 445,
-                                                                "label": "Kathmandu (3:45 PM)",
+                                                                "label": "Kathmandu (1:45 PM)",
                                                                 "value": "Asia/Kathmandu",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Chihuahua (4:00 AM)",
+                                                                "label": "Chihuahua (2:00 AM)",
                                                                 "value": "America/Chihuahua",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Mazatlan (4:00 AM)",
+                                                                "label": "Mazatlan (2:00 AM)",
                                                                 "value": "America/Mazatlan",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Saskatchewan (4:00 AM)",
+                                                                "label": "Saskatchewan (2:00 AM)",
                                                                 "value": "America/Regina",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Central America (4:00 AM)",
+                                                                "label": "Central America (2:00 AM)",
                                                                 "value": "America/Guatemala",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Astana (4:00 PM)",
+                                                                "label": "Astana (2:00 PM)",
                                                                 "value": "Asia/Dhaka",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Dhaka (4:00 PM)",
+                                                                "label": "Dhaka (2:00 PM)",
                                                                 "value": "Asia/Dhaka",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Almaty (4:00 PM)",
+                                                                "label": "Almaty (2:00 PM)",
                                                                 "value": "Asia/Almaty",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Urumqi (4:00 PM)",
+                                                                "label": "Urumqi (2:00 PM)",
                                                                 "value": "Asia/Urumqi",
                                                               },
                                                               Object {
                                                                 "index": 490,
-                                                                "label": "Rangoon (4:30 PM)",
+                                                                "label": "Rangoon (2:30 PM)",
                                                                 "value": "Asia/Rangoon",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Tijuana (3:00 AM)",
+                                                                "label": "Tijuana (1:00 AM)",
                                                                 "value": "America/Tijuana",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Novosibirsk (5:00 PM)",
+                                                                "label": "Novosibirsk (3:00 PM)",
                                                                 "value": "Asia/Novosibirsk",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Bangkok (5:00 PM)",
+                                                                "label": "Bangkok (3:00 PM)",
                                                                 "value": "Asia/Bangkok",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Hanoi (5:00 PM)",
+                                                                "label": "Hanoi (3:00 PM)",
                                                                 "value": "Asia/Bangkok",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Jakarta (5:00 PM)",
+                                                                "label": "Jakarta (3:00 PM)",
                                                                 "value": "Asia/Jakarta",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Krasnoyarsk (5:00 PM)",
+                                                                "label": "Krasnoyarsk (3:00 PM)",
                                                                 "value": "Asia/Krasnoyarsk",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Beijing (6:00 PM)",
+                                                                "label": "Beijing (4:00 PM)",
                                                                 "value": "Asia/Shanghai",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Chongqing (6:00 PM)",
+                                                                "label": "Chongqing (4:00 PM)",
                                                                 "value": "Asia/Chongqing",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Hong Kong (6:00 PM)",
+                                                                "label": "Hong Kong (4:00 PM)",
                                                                 "value": "Asia/Hong_Kong",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Kuala Lumpur (6:00 PM)",
+                                                                "label": "Kuala Lumpur (4:00 PM)",
                                                                 "value": "Asia/Kuala_Lumpur",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Singapore (6:00 PM)",
+                                                                "label": "Singapore (4:00 PM)",
                                                                 "value": "Asia/Singapore",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Taipei (6:00 PM)",
+                                                                "label": "Taipei (4:00 PM)",
                                                                 "value": "Asia/Taipei",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Perth (6:00 PM)",
+                                                                "label": "Perth (4:00 PM)",
                                                                 "value": "Australia/Perth",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Irkutsk (6:00 PM)",
+                                                                "label": "Irkutsk (4:00 PM)",
                                                                 "value": "Asia/Irkutsk",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Ulaanbaatar (6:00 PM)",
+                                                                "label": "Ulaanbaatar (4:00 PM)",
                                                                 "value": "Asia/Ulaanbaatar",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Seoul (7:00 PM)",
+                                                                "label": "Seoul (5:00 PM)",
                                                                 "value": "Asia/Seoul",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Osaka (7:00 PM)",
+                                                                "label": "Osaka (5:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Sapporo (7:00 PM)",
+                                                                "label": "Sapporo (5:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Tokyo (7:00 PM)",
+                                                                "label": "Tokyo (5:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Yakutsk (7:00 PM)",
+                                                                "label": "Yakutsk (5:00 PM)",
                                                                 "value": "Asia/Yakutsk",
                                                               },
                                                               Object {
                                                                 "index": 670,
-                                                                "label": "Darwin (7:30 PM)",
+                                                                "label": "Darwin (5:30 PM)",
                                                                 "value": "Australia/Darwin",
                                                               },
                                                               Object {
                                                                 "index": 670,
-                                                                "label": "Adelaide (7:30 PM)",
+                                                                "label": "Adelaide (5:30 PM)",
                                                                 "value": "Australia/Adelaide",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Canberra (8:00 PM)",
+                                                                "label": "Canberra (6:00 PM)",
                                                                 "value": "Australia/Melbourne",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Melbourne (8:00 PM)",
+                                                                "label": "Melbourne (6:00 PM)",
                                                                 "value": "Australia/Melbourne",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Sydney (8:00 PM)",
+                                                                "label": "Sydney (6:00 PM)",
                                                                 "value": "Australia/Sydney",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Brisbane (8:00 PM)",
+                                                                "label": "Brisbane (6:00 PM)",
                                                                 "value": "Australia/Brisbane",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Hobart (8:00 PM)",
+                                                                "label": "Hobart (6:00 PM)",
                                                                 "value": "Australia/Hobart",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Vladivostok (8:00 PM)",
+                                                                "label": "Vladivostok (6:00 PM)",
                                                                 "value": "Asia/Vladivostok",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Guam (8:00 PM)",
+                                                                "label": "Guam (6:00 PM)",
                                                                 "value": "Pacific/Guam",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Port Moresby (8:00 PM)",
+                                                                "label": "Port Moresby (6:00 PM)",
                                                                 "value": "Pacific/Port_Moresby",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Midway Island (11:00 PM)",
+                                                                "label": "Midway Island (9:00 PM)",
                                                                 "value": "Pacific/Midway",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "American Samoa (11:00 PM)",
+                                                                "label": "American Samoa (9:00 PM)",
                                                                 "value": "Pacific/Pago_Pago",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Magadan (9:00 PM)",
+                                                                "label": "Magadan (7:00 PM)",
                                                                 "value": "Asia/Magadan",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Srednekolymsk (9:00 PM)",
+                                                                "label": "Srednekolymsk (7:00 PM)",
                                                                 "value": "Asia/Srednekolymsk",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Solomon Is. (9:00 PM)",
+                                                                "label": "Solomon Is. (7:00 PM)",
                                                                 "value": "Pacific/Guadalcanal",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "New Caledonia (9:00 PM)",
+                                                                "label": "New Caledonia (7:00 PM)",
                                                                 "value": "Pacific/Noumea",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "International Date Line West (10:00 PM)",
+                                                                "label": "International Date Line West (8:00 PM)",
                                                                 "value": "Etc/GMT+12",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Fiji (10:00 PM)",
+                                                                "label": "Fiji (8:00 PM)",
                                                                 "value": "Pacific/Fiji",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Kamchatka (10:00 PM)",
+                                                                "label": "Kamchatka (8:00 PM)",
                                                                 "value": "Asia/Kamchatka",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Marshall Is. (10:00 PM)",
+                                                                "label": "Marshall Is. (8:00 PM)",
                                                                 "value": "Pacific/Majuro",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Auckland (10:00 PM)",
+                                                                "label": "Auckland (8:00 PM)",
                                                                 "value": "Pacific/Auckland",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Wellington (10:00 PM)",
+                                                                "label": "Wellington (8:00 PM)",
                                                                 "value": "Pacific/Auckland",
                                                               },
                                                               Object {
                                                                 "index": 865,
-                                                                "label": "Chatham Is. (10:45 PM)",
+                                                                "label": "Chatham Is. (8:45 PM)",
                                                                 "value": "Pacific/Chatham",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Nuku'alofa (11:00 PM)",
+                                                                "label": "Nuku'alofa (9:00 PM)",
                                                                 "value": "Pacific/Tongatapu",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Tokelau Is. (11:00 PM)",
+                                                                "label": "Tokelau Is. (9:00 PM)",
                                                                 "value": "Pacific/Fakaofo",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Samoa (11:00 PM)",
+                                                                "label": "Samoa (9:00 PM)",
                                                                 "value": "Pacific/Apia",
                                                               },
                                                             ]
@@ -309068,7 +298765,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "formatGroupLabel": [Function],
                                                               "getOptionLabel": [Function],
                                                               "getOptionValue": [Function],
-                                                              "inputId": "representative-tz",
+                                                              "inputId": "appellant-tz",
                                                               "inputValue": "",
                                                               "isClearable": undefined,
                                                               "isDisabled": false,
@@ -309086,7 +298783,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "menuShouldBlockScroll": false,
                                                               "menuShouldScrollIntoView": true,
                                                               "minMenuHeight": 140,
-                                                              "name": "representativeTz",
+                                                              "name": "appellantTz",
                                                               "noOptionsMessage": [Function],
                                                               "onBlurResetsInput": false,
                                                               "onChange": [Function],
@@ -309102,762 +298799,762 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                                 },
                                                                 Object {
                                                                   "index": -3,
-                                                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
+                                                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
                                                                   "value": "America/New_York",
                                                                 },
                                                                 Object {
                                                                   "index": -2,
-                                                                  "label": "Central Time (US & Canada) (5:00 AM)",
+                                                                  "label": "Central Time (US & Canada) (3:00 AM)",
                                                                   "value": "America/Chicago",
                                                                 },
                                                                 Object {
                                                                   "index": -1,
-                                                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
+                                                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
                                                                   "value": "America/Denver",
                                                                 },
                                                                 Object {
                                                                   "index": -0,
-                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
                                                                   "value": "America/Los_Angeles",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Indiana (East) (6:00 AM)",
+                                                                  "label": "Indiana (East) (4:00 AM)",
                                                                   "value": "America/Indiana/Indianapolis",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Puerto Rico (6:00 AM)",
+                                                                  "label": "Puerto Rico (4:00 AM)",
                                                                   "value": "America/Puerto_Rico",
                                                                 },
                                                                 Object {
                                                                   "index": 4.2,
-                                                                  "label": "Arizona (3:00 AM)",
+                                                                  "label": "Arizona (1:00 AM)",
                                                                   "value": "America/Phoenix",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Alaska (2:00 AM)",
+                                                                  "label": "Alaska (12:00 AM)",
                                                                   "value": "America/Juneau",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Philippine Standard Time (6:00 PM)",
+                                                                  "label": "Philippine Standard Time (4:00 PM)",
                                                                   "value": "Asia/Manila",
                                                                 },
                                                                 Object {
                                                                   "index": 6,
-                                                                  "label": "Hawaii (12:00 AM)",
+                                                                  "label": "Hawaii (10:00 PM)",
                                                                   "value": "Pacific/Honolulu",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Azores (10:00 AM)",
+                                                                  "label": "Azores (8:00 AM)",
                                                                   "value": "Atlantic/Azores",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Monrovia (10:00 AM)",
+                                                                  "label": "Monrovia (8:00 AM)",
                                                                   "value": "Africa/Monrovia",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "UTC (10:00 AM)",
+                                                                  "label": "UTC (8:00 AM)",
                                                                   "value": "Etc/UTC",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Cape Verde Is. (9:00 AM)",
+                                                                  "label": "Cape Verde Is. (7:00 AM)",
                                                                   "value": "Atlantic/Cape_Verde",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Dublin (11:00 AM)",
+                                                                  "label": "Dublin (9:00 AM)",
                                                                   "value": "Europe/Dublin",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Edinburgh (11:00 AM)",
+                                                                  "label": "Edinburgh (9:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Lisbon (11:00 AM)",
+                                                                  "label": "Lisbon (9:00 AM)",
                                                                   "value": "Europe/Lisbon",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "London (11:00 AM)",
+                                                                  "label": "London (9:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Casablanca (11:00 AM)",
+                                                                  "label": "Casablanca (9:00 AM)",
                                                                   "value": "Africa/Casablanca",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "West Central Africa (11:00 AM)",
+                                                                  "label": "West Central Africa (9:00 AM)",
                                                                   "value": "Africa/Algiers",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Greenland (8:00 AM)",
+                                                                  "label": "Greenland (6:00 AM)",
                                                                   "value": "America/Godthab",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Mid-Atlantic (8:00 AM)",
+                                                                  "label": "Mid-Atlantic (6:00 AM)",
                                                                   "value": "Atlantic/South_Georgia",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Belgrade (12:00 PM)",
+                                                                  "label": "Belgrade (10:00 AM)",
                                                                   "value": "Europe/Belgrade",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bratislava (12:00 PM)",
+                                                                  "label": "Bratislava (10:00 AM)",
                                                                   "value": "Europe/Bratislava",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Budapest (12:00 PM)",
+                                                                  "label": "Budapest (10:00 AM)",
                                                                   "value": "Europe/Budapest",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Ljubljana (12:00 PM)",
+                                                                  "label": "Ljubljana (10:00 AM)",
                                                                   "value": "Europe/Ljubljana",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Prague (12:00 PM)",
+                                                                  "label": "Prague (10:00 AM)",
                                                                   "value": "Europe/Prague",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Sarajevo (12:00 PM)",
+                                                                  "label": "Sarajevo (10:00 AM)",
                                                                   "value": "Europe/Sarajevo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Skopje (12:00 PM)",
+                                                                  "label": "Skopje (10:00 AM)",
                                                                   "value": "Europe/Skopje",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Warsaw (12:00 PM)",
+                                                                  "label": "Warsaw (10:00 AM)",
                                                                   "value": "Europe/Warsaw",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zagreb (12:00 PM)",
+                                                                  "label": "Zagreb (10:00 AM)",
                                                                   "value": "Europe/Zagreb",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Brussels (12:00 PM)",
+                                                                  "label": "Brussels (10:00 AM)",
                                                                   "value": "Europe/Brussels",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Copenhagen (12:00 PM)",
+                                                                  "label": "Copenhagen (10:00 AM)",
                                                                   "value": "Europe/Copenhagen",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Madrid (12:00 PM)",
+                                                                  "label": "Madrid (10:00 AM)",
                                                                   "value": "Europe/Madrid",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Paris (12:00 PM)",
+                                                                  "label": "Paris (10:00 AM)",
                                                                   "value": "Europe/Paris",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Amsterdam (12:00 PM)",
+                                                                  "label": "Amsterdam (10:00 AM)",
                                                                   "value": "Europe/Amsterdam",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Berlin (12:00 PM)",
+                                                                  "label": "Berlin (10:00 AM)",
                                                                   "value": "Europe/Berlin",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bern (12:00 PM)",
+                                                                  "label": "Bern (10:00 AM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zurich (12:00 PM)",
+                                                                  "label": "Zurich (10:00 AM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Rome (12:00 PM)",
+                                                                  "label": "Rome (10:00 AM)",
                                                                   "value": "Europe/Rome",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Stockholm (12:00 PM)",
+                                                                  "label": "Stockholm (10:00 AM)",
                                                                   "value": "Europe/Stockholm",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Vienna (12:00 PM)",
+                                                                  "label": "Vienna (10:00 AM)",
                                                                   "value": "Europe/Vienna",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Cairo (12:00 PM)",
+                                                                  "label": "Cairo (10:00 AM)",
                                                                   "value": "Africa/Cairo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Harare (12:00 PM)",
+                                                                  "label": "Harare (10:00 AM)",
                                                                   "value": "Africa/Harare",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Pretoria (12:00 PM)",
+                                                                  "label": "Pretoria (10:00 AM)",
                                                                   "value": "Africa/Johannesburg",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Kaliningrad (12:00 PM)",
+                                                                  "label": "Kaliningrad (10:00 AM)",
                                                                   "value": "Europe/Kaliningrad",
                                                                 },
                                                                 Object {
                                                                   "index": 250,
-                                                                  "label": "Newfoundland (7:30 AM)",
+                                                                  "label": "Newfoundland (5:30 AM)",
                                                                   "value": "America/St_Johns",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Atlantic Time (Canada) (7:00 AM)",
+                                                                  "label": "Atlantic Time (Canada) (5:00 AM)",
                                                                   "value": "America/Halifax",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Brasilia (7:00 AM)",
+                                                                  "label": "Brasilia (5:00 AM)",
                                                                   "value": "America/Sao_Paulo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Buenos Aires (7:00 AM)",
+                                                                  "label": "Buenos Aires (5:00 AM)",
                                                                   "value": "America/Argentina/Buenos_Aires",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Montevideo (7:00 AM)",
+                                                                  "label": "Montevideo (5:00 AM)",
                                                                   "value": "America/Montevideo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Bucharest (1:00 PM)",
+                                                                  "label": "Bucharest (11:00 AM)",
                                                                   "value": "Europe/Bucharest",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Helsinki (1:00 PM)",
+                                                                  "label": "Helsinki (11:00 AM)",
                                                                   "value": "Europe/Helsinki",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kyiv (1:00 PM)",
+                                                                  "label": "Kyiv (11:00 AM)",
                                                                   "value": "Europe/Kiev",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riga (1:00 PM)",
+                                                                  "label": "Riga (11:00 AM)",
                                                                   "value": "Europe/Riga",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Sofia (1:00 PM)",
+                                                                  "label": "Sofia (11:00 AM)",
                                                                   "value": "Europe/Sofia",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Tallinn (1:00 PM)",
+                                                                  "label": "Tallinn (11:00 AM)",
                                                                   "value": "Europe/Tallinn",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Vilnius (1:00 PM)",
+                                                                  "label": "Vilnius (11:00 AM)",
                                                                   "value": "Europe/Vilnius",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Athens (1:00 PM)",
+                                                                  "label": "Athens (11:00 AM)",
                                                                   "value": "Europe/Athens",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Istanbul (1:00 PM)",
+                                                                  "label": "Istanbul (11:00 AM)",
                                                                   "value": "Europe/Istanbul",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Minsk (1:00 PM)",
+                                                                  "label": "Minsk (11:00 AM)",
                                                                   "value": "Europe/Minsk",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Jerusalem (1:00 PM)",
+                                                                  "label": "Jerusalem (11:00 AM)",
                                                                   "value": "Asia/Jerusalem",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Moscow (1:00 PM)",
+                                                                  "label": "Moscow (11:00 AM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "St. Petersburg (1:00 PM)",
+                                                                  "label": "St. Petersburg (11:00 AM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kuwait (1:00 PM)",
+                                                                  "label": "Kuwait (11:00 AM)",
                                                                   "value": "Asia/Kuwait",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riyadh (1:00 PM)",
+                                                                  "label": "Riyadh (11:00 AM)",
                                                                   "value": "Asia/Riyadh",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Nairobi (1:00 PM)",
+                                                                  "label": "Nairobi (11:00 AM)",
                                                                   "value": "Africa/Nairobi",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Baghdad (1:00 PM)",
+                                                                  "label": "Baghdad (11:00 AM)",
                                                                   "value": "Asia/Baghdad",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Caracas (6:00 AM)",
+                                                                  "label": "Caracas (4:00 AM)",
                                                                   "value": "America/Caracas",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "La Paz (6:00 AM)",
+                                                                  "label": "La Paz (4:00 AM)",
                                                                   "value": "America/La_Paz",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Santiago (6:00 AM)",
+                                                                  "label": "Santiago (4:00 AM)",
                                                                   "value": "America/Santiago",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Georgetown (6:00 AM)",
+                                                                  "label": "Georgetown (4:00 AM)",
                                                                   "value": "America/Guyana",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Volgograd (2:00 PM)",
+                                                                  "label": "Volgograd (12:00 PM)",
                                                                   "value": "Europe/Volgograd",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Samara (2:00 PM)",
+                                                                  "label": "Samara (12:00 PM)",
                                                                   "value": "Europe/Samara",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Abu Dhabi (2:00 PM)",
+                                                                  "label": "Abu Dhabi (12:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Muscat (2:00 PM)",
+                                                                  "label": "Muscat (12:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Baku (2:00 PM)",
+                                                                  "label": "Baku (12:00 PM)",
                                                                   "value": "Asia/Baku",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Tbilisi (2:00 PM)",
+                                                                  "label": "Tbilisi (12:00 PM)",
                                                                   "value": "Asia/Tbilisi",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Yerevan (2:00 PM)",
+                                                                  "label": "Yerevan (12:00 PM)",
                                                                   "value": "Asia/Yerevan",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Tehran (2:30 PM)",
+                                                                  "label": "Tehran (12:30 PM)",
                                                                   "value": "Asia/Tehran",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Kabul (2:30 PM)",
+                                                                  "label": "Kabul (12:30 PM)",
                                                                   "value": "Asia/Kabul",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Guadalajara (5:00 AM)",
+                                                                  "label": "Guadalajara (3:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Mexico City (5:00 AM)",
+                                                                  "label": "Mexico City (3:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Monterrey (5:00 AM)",
+                                                                  "label": "Monterrey (3:00 AM)",
                                                                   "value": "America/Monterrey",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Bogota (5:00 AM)",
+                                                                  "label": "Bogota (3:00 AM)",
                                                                   "value": "America/Bogota",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Lima (5:00 AM)",
+                                                                  "label": "Lima (3:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Quito (5:00 AM)",
+                                                                  "label": "Quito (3:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Ekaterinburg (3:00 PM)",
+                                                                  "label": "Ekaterinburg (1:00 PM)",
                                                                   "value": "Asia/Yekaterinburg",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Islamabad (3:00 PM)",
+                                                                  "label": "Islamabad (1:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Karachi (3:00 PM)",
+                                                                  "label": "Karachi (1:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Tashkent (3:00 PM)",
+                                                                  "label": "Tashkent (1:00 PM)",
                                                                   "value": "Asia/Tashkent",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Chennai (3:30 PM)",
+                                                                  "label": "Chennai (1:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Kolkata (3:30 PM)",
+                                                                  "label": "Kolkata (1:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Mumbai (3:30 PM)",
+                                                                  "label": "Mumbai (1:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "New Delhi (3:30 PM)",
+                                                                  "label": "New Delhi (1:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Sri Jayawardenepura (3:30 PM)",
+                                                                  "label": "Sri Jayawardenepura (1:30 PM)",
                                                                   "value": "Asia/Colombo",
                                                                 },
                                                                 Object {
                                                                   "index": 445,
-                                                                  "label": "Kathmandu (3:45 PM)",
+                                                                  "label": "Kathmandu (1:45 PM)",
                                                                   "value": "Asia/Kathmandu",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Chihuahua (4:00 AM)",
+                                                                  "label": "Chihuahua (2:00 AM)",
                                                                   "value": "America/Chihuahua",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Mazatlan (4:00 AM)",
+                                                                  "label": "Mazatlan (2:00 AM)",
                                                                   "value": "America/Mazatlan",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Saskatchewan (4:00 AM)",
+                                                                  "label": "Saskatchewan (2:00 AM)",
                                                                   "value": "America/Regina",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Central America (4:00 AM)",
+                                                                  "label": "Central America (2:00 AM)",
                                                                   "value": "America/Guatemala",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Astana (4:00 PM)",
+                                                                  "label": "Astana (2:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Dhaka (4:00 PM)",
+                                                                  "label": "Dhaka (2:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Almaty (4:00 PM)",
+                                                                  "label": "Almaty (2:00 PM)",
                                                                   "value": "Asia/Almaty",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Urumqi (4:00 PM)",
+                                                                  "label": "Urumqi (2:00 PM)",
                                                                   "value": "Asia/Urumqi",
                                                                 },
                                                                 Object {
                                                                   "index": 490,
-                                                                  "label": "Rangoon (4:30 PM)",
+                                                                  "label": "Rangoon (2:30 PM)",
                                                                   "value": "Asia/Rangoon",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Tijuana (3:00 AM)",
+                                                                  "label": "Tijuana (1:00 AM)",
                                                                   "value": "America/Tijuana",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Novosibirsk (5:00 PM)",
+                                                                  "label": "Novosibirsk (3:00 PM)",
                                                                   "value": "Asia/Novosibirsk",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Bangkok (5:00 PM)",
+                                                                  "label": "Bangkok (3:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Hanoi (5:00 PM)",
+                                                                  "label": "Hanoi (3:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Jakarta (5:00 PM)",
+                                                                  "label": "Jakarta (3:00 PM)",
                                                                   "value": "Asia/Jakarta",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Krasnoyarsk (5:00 PM)",
+                                                                  "label": "Krasnoyarsk (3:00 PM)",
                                                                   "value": "Asia/Krasnoyarsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Beijing (6:00 PM)",
+                                                                  "label": "Beijing (4:00 PM)",
                                                                   "value": "Asia/Shanghai",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Chongqing (6:00 PM)",
+                                                                  "label": "Chongqing (4:00 PM)",
                                                                   "value": "Asia/Chongqing",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Hong Kong (6:00 PM)",
+                                                                  "label": "Hong Kong (4:00 PM)",
                                                                   "value": "Asia/Hong_Kong",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Kuala Lumpur (6:00 PM)",
+                                                                  "label": "Kuala Lumpur (4:00 PM)",
                                                                   "value": "Asia/Kuala_Lumpur",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Singapore (6:00 PM)",
+                                                                  "label": "Singapore (4:00 PM)",
                                                                   "value": "Asia/Singapore",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Taipei (6:00 PM)",
+                                                                  "label": "Taipei (4:00 PM)",
                                                                   "value": "Asia/Taipei",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Perth (6:00 PM)",
+                                                                  "label": "Perth (4:00 PM)",
                                                                   "value": "Australia/Perth",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Irkutsk (6:00 PM)",
+                                                                  "label": "Irkutsk (4:00 PM)",
                                                                   "value": "Asia/Irkutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Ulaanbaatar (6:00 PM)",
+                                                                  "label": "Ulaanbaatar (4:00 PM)",
                                                                   "value": "Asia/Ulaanbaatar",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Seoul (7:00 PM)",
+                                                                  "label": "Seoul (5:00 PM)",
                                                                   "value": "Asia/Seoul",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Osaka (7:00 PM)",
+                                                                  "label": "Osaka (5:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Sapporo (7:00 PM)",
+                                                                  "label": "Sapporo (5:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Tokyo (7:00 PM)",
+                                                                  "label": "Tokyo (5:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Yakutsk (7:00 PM)",
+                                                                  "label": "Yakutsk (5:00 PM)",
                                                                   "value": "Asia/Yakutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Darwin (7:30 PM)",
+                                                                  "label": "Darwin (5:30 PM)",
                                                                   "value": "Australia/Darwin",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Adelaide (7:30 PM)",
+                                                                  "label": "Adelaide (5:30 PM)",
                                                                   "value": "Australia/Adelaide",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Canberra (8:00 PM)",
+                                                                  "label": "Canberra (6:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Melbourne (8:00 PM)",
+                                                                  "label": "Melbourne (6:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Sydney (8:00 PM)",
+                                                                  "label": "Sydney (6:00 PM)",
                                                                   "value": "Australia/Sydney",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Brisbane (8:00 PM)",
+                                                                  "label": "Brisbane (6:00 PM)",
                                                                   "value": "Australia/Brisbane",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Hobart (8:00 PM)",
+                                                                  "label": "Hobart (6:00 PM)",
                                                                   "value": "Australia/Hobart",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Vladivostok (8:00 PM)",
+                                                                  "label": "Vladivostok (6:00 PM)",
                                                                   "value": "Asia/Vladivostok",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Guam (8:00 PM)",
+                                                                  "label": "Guam (6:00 PM)",
                                                                   "value": "Pacific/Guam",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Port Moresby (8:00 PM)",
+                                                                  "label": "Port Moresby (6:00 PM)",
                                                                   "value": "Pacific/Port_Moresby",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Midway Island (11:00 PM)",
+                                                                  "label": "Midway Island (9:00 PM)",
                                                                   "value": "Pacific/Midway",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "American Samoa (11:00 PM)",
+                                                                  "label": "American Samoa (9:00 PM)",
                                                                   "value": "Pacific/Pago_Pago",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Magadan (9:00 PM)",
+                                                                  "label": "Magadan (7:00 PM)",
                                                                   "value": "Asia/Magadan",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Srednekolymsk (9:00 PM)",
+                                                                  "label": "Srednekolymsk (7:00 PM)",
                                                                   "value": "Asia/Srednekolymsk",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Solomon Is. (9:00 PM)",
+                                                                  "label": "Solomon Is. (7:00 PM)",
                                                                   "value": "Pacific/Guadalcanal",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "New Caledonia (9:00 PM)",
+                                                                  "label": "New Caledonia (7:00 PM)",
                                                                   "value": "Pacific/Noumea",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "International Date Line West (10:00 PM)",
+                                                                  "label": "International Date Line West (8:00 PM)",
                                                                   "value": "Etc/GMT+12",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Fiji (10:00 PM)",
+                                                                  "label": "Fiji (8:00 PM)",
                                                                   "value": "Pacific/Fiji",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Kamchatka (10:00 PM)",
+                                                                  "label": "Kamchatka (8:00 PM)",
                                                                   "value": "Asia/Kamchatka",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Marshall Is. (10:00 PM)",
+                                                                  "label": "Marshall Is. (8:00 PM)",
                                                                   "value": "Pacific/Majuro",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Auckland (10:00 PM)",
+                                                                  "label": "Auckland (8:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Wellington (10:00 PM)",
+                                                                  "label": "Wellington (8:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 865,
-                                                                  "label": "Chatham Is. (10:45 PM)",
+                                                                  "label": "Chatham Is. (8:45 PM)",
                                                                   "value": "Pacific/Chatham",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Nuku'alofa (11:00 PM)",
+                                                                  "label": "Nuku'alofa (9:00 PM)",
                                                                   "value": "Pacific/Tongatapu",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Tokelau Is. (11:00 PM)",
+                                                                  "label": "Tokelau Is. (9:00 PM)",
                                                                   "value": "Pacific/Fakaofo",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Samoa (11:00 PM)",
+                                                                  "label": "Samoa (9:00 PM)",
                                                                   "value": "Pacific/Apia",
                                                                 },
                                                               ],
@@ -309871,11 +299568,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               },
                                                               "tabIndex": "0",
                                                               "tabSelectsValue": true,
-                                                              "value": Object {
-                                                                "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                                "value": "America/Los_Angeles",
-                                                              },
+                                                              "value": null,
                                                             }
                                                           }
                                                           setValue={[Function]}
@@ -309935,7 +299628,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                           cx={[Function]}
                                                           getStyles={[Function]}
                                                           getValue={[Function]}
-                                                          hasValue={true}
+                                                          hasValue={false}
                                                           innerProps={
                                                             Object {
                                                               "aria-hidden": "true",
@@ -309955,762 +299648,762 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               },
                                                               Object {
                                                                 "index": -3,
-                                                                "label": "Eastern Time (US & Canada) (6:00 AM)",
+                                                                "label": "Eastern Time (US & Canada) (4:00 AM)",
                                                                 "value": "America/New_York",
                                                               },
                                                               Object {
                                                                 "index": -2,
-                                                                "label": "Central Time (US & Canada) (5:00 AM)",
+                                                                "label": "Central Time (US & Canada) (3:00 AM)",
                                                                 "value": "America/Chicago",
                                                               },
                                                               Object {
                                                                 "index": -1,
-                                                                "label": "Mountain Time (US & Canada) (4:00 AM)",
+                                                                "label": "Mountain Time (US & Canada) (2:00 AM)",
                                                                 "value": "America/Denver",
                                                               },
                                                               Object {
                                                                 "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                                "label": "Pacific Time (US & Canada) (1:00 AM)",
                                                                 "value": "America/Los_Angeles",
                                                               },
                                                               Object {
                                                                 "index": 2.4,
-                                                                "label": "Indiana (East) (6:00 AM)",
+                                                                "label": "Indiana (East) (4:00 AM)",
                                                                 "value": "America/Indiana/Indianapolis",
                                                               },
                                                               Object {
                                                                 "index": 2.4,
-                                                                "label": "Puerto Rico (6:00 AM)",
+                                                                "label": "Puerto Rico (4:00 AM)",
                                                                 "value": "America/Puerto_Rico",
                                                               },
                                                               Object {
                                                                 "index": 4.2,
-                                                                "label": "Arizona (3:00 AM)",
+                                                                "label": "Arizona (1:00 AM)",
                                                                 "value": "America/Phoenix",
                                                               },
                                                               Object {
                                                                 "index": 4.8,
-                                                                "label": "Alaska (2:00 AM)",
+                                                                "label": "Alaska (12:00 AM)",
                                                                 "value": "America/Juneau",
                                                               },
                                                               Object {
                                                                 "index": 4.8,
-                                                                "label": "Philippine Standard Time (6:00 PM)",
+                                                                "label": "Philippine Standard Time (4:00 PM)",
                                                                 "value": "Asia/Manila",
                                                               },
                                                               Object {
                                                                 "index": 6,
-                                                                "label": "Hawaii (12:00 AM)",
+                                                                "label": "Hawaii (10:00 PM)",
                                                                 "value": "Pacific/Honolulu",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "Azores (10:00 AM)",
+                                                                "label": "Azores (8:00 AM)",
                                                                 "value": "Atlantic/Azores",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "Monrovia (10:00 AM)",
+                                                                "label": "Monrovia (8:00 AM)",
                                                                 "value": "Africa/Monrovia",
                                                               },
                                                               Object {
                                                                 "index": 100,
-                                                                "label": "UTC (10:00 AM)",
+                                                                "label": "UTC (8:00 AM)",
                                                                 "value": "Etc/UTC",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Cape Verde Is. (9:00 AM)",
+                                                                "label": "Cape Verde Is. (7:00 AM)",
                                                                 "value": "Atlantic/Cape_Verde",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Dublin (11:00 AM)",
+                                                                "label": "Dublin (9:00 AM)",
                                                                 "value": "Europe/Dublin",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Edinburgh (11:00 AM)",
+                                                                "label": "Edinburgh (9:00 AM)",
                                                                 "value": "Europe/London",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Lisbon (11:00 AM)",
+                                                                "label": "Lisbon (9:00 AM)",
                                                                 "value": "Europe/Lisbon",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "London (11:00 AM)",
+                                                                "label": "London (9:00 AM)",
                                                                 "value": "Europe/London",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "Casablanca (11:00 AM)",
+                                                                "label": "Casablanca (9:00 AM)",
                                                                 "value": "Africa/Casablanca",
                                                               },
                                                               Object {
                                                                 "index": 160,
-                                                                "label": "West Central Africa (11:00 AM)",
+                                                                "label": "West Central Africa (9:00 AM)",
                                                                 "value": "Africa/Algiers",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Greenland (8:00 AM)",
+                                                                "label": "Greenland (6:00 AM)",
                                                                 "value": "America/Godthab",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Mid-Atlantic (8:00 AM)",
+                                                                "label": "Mid-Atlantic (6:00 AM)",
                                                                 "value": "Atlantic/South_Georgia",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Belgrade (12:00 PM)",
+                                                                "label": "Belgrade (10:00 AM)",
                                                                 "value": "Europe/Belgrade",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Bratislava (12:00 PM)",
+                                                                "label": "Bratislava (10:00 AM)",
                                                                 "value": "Europe/Bratislava",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Budapest (12:00 PM)",
+                                                                "label": "Budapest (10:00 AM)",
                                                                 "value": "Europe/Budapest",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Ljubljana (12:00 PM)",
+                                                                "label": "Ljubljana (10:00 AM)",
                                                                 "value": "Europe/Ljubljana",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Prague (12:00 PM)",
+                                                                "label": "Prague (10:00 AM)",
                                                                 "value": "Europe/Prague",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Sarajevo (12:00 PM)",
+                                                                "label": "Sarajevo (10:00 AM)",
                                                                 "value": "Europe/Sarajevo",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Skopje (12:00 PM)",
+                                                                "label": "Skopje (10:00 AM)",
                                                                 "value": "Europe/Skopje",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Warsaw (12:00 PM)",
+                                                                "label": "Warsaw (10:00 AM)",
                                                                 "value": "Europe/Warsaw",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Zagreb (12:00 PM)",
+                                                                "label": "Zagreb (10:00 AM)",
                                                                 "value": "Europe/Zagreb",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Brussels (12:00 PM)",
+                                                                "label": "Brussels (10:00 AM)",
                                                                 "value": "Europe/Brussels",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Copenhagen (12:00 PM)",
+                                                                "label": "Copenhagen (10:00 AM)",
                                                                 "value": "Europe/Copenhagen",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Madrid (12:00 PM)",
+                                                                "label": "Madrid (10:00 AM)",
                                                                 "value": "Europe/Madrid",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Paris (12:00 PM)",
+                                                                "label": "Paris (10:00 AM)",
                                                                 "value": "Europe/Paris",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Amsterdam (12:00 PM)",
+                                                                "label": "Amsterdam (10:00 AM)",
                                                                 "value": "Europe/Amsterdam",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Berlin (12:00 PM)",
+                                                                "label": "Berlin (10:00 AM)",
                                                                 "value": "Europe/Berlin",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Bern (12:00 PM)",
+                                                                "label": "Bern (10:00 AM)",
                                                                 "value": "Europe/Zurich",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Zurich (12:00 PM)",
+                                                                "label": "Zurich (10:00 AM)",
                                                                 "value": "Europe/Zurich",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Rome (12:00 PM)",
+                                                                "label": "Rome (10:00 AM)",
                                                                 "value": "Europe/Rome",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Stockholm (12:00 PM)",
+                                                                "label": "Stockholm (10:00 AM)",
                                                                 "value": "Europe/Stockholm",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Vienna (12:00 PM)",
+                                                                "label": "Vienna (10:00 AM)",
                                                                 "value": "Europe/Vienna",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Cairo (12:00 PM)",
+                                                                "label": "Cairo (10:00 AM)",
                                                                 "value": "Africa/Cairo",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Harare (12:00 PM)",
+                                                                "label": "Harare (10:00 AM)",
                                                                 "value": "Africa/Harare",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Pretoria (12:00 PM)",
+                                                                "label": "Pretoria (10:00 AM)",
                                                                 "value": "Africa/Johannesburg",
                                                               },
                                                               Object {
                                                                 "index": 220,
-                                                                "label": "Kaliningrad (12:00 PM)",
+                                                                "label": "Kaliningrad (10:00 AM)",
                                                                 "value": "Europe/Kaliningrad",
                                                               },
                                                               Object {
                                                                 "index": 250,
-                                                                "label": "Newfoundland (7:30 AM)",
+                                                                "label": "Newfoundland (5:30 AM)",
                                                                 "value": "America/St_Johns",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Atlantic Time (Canada) (7:00 AM)",
+                                                                "label": "Atlantic Time (Canada) (5:00 AM)",
                                                                 "value": "America/Halifax",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Brasilia (7:00 AM)",
+                                                                "label": "Brasilia (5:00 AM)",
                                                                 "value": "America/Sao_Paulo",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Buenos Aires (7:00 AM)",
+                                                                "label": "Buenos Aires (5:00 AM)",
                                                                 "value": "America/Argentina/Buenos_Aires",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Montevideo (7:00 AM)",
+                                                                "label": "Montevideo (5:00 AM)",
                                                                 "value": "America/Montevideo",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Bucharest (1:00 PM)",
+                                                                "label": "Bucharest (11:00 AM)",
                                                                 "value": "Europe/Bucharest",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Helsinki (1:00 PM)",
+                                                                "label": "Helsinki (11:00 AM)",
                                                                 "value": "Europe/Helsinki",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Kyiv (1:00 PM)",
+                                                                "label": "Kyiv (11:00 AM)",
                                                                 "value": "Europe/Kiev",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Riga (1:00 PM)",
+                                                                "label": "Riga (11:00 AM)",
                                                                 "value": "Europe/Riga",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Sofia (1:00 PM)",
+                                                                "label": "Sofia (11:00 AM)",
                                                                 "value": "Europe/Sofia",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Tallinn (1:00 PM)",
+                                                                "label": "Tallinn (11:00 AM)",
                                                                 "value": "Europe/Tallinn",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Vilnius (1:00 PM)",
+                                                                "label": "Vilnius (11:00 AM)",
                                                                 "value": "Europe/Vilnius",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Athens (1:00 PM)",
+                                                                "label": "Athens (11:00 AM)",
                                                                 "value": "Europe/Athens",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Istanbul (1:00 PM)",
+                                                                "label": "Istanbul (11:00 AM)",
                                                                 "value": "Europe/Istanbul",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Minsk (1:00 PM)",
+                                                                "label": "Minsk (11:00 AM)",
                                                                 "value": "Europe/Minsk",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Jerusalem (1:00 PM)",
+                                                                "label": "Jerusalem (11:00 AM)",
                                                                 "value": "Asia/Jerusalem",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Moscow (1:00 PM)",
+                                                                "label": "Moscow (11:00 AM)",
                                                                 "value": "Europe/Moscow",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "St. Petersburg (1:00 PM)",
+                                                                "label": "St. Petersburg (11:00 AM)",
                                                                 "value": "Europe/Moscow",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Kuwait (1:00 PM)",
+                                                                "label": "Kuwait (11:00 AM)",
                                                                 "value": "Asia/Kuwait",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Riyadh (1:00 PM)",
+                                                                "label": "Riyadh (11:00 AM)",
                                                                 "value": "Asia/Riyadh",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Nairobi (1:00 PM)",
+                                                                "label": "Nairobi (11:00 AM)",
                                                                 "value": "Africa/Nairobi",
                                                               },
                                                               Object {
                                                                 "index": 280,
-                                                                "label": "Baghdad (1:00 PM)",
+                                                                "label": "Baghdad (11:00 AM)",
                                                                 "value": "Asia/Baghdad",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Caracas (6:00 AM)",
+                                                                "label": "Caracas (4:00 AM)",
                                                                 "value": "America/Caracas",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "La Paz (6:00 AM)",
+                                                                "label": "La Paz (4:00 AM)",
                                                                 "value": "America/La_Paz",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Santiago (6:00 AM)",
+                                                                "label": "Santiago (4:00 AM)",
                                                                 "value": "America/Santiago",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Georgetown (6:00 AM)",
+                                                                "label": "Georgetown (4:00 AM)",
                                                                 "value": "America/Guyana",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Volgograd (2:00 PM)",
+                                                                "label": "Volgograd (12:00 PM)",
                                                                 "value": "Europe/Volgograd",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Samara (2:00 PM)",
+                                                                "label": "Samara (12:00 PM)",
                                                                 "value": "Europe/Samara",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Abu Dhabi (2:00 PM)",
+                                                                "label": "Abu Dhabi (12:00 PM)",
                                                                 "value": "Asia/Muscat",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Muscat (2:00 PM)",
+                                                                "label": "Muscat (12:00 PM)",
                                                                 "value": "Asia/Muscat",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Baku (2:00 PM)",
+                                                                "label": "Baku (12:00 PM)",
                                                                 "value": "Asia/Baku",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Tbilisi (2:00 PM)",
+                                                                "label": "Tbilisi (12:00 PM)",
                                                                 "value": "Asia/Tbilisi",
                                                               },
                                                               Object {
                                                                 "index": 340,
-                                                                "label": "Yerevan (2:00 PM)",
+                                                                "label": "Yerevan (12:00 PM)",
                                                                 "value": "Asia/Yerevan",
                                                               },
                                                               Object {
                                                                 "index": 370,
-                                                                "label": "Tehran (2:30 PM)",
+                                                                "label": "Tehran (12:30 PM)",
                                                                 "value": "Asia/Tehran",
                                                               },
                                                               Object {
                                                                 "index": 370,
-                                                                "label": "Kabul (2:30 PM)",
+                                                                "label": "Kabul (12:30 PM)",
                                                                 "value": "Asia/Kabul",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Guadalajara (5:00 AM)",
+                                                                "label": "Guadalajara (3:00 AM)",
                                                                 "value": "America/Mexico_City",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Mexico City (5:00 AM)",
+                                                                "label": "Mexico City (3:00 AM)",
                                                                 "value": "America/Mexico_City",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Monterrey (5:00 AM)",
+                                                                "label": "Monterrey (3:00 AM)",
                                                                 "value": "America/Monterrey",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Bogota (5:00 AM)",
+                                                                "label": "Bogota (3:00 AM)",
                                                                 "value": "America/Bogota",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Lima (5:00 AM)",
+                                                                "label": "Lima (3:00 AM)",
                                                                 "value": "America/Lima",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Quito (5:00 AM)",
+                                                                "label": "Quito (3:00 AM)",
                                                                 "value": "America/Lima",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Ekaterinburg (3:00 PM)",
+                                                                "label": "Ekaterinburg (1:00 PM)",
                                                                 "value": "Asia/Yekaterinburg",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Islamabad (3:00 PM)",
+                                                                "label": "Islamabad (1:00 PM)",
                                                                 "value": "Asia/Karachi",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Karachi (3:00 PM)",
+                                                                "label": "Karachi (1:00 PM)",
                                                                 "value": "Asia/Karachi",
                                                               },
                                                               Object {
                                                                 "index": 400,
-                                                                "label": "Tashkent (3:00 PM)",
+                                                                "label": "Tashkent (1:00 PM)",
                                                                 "value": "Asia/Tashkent",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Chennai (3:30 PM)",
+                                                                "label": "Chennai (1:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Kolkata (3:30 PM)",
+                                                                "label": "Kolkata (1:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Mumbai (3:30 PM)",
+                                                                "label": "Mumbai (1:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "New Delhi (3:30 PM)",
+                                                                "label": "New Delhi (1:30 PM)",
                                                                 "value": "Asia/Kolkata",
                                                               },
                                                               Object {
                                                                 "index": 430,
-                                                                "label": "Sri Jayawardenepura (3:30 PM)",
+                                                                "label": "Sri Jayawardenepura (1:30 PM)",
                                                                 "value": "Asia/Colombo",
                                                               },
                                                               Object {
                                                                 "index": 445,
-                                                                "label": "Kathmandu (3:45 PM)",
+                                                                "label": "Kathmandu (1:45 PM)",
                                                                 "value": "Asia/Kathmandu",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Chihuahua (4:00 AM)",
+                                                                "label": "Chihuahua (2:00 AM)",
                                                                 "value": "America/Chihuahua",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Mazatlan (4:00 AM)",
+                                                                "label": "Mazatlan (2:00 AM)",
                                                                 "value": "America/Mazatlan",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Saskatchewan (4:00 AM)",
+                                                                "label": "Saskatchewan (2:00 AM)",
                                                                 "value": "America/Regina",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Central America (4:00 AM)",
+                                                                "label": "Central America (2:00 AM)",
                                                                 "value": "America/Guatemala",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Astana (4:00 PM)",
+                                                                "label": "Astana (2:00 PM)",
                                                                 "value": "Asia/Dhaka",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Dhaka (4:00 PM)",
+                                                                "label": "Dhaka (2:00 PM)",
                                                                 "value": "Asia/Dhaka",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Almaty (4:00 PM)",
+                                                                "label": "Almaty (2:00 PM)",
                                                                 "value": "Asia/Almaty",
                                                               },
                                                               Object {
                                                                 "index": 460,
-                                                                "label": "Urumqi (4:00 PM)",
+                                                                "label": "Urumqi (2:00 PM)",
                                                                 "value": "Asia/Urumqi",
                                                               },
                                                               Object {
                                                                 "index": 490,
-                                                                "label": "Rangoon (4:30 PM)",
+                                                                "label": "Rangoon (2:30 PM)",
                                                                 "value": "Asia/Rangoon",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Tijuana (3:00 AM)",
+                                                                "label": "Tijuana (1:00 AM)",
                                                                 "value": "America/Tijuana",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Novosibirsk (5:00 PM)",
+                                                                "label": "Novosibirsk (3:00 PM)",
                                                                 "value": "Asia/Novosibirsk",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Bangkok (5:00 PM)",
+                                                                "label": "Bangkok (3:00 PM)",
                                                                 "value": "Asia/Bangkok",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Hanoi (5:00 PM)",
+                                                                "label": "Hanoi (3:00 PM)",
                                                                 "value": "Asia/Bangkok",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Jakarta (5:00 PM)",
+                                                                "label": "Jakarta (3:00 PM)",
                                                                 "value": "Asia/Jakarta",
                                                               },
                                                               Object {
                                                                 "index": 520,
-                                                                "label": "Krasnoyarsk (5:00 PM)",
+                                                                "label": "Krasnoyarsk (3:00 PM)",
                                                                 "value": "Asia/Krasnoyarsk",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Beijing (6:00 PM)",
+                                                                "label": "Beijing (4:00 PM)",
                                                                 "value": "Asia/Shanghai",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Chongqing (6:00 PM)",
+                                                                "label": "Chongqing (4:00 PM)",
                                                                 "value": "Asia/Chongqing",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Hong Kong (6:00 PM)",
+                                                                "label": "Hong Kong (4:00 PM)",
                                                                 "value": "Asia/Hong_Kong",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Kuala Lumpur (6:00 PM)",
+                                                                "label": "Kuala Lumpur (4:00 PM)",
                                                                 "value": "Asia/Kuala_Lumpur",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Singapore (6:00 PM)",
+                                                                "label": "Singapore (4:00 PM)",
                                                                 "value": "Asia/Singapore",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Taipei (6:00 PM)",
+                                                                "label": "Taipei (4:00 PM)",
                                                                 "value": "Asia/Taipei",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Perth (6:00 PM)",
+                                                                "label": "Perth (4:00 PM)",
                                                                 "value": "Australia/Perth",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Irkutsk (6:00 PM)",
+                                                                "label": "Irkutsk (4:00 PM)",
                                                                 "value": "Asia/Irkutsk",
                                                               },
                                                               Object {
                                                                 "index": 580,
-                                                                "label": "Ulaanbaatar (6:00 PM)",
+                                                                "label": "Ulaanbaatar (4:00 PM)",
                                                                 "value": "Asia/Ulaanbaatar",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Seoul (7:00 PM)",
+                                                                "label": "Seoul (5:00 PM)",
                                                                 "value": "Asia/Seoul",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Osaka (7:00 PM)",
+                                                                "label": "Osaka (5:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Sapporo (7:00 PM)",
+                                                                "label": "Sapporo (5:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Tokyo (7:00 PM)",
+                                                                "label": "Tokyo (5:00 PM)",
                                                                 "value": "Asia/Tokyo",
                                                               },
                                                               Object {
                                                                 "index": 640,
-                                                                "label": "Yakutsk (7:00 PM)",
+                                                                "label": "Yakutsk (5:00 PM)",
                                                                 "value": "Asia/Yakutsk",
                                                               },
                                                               Object {
                                                                 "index": 670,
-                                                                "label": "Darwin (7:30 PM)",
+                                                                "label": "Darwin (5:30 PM)",
                                                                 "value": "Australia/Darwin",
                                                               },
                                                               Object {
                                                                 "index": 670,
-                                                                "label": "Adelaide (7:30 PM)",
+                                                                "label": "Adelaide (5:30 PM)",
                                                                 "value": "Australia/Adelaide",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Canberra (8:00 PM)",
+                                                                "label": "Canberra (6:00 PM)",
                                                                 "value": "Australia/Melbourne",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Melbourne (8:00 PM)",
+                                                                "label": "Melbourne (6:00 PM)",
                                                                 "value": "Australia/Melbourne",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Sydney (8:00 PM)",
+                                                                "label": "Sydney (6:00 PM)",
                                                                 "value": "Australia/Sydney",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Brisbane (8:00 PM)",
+                                                                "label": "Brisbane (6:00 PM)",
                                                                 "value": "Australia/Brisbane",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Hobart (8:00 PM)",
+                                                                "label": "Hobart (6:00 PM)",
                                                                 "value": "Australia/Hobart",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Vladivostok (8:00 PM)",
+                                                                "label": "Vladivostok (6:00 PM)",
                                                                 "value": "Asia/Vladivostok",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Guam (8:00 PM)",
+                                                                "label": "Guam (6:00 PM)",
                                                                 "value": "Pacific/Guam",
                                                               },
                                                               Object {
                                                                 "index": 700,
-                                                                "label": "Port Moresby (8:00 PM)",
+                                                                "label": "Port Moresby (6:00 PM)",
                                                                 "value": "Pacific/Port_Moresby",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Midway Island (11:00 PM)",
+                                                                "label": "Midway Island (9:00 PM)",
                                                                 "value": "Pacific/Midway",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "American Samoa (11:00 PM)",
+                                                                "label": "American Samoa (9:00 PM)",
                                                                 "value": "Pacific/Pago_Pago",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Magadan (9:00 PM)",
+                                                                "label": "Magadan (7:00 PM)",
                                                                 "value": "Asia/Magadan",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Srednekolymsk (9:00 PM)",
+                                                                "label": "Srednekolymsk (7:00 PM)",
                                                                 "value": "Asia/Srednekolymsk",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "Solomon Is. (9:00 PM)",
+                                                                "label": "Solomon Is. (7:00 PM)",
                                                                 "value": "Pacific/Guadalcanal",
                                                               },
                                                               Object {
                                                                 "index": 760,
-                                                                "label": "New Caledonia (9:00 PM)",
+                                                                "label": "New Caledonia (7:00 PM)",
                                                                 "value": "Pacific/Noumea",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "International Date Line West (10:00 PM)",
+                                                                "label": "International Date Line West (8:00 PM)",
                                                                 "value": "Etc/GMT+12",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Fiji (10:00 PM)",
+                                                                "label": "Fiji (8:00 PM)",
                                                                 "value": "Pacific/Fiji",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Kamchatka (10:00 PM)",
+                                                                "label": "Kamchatka (8:00 PM)",
                                                                 "value": "Asia/Kamchatka",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Marshall Is. (10:00 PM)",
+                                                                "label": "Marshall Is. (8:00 PM)",
                                                                 "value": "Pacific/Majuro",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Auckland (10:00 PM)",
+                                                                "label": "Auckland (8:00 PM)",
                                                                 "value": "Pacific/Auckland",
                                                               },
                                                               Object {
                                                                 "index": 820,
-                                                                "label": "Wellington (10:00 PM)",
+                                                                "label": "Wellington (8:00 PM)",
                                                                 "value": "Pacific/Auckland",
                                                               },
                                                               Object {
                                                                 "index": 865,
-                                                                "label": "Chatham Is. (10:45 PM)",
+                                                                "label": "Chatham Is. (8:45 PM)",
                                                                 "value": "Pacific/Chatham",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Nuku'alofa (11:00 PM)",
+                                                                "label": "Nuku'alofa (9:00 PM)",
                                                                 "value": "Pacific/Tongatapu",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Tokelau Is. (11:00 PM)",
+                                                                "label": "Tokelau Is. (9:00 PM)",
                                                                 "value": "Pacific/Fakaofo",
                                                               },
                                                               Object {
                                                                 "index": 880,
-                                                                "label": "Samoa (11:00 PM)",
+                                                                "label": "Samoa (9:00 PM)",
                                                                 "value": "Pacific/Apia",
                                                               },
                                                             ]
@@ -310737,7 +300430,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "formatGroupLabel": [Function],
                                                               "getOptionLabel": [Function],
                                                               "getOptionValue": [Function],
-                                                              "inputId": "representative-tz",
+                                                              "inputId": "appellant-tz",
                                                               "inputValue": "",
                                                               "isClearable": undefined,
                                                               "isDisabled": false,
@@ -310755,7 +300448,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "menuShouldBlockScroll": false,
                                                               "menuShouldScrollIntoView": true,
                                                               "minMenuHeight": 140,
-                                                              "name": "representativeTz",
+                                                              "name": "appellantTz",
                                                               "noOptionsMessage": [Function],
                                                               "onBlurResetsInput": false,
                                                               "onChange": [Function],
@@ -310771,762 +300464,762 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                                 },
                                                                 Object {
                                                                   "index": -3,
-                                                                  "label": "Eastern Time (US & Canada) (6:00 AM)",
+                                                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
                                                                   "value": "America/New_York",
                                                                 },
                                                                 Object {
                                                                   "index": -2,
-                                                                  "label": "Central Time (US & Canada) (5:00 AM)",
+                                                                  "label": "Central Time (US & Canada) (3:00 AM)",
                                                                   "value": "America/Chicago",
                                                                 },
                                                                 Object {
                                                                   "index": -1,
-                                                                  "label": "Mountain Time (US & Canada) (4:00 AM)",
+                                                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
                                                                   "value": "America/Denver",
                                                                 },
                                                                 Object {
                                                                   "index": -0,
-                                                                  "label": "Pacific Time (US & Canada) (3:00 AM)",
+                                                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
                                                                   "value": "America/Los_Angeles",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Indiana (East) (6:00 AM)",
+                                                                  "label": "Indiana (East) (4:00 AM)",
                                                                   "value": "America/Indiana/Indianapolis",
                                                                 },
                                                                 Object {
                                                                   "index": 2.4,
-                                                                  "label": "Puerto Rico (6:00 AM)",
+                                                                  "label": "Puerto Rico (4:00 AM)",
                                                                   "value": "America/Puerto_Rico",
                                                                 },
                                                                 Object {
                                                                   "index": 4.2,
-                                                                  "label": "Arizona (3:00 AM)",
+                                                                  "label": "Arizona (1:00 AM)",
                                                                   "value": "America/Phoenix",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Alaska (2:00 AM)",
+                                                                  "label": "Alaska (12:00 AM)",
                                                                   "value": "America/Juneau",
                                                                 },
                                                                 Object {
                                                                   "index": 4.8,
-                                                                  "label": "Philippine Standard Time (6:00 PM)",
+                                                                  "label": "Philippine Standard Time (4:00 PM)",
                                                                   "value": "Asia/Manila",
                                                                 },
                                                                 Object {
                                                                   "index": 6,
-                                                                  "label": "Hawaii (12:00 AM)",
+                                                                  "label": "Hawaii (10:00 PM)",
                                                                   "value": "Pacific/Honolulu",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Azores (10:00 AM)",
+                                                                  "label": "Azores (8:00 AM)",
                                                                   "value": "Atlantic/Azores",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "Monrovia (10:00 AM)",
+                                                                  "label": "Monrovia (8:00 AM)",
                                                                   "value": "Africa/Monrovia",
                                                                 },
                                                                 Object {
                                                                   "index": 100,
-                                                                  "label": "UTC (10:00 AM)",
+                                                                  "label": "UTC (8:00 AM)",
                                                                   "value": "Etc/UTC",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Cape Verde Is. (9:00 AM)",
+                                                                  "label": "Cape Verde Is. (7:00 AM)",
                                                                   "value": "Atlantic/Cape_Verde",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Dublin (11:00 AM)",
+                                                                  "label": "Dublin (9:00 AM)",
                                                                   "value": "Europe/Dublin",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Edinburgh (11:00 AM)",
+                                                                  "label": "Edinburgh (9:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Lisbon (11:00 AM)",
+                                                                  "label": "Lisbon (9:00 AM)",
                                                                   "value": "Europe/Lisbon",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "London (11:00 AM)",
+                                                                  "label": "London (9:00 AM)",
                                                                   "value": "Europe/London",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "Casablanca (11:00 AM)",
+                                                                  "label": "Casablanca (9:00 AM)",
                                                                   "value": "Africa/Casablanca",
                                                                 },
                                                                 Object {
                                                                   "index": 160,
-                                                                  "label": "West Central Africa (11:00 AM)",
+                                                                  "label": "West Central Africa (9:00 AM)",
                                                                   "value": "Africa/Algiers",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Greenland (8:00 AM)",
+                                                                  "label": "Greenland (6:00 AM)",
                                                                   "value": "America/Godthab",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Mid-Atlantic (8:00 AM)",
+                                                                  "label": "Mid-Atlantic (6:00 AM)",
                                                                   "value": "Atlantic/South_Georgia",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Belgrade (12:00 PM)",
+                                                                  "label": "Belgrade (10:00 AM)",
                                                                   "value": "Europe/Belgrade",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bratislava (12:00 PM)",
+                                                                  "label": "Bratislava (10:00 AM)",
                                                                   "value": "Europe/Bratislava",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Budapest (12:00 PM)",
+                                                                  "label": "Budapest (10:00 AM)",
                                                                   "value": "Europe/Budapest",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Ljubljana (12:00 PM)",
+                                                                  "label": "Ljubljana (10:00 AM)",
                                                                   "value": "Europe/Ljubljana",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Prague (12:00 PM)",
+                                                                  "label": "Prague (10:00 AM)",
                                                                   "value": "Europe/Prague",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Sarajevo (12:00 PM)",
+                                                                  "label": "Sarajevo (10:00 AM)",
                                                                   "value": "Europe/Sarajevo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Skopje (12:00 PM)",
+                                                                  "label": "Skopje (10:00 AM)",
                                                                   "value": "Europe/Skopje",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Warsaw (12:00 PM)",
+                                                                  "label": "Warsaw (10:00 AM)",
                                                                   "value": "Europe/Warsaw",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zagreb (12:00 PM)",
+                                                                  "label": "Zagreb (10:00 AM)",
                                                                   "value": "Europe/Zagreb",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Brussels (12:00 PM)",
+                                                                  "label": "Brussels (10:00 AM)",
                                                                   "value": "Europe/Brussels",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Copenhagen (12:00 PM)",
+                                                                  "label": "Copenhagen (10:00 AM)",
                                                                   "value": "Europe/Copenhagen",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Madrid (12:00 PM)",
+                                                                  "label": "Madrid (10:00 AM)",
                                                                   "value": "Europe/Madrid",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Paris (12:00 PM)",
+                                                                  "label": "Paris (10:00 AM)",
                                                                   "value": "Europe/Paris",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Amsterdam (12:00 PM)",
+                                                                  "label": "Amsterdam (10:00 AM)",
                                                                   "value": "Europe/Amsterdam",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Berlin (12:00 PM)",
+                                                                  "label": "Berlin (10:00 AM)",
                                                                   "value": "Europe/Berlin",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Bern (12:00 PM)",
+                                                                  "label": "Bern (10:00 AM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Zurich (12:00 PM)",
+                                                                  "label": "Zurich (10:00 AM)",
                                                                   "value": "Europe/Zurich",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Rome (12:00 PM)",
+                                                                  "label": "Rome (10:00 AM)",
                                                                   "value": "Europe/Rome",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Stockholm (12:00 PM)",
+                                                                  "label": "Stockholm (10:00 AM)",
                                                                   "value": "Europe/Stockholm",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Vienna (12:00 PM)",
+                                                                  "label": "Vienna (10:00 AM)",
                                                                   "value": "Europe/Vienna",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Cairo (12:00 PM)",
+                                                                  "label": "Cairo (10:00 AM)",
                                                                   "value": "Africa/Cairo",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Harare (12:00 PM)",
+                                                                  "label": "Harare (10:00 AM)",
                                                                   "value": "Africa/Harare",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Pretoria (12:00 PM)",
+                                                                  "label": "Pretoria (10:00 AM)",
                                                                   "value": "Africa/Johannesburg",
                                                                 },
                                                                 Object {
                                                                   "index": 220,
-                                                                  "label": "Kaliningrad (12:00 PM)",
+                                                                  "label": "Kaliningrad (10:00 AM)",
                                                                   "value": "Europe/Kaliningrad",
                                                                 },
                                                                 Object {
                                                                   "index": 250,
-                                                                  "label": "Newfoundland (7:30 AM)",
+                                                                  "label": "Newfoundland (5:30 AM)",
                                                                   "value": "America/St_Johns",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Atlantic Time (Canada) (7:00 AM)",
+                                                                  "label": "Atlantic Time (Canada) (5:00 AM)",
                                                                   "value": "America/Halifax",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Brasilia (7:00 AM)",
+                                                                  "label": "Brasilia (5:00 AM)",
                                                                   "value": "America/Sao_Paulo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Buenos Aires (7:00 AM)",
+                                                                  "label": "Buenos Aires (5:00 AM)",
                                                                   "value": "America/Argentina/Buenos_Aires",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Montevideo (7:00 AM)",
+                                                                  "label": "Montevideo (5:00 AM)",
                                                                   "value": "America/Montevideo",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Bucharest (1:00 PM)",
+                                                                  "label": "Bucharest (11:00 AM)",
                                                                   "value": "Europe/Bucharest",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Helsinki (1:00 PM)",
+                                                                  "label": "Helsinki (11:00 AM)",
                                                                   "value": "Europe/Helsinki",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kyiv (1:00 PM)",
+                                                                  "label": "Kyiv (11:00 AM)",
                                                                   "value": "Europe/Kiev",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riga (1:00 PM)",
+                                                                  "label": "Riga (11:00 AM)",
                                                                   "value": "Europe/Riga",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Sofia (1:00 PM)",
+                                                                  "label": "Sofia (11:00 AM)",
                                                                   "value": "Europe/Sofia",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Tallinn (1:00 PM)",
+                                                                  "label": "Tallinn (11:00 AM)",
                                                                   "value": "Europe/Tallinn",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Vilnius (1:00 PM)",
+                                                                  "label": "Vilnius (11:00 AM)",
                                                                   "value": "Europe/Vilnius",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Athens (1:00 PM)",
+                                                                  "label": "Athens (11:00 AM)",
                                                                   "value": "Europe/Athens",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Istanbul (1:00 PM)",
+                                                                  "label": "Istanbul (11:00 AM)",
                                                                   "value": "Europe/Istanbul",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Minsk (1:00 PM)",
+                                                                  "label": "Minsk (11:00 AM)",
                                                                   "value": "Europe/Minsk",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Jerusalem (1:00 PM)",
+                                                                  "label": "Jerusalem (11:00 AM)",
                                                                   "value": "Asia/Jerusalem",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Moscow (1:00 PM)",
+                                                                  "label": "Moscow (11:00 AM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "St. Petersburg (1:00 PM)",
+                                                                  "label": "St. Petersburg (11:00 AM)",
                                                                   "value": "Europe/Moscow",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Kuwait (1:00 PM)",
+                                                                  "label": "Kuwait (11:00 AM)",
                                                                   "value": "Asia/Kuwait",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Riyadh (1:00 PM)",
+                                                                  "label": "Riyadh (11:00 AM)",
                                                                   "value": "Asia/Riyadh",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Nairobi (1:00 PM)",
+                                                                  "label": "Nairobi (11:00 AM)",
                                                                   "value": "Africa/Nairobi",
                                                                 },
                                                                 Object {
                                                                   "index": 280,
-                                                                  "label": "Baghdad (1:00 PM)",
+                                                                  "label": "Baghdad (11:00 AM)",
                                                                   "value": "Asia/Baghdad",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Caracas (6:00 AM)",
+                                                                  "label": "Caracas (4:00 AM)",
                                                                   "value": "America/Caracas",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "La Paz (6:00 AM)",
+                                                                  "label": "La Paz (4:00 AM)",
                                                                   "value": "America/La_Paz",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Santiago (6:00 AM)",
+                                                                  "label": "Santiago (4:00 AM)",
                                                                   "value": "America/Santiago",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Georgetown (6:00 AM)",
+                                                                  "label": "Georgetown (4:00 AM)",
                                                                   "value": "America/Guyana",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Volgograd (2:00 PM)",
+                                                                  "label": "Volgograd (12:00 PM)",
                                                                   "value": "Europe/Volgograd",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Samara (2:00 PM)",
+                                                                  "label": "Samara (12:00 PM)",
                                                                   "value": "Europe/Samara",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Abu Dhabi (2:00 PM)",
+                                                                  "label": "Abu Dhabi (12:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Muscat (2:00 PM)",
+                                                                  "label": "Muscat (12:00 PM)",
                                                                   "value": "Asia/Muscat",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Baku (2:00 PM)",
+                                                                  "label": "Baku (12:00 PM)",
                                                                   "value": "Asia/Baku",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Tbilisi (2:00 PM)",
+                                                                  "label": "Tbilisi (12:00 PM)",
                                                                   "value": "Asia/Tbilisi",
                                                                 },
                                                                 Object {
                                                                   "index": 340,
-                                                                  "label": "Yerevan (2:00 PM)",
+                                                                  "label": "Yerevan (12:00 PM)",
                                                                   "value": "Asia/Yerevan",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Tehran (2:30 PM)",
+                                                                  "label": "Tehran (12:30 PM)",
                                                                   "value": "Asia/Tehran",
                                                                 },
                                                                 Object {
                                                                   "index": 370,
-                                                                  "label": "Kabul (2:30 PM)",
+                                                                  "label": "Kabul (12:30 PM)",
                                                                   "value": "Asia/Kabul",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Guadalajara (5:00 AM)",
+                                                                  "label": "Guadalajara (3:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Mexico City (5:00 AM)",
+                                                                  "label": "Mexico City (3:00 AM)",
                                                                   "value": "America/Mexico_City",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Monterrey (5:00 AM)",
+                                                                  "label": "Monterrey (3:00 AM)",
                                                                   "value": "America/Monterrey",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Bogota (5:00 AM)",
+                                                                  "label": "Bogota (3:00 AM)",
                                                                   "value": "America/Bogota",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Lima (5:00 AM)",
+                                                                  "label": "Lima (3:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Quito (5:00 AM)",
+                                                                  "label": "Quito (3:00 AM)",
                                                                   "value": "America/Lima",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Ekaterinburg (3:00 PM)",
+                                                                  "label": "Ekaterinburg (1:00 PM)",
                                                                   "value": "Asia/Yekaterinburg",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Islamabad (3:00 PM)",
+                                                                  "label": "Islamabad (1:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Karachi (3:00 PM)",
+                                                                  "label": "Karachi (1:00 PM)",
                                                                   "value": "Asia/Karachi",
                                                                 },
                                                                 Object {
                                                                   "index": 400,
-                                                                  "label": "Tashkent (3:00 PM)",
+                                                                  "label": "Tashkent (1:00 PM)",
                                                                   "value": "Asia/Tashkent",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Chennai (3:30 PM)",
+                                                                  "label": "Chennai (1:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Kolkata (3:30 PM)",
+                                                                  "label": "Kolkata (1:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Mumbai (3:30 PM)",
+                                                                  "label": "Mumbai (1:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "New Delhi (3:30 PM)",
+                                                                  "label": "New Delhi (1:30 PM)",
                                                                   "value": "Asia/Kolkata",
                                                                 },
                                                                 Object {
                                                                   "index": 430,
-                                                                  "label": "Sri Jayawardenepura (3:30 PM)",
+                                                                  "label": "Sri Jayawardenepura (1:30 PM)",
                                                                   "value": "Asia/Colombo",
                                                                 },
                                                                 Object {
                                                                   "index": 445,
-                                                                  "label": "Kathmandu (3:45 PM)",
+                                                                  "label": "Kathmandu (1:45 PM)",
                                                                   "value": "Asia/Kathmandu",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Chihuahua (4:00 AM)",
+                                                                  "label": "Chihuahua (2:00 AM)",
                                                                   "value": "America/Chihuahua",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Mazatlan (4:00 AM)",
+                                                                  "label": "Mazatlan (2:00 AM)",
                                                                   "value": "America/Mazatlan",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Saskatchewan (4:00 AM)",
+                                                                  "label": "Saskatchewan (2:00 AM)",
                                                                   "value": "America/Regina",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Central America (4:00 AM)",
+                                                                  "label": "Central America (2:00 AM)",
                                                                   "value": "America/Guatemala",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Astana (4:00 PM)",
+                                                                  "label": "Astana (2:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Dhaka (4:00 PM)",
+                                                                  "label": "Dhaka (2:00 PM)",
                                                                   "value": "Asia/Dhaka",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Almaty (4:00 PM)",
+                                                                  "label": "Almaty (2:00 PM)",
                                                                   "value": "Asia/Almaty",
                                                                 },
                                                                 Object {
                                                                   "index": 460,
-                                                                  "label": "Urumqi (4:00 PM)",
+                                                                  "label": "Urumqi (2:00 PM)",
                                                                   "value": "Asia/Urumqi",
                                                                 },
                                                                 Object {
                                                                   "index": 490,
-                                                                  "label": "Rangoon (4:30 PM)",
+                                                                  "label": "Rangoon (2:30 PM)",
                                                                   "value": "Asia/Rangoon",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Tijuana (3:00 AM)",
+                                                                  "label": "Tijuana (1:00 AM)",
                                                                   "value": "America/Tijuana",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Novosibirsk (5:00 PM)",
+                                                                  "label": "Novosibirsk (3:00 PM)",
                                                                   "value": "Asia/Novosibirsk",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Bangkok (5:00 PM)",
+                                                                  "label": "Bangkok (3:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Hanoi (5:00 PM)",
+                                                                  "label": "Hanoi (3:00 PM)",
                                                                   "value": "Asia/Bangkok",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Jakarta (5:00 PM)",
+                                                                  "label": "Jakarta (3:00 PM)",
                                                                   "value": "Asia/Jakarta",
                                                                 },
                                                                 Object {
                                                                   "index": 520,
-                                                                  "label": "Krasnoyarsk (5:00 PM)",
+                                                                  "label": "Krasnoyarsk (3:00 PM)",
                                                                   "value": "Asia/Krasnoyarsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Beijing (6:00 PM)",
+                                                                  "label": "Beijing (4:00 PM)",
                                                                   "value": "Asia/Shanghai",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Chongqing (6:00 PM)",
+                                                                  "label": "Chongqing (4:00 PM)",
                                                                   "value": "Asia/Chongqing",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Hong Kong (6:00 PM)",
+                                                                  "label": "Hong Kong (4:00 PM)",
                                                                   "value": "Asia/Hong_Kong",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Kuala Lumpur (6:00 PM)",
+                                                                  "label": "Kuala Lumpur (4:00 PM)",
                                                                   "value": "Asia/Kuala_Lumpur",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Singapore (6:00 PM)",
+                                                                  "label": "Singapore (4:00 PM)",
                                                                   "value": "Asia/Singapore",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Taipei (6:00 PM)",
+                                                                  "label": "Taipei (4:00 PM)",
                                                                   "value": "Asia/Taipei",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Perth (6:00 PM)",
+                                                                  "label": "Perth (4:00 PM)",
                                                                   "value": "Australia/Perth",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Irkutsk (6:00 PM)",
+                                                                  "label": "Irkutsk (4:00 PM)",
                                                                   "value": "Asia/Irkutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 580,
-                                                                  "label": "Ulaanbaatar (6:00 PM)",
+                                                                  "label": "Ulaanbaatar (4:00 PM)",
                                                                   "value": "Asia/Ulaanbaatar",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Seoul (7:00 PM)",
+                                                                  "label": "Seoul (5:00 PM)",
                                                                   "value": "Asia/Seoul",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Osaka (7:00 PM)",
+                                                                  "label": "Osaka (5:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Sapporo (7:00 PM)",
+                                                                  "label": "Sapporo (5:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Tokyo (7:00 PM)",
+                                                                  "label": "Tokyo (5:00 PM)",
                                                                   "value": "Asia/Tokyo",
                                                                 },
                                                                 Object {
                                                                   "index": 640,
-                                                                  "label": "Yakutsk (7:00 PM)",
+                                                                  "label": "Yakutsk (5:00 PM)",
                                                                   "value": "Asia/Yakutsk",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Darwin (7:30 PM)",
+                                                                  "label": "Darwin (5:30 PM)",
                                                                   "value": "Australia/Darwin",
                                                                 },
                                                                 Object {
                                                                   "index": 670,
-                                                                  "label": "Adelaide (7:30 PM)",
+                                                                  "label": "Adelaide (5:30 PM)",
                                                                   "value": "Australia/Adelaide",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Canberra (8:00 PM)",
+                                                                  "label": "Canberra (6:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Melbourne (8:00 PM)",
+                                                                  "label": "Melbourne (6:00 PM)",
                                                                   "value": "Australia/Melbourne",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Sydney (8:00 PM)",
+                                                                  "label": "Sydney (6:00 PM)",
                                                                   "value": "Australia/Sydney",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Brisbane (8:00 PM)",
+                                                                  "label": "Brisbane (6:00 PM)",
                                                                   "value": "Australia/Brisbane",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Hobart (8:00 PM)",
+                                                                  "label": "Hobart (6:00 PM)",
                                                                   "value": "Australia/Hobart",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Vladivostok (8:00 PM)",
+                                                                  "label": "Vladivostok (6:00 PM)",
                                                                   "value": "Asia/Vladivostok",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Guam (8:00 PM)",
+                                                                  "label": "Guam (6:00 PM)",
                                                                   "value": "Pacific/Guam",
                                                                 },
                                                                 Object {
                                                                   "index": 700,
-                                                                  "label": "Port Moresby (8:00 PM)",
+                                                                  "label": "Port Moresby (6:00 PM)",
                                                                   "value": "Pacific/Port_Moresby",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Midway Island (11:00 PM)",
+                                                                  "label": "Midway Island (9:00 PM)",
                                                                   "value": "Pacific/Midway",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "American Samoa (11:00 PM)",
+                                                                  "label": "American Samoa (9:00 PM)",
                                                                   "value": "Pacific/Pago_Pago",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Magadan (9:00 PM)",
+                                                                  "label": "Magadan (7:00 PM)",
                                                                   "value": "Asia/Magadan",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Srednekolymsk (9:00 PM)",
+                                                                  "label": "Srednekolymsk (7:00 PM)",
                                                                   "value": "Asia/Srednekolymsk",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "Solomon Is. (9:00 PM)",
+                                                                  "label": "Solomon Is. (7:00 PM)",
                                                                   "value": "Pacific/Guadalcanal",
                                                                 },
                                                                 Object {
                                                                   "index": 760,
-                                                                  "label": "New Caledonia (9:00 PM)",
+                                                                  "label": "New Caledonia (7:00 PM)",
                                                                   "value": "Pacific/Noumea",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "International Date Line West (10:00 PM)",
+                                                                  "label": "International Date Line West (8:00 PM)",
                                                                   "value": "Etc/GMT+12",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Fiji (10:00 PM)",
+                                                                  "label": "Fiji (8:00 PM)",
                                                                   "value": "Pacific/Fiji",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Kamchatka (10:00 PM)",
+                                                                  "label": "Kamchatka (8:00 PM)",
                                                                   "value": "Asia/Kamchatka",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Marshall Is. (10:00 PM)",
+                                                                  "label": "Marshall Is. (8:00 PM)",
                                                                   "value": "Pacific/Majuro",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Auckland (10:00 PM)",
+                                                                  "label": "Auckland (8:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 820,
-                                                                  "label": "Wellington (10:00 PM)",
+                                                                  "label": "Wellington (8:00 PM)",
                                                                   "value": "Pacific/Auckland",
                                                                 },
                                                                 Object {
                                                                   "index": 865,
-                                                                  "label": "Chatham Is. (10:45 PM)",
+                                                                  "label": "Chatham Is. (8:45 PM)",
                                                                   "value": "Pacific/Chatham",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Nuku'alofa (11:00 PM)",
+                                                                  "label": "Nuku'alofa (9:00 PM)",
                                                                   "value": "Pacific/Tongatapu",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Tokelau Is. (11:00 PM)",
+                                                                  "label": "Tokelau Is. (9:00 PM)",
                                                                   "value": "Pacific/Fakaofo",
                                                                 },
                                                                 Object {
                                                                   "index": 880,
-                                                                  "label": "Samoa (11:00 PM)",
+                                                                  "label": "Samoa (9:00 PM)",
                                                                   "value": "Pacific/Apia",
                                                                 },
                                                               ],
@@ -311540,11 +301233,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               },
                                                               "tabIndex": "0",
                                                               "tabSelectsValue": true,
-                                                              "value": Object {
-                                                                "index": -0,
-                                                                "label": "Pacific Time (US & Canada) (3:00 AM)",
-                                                                "value": "America/Los_Angeles",
-                                                              },
+                                                              "value": null,
                                                             }
                                                           }
                                                           setValue={[Function]}
@@ -311651,9 +301340,9 @@ exports[`Details Matches snapshot with default props 1`] = `
                                               </EmotionCssPropInternal>
                                             </Control>
                                             <input
-                                              name="representativeTz"
+                                              name="appellantTz"
                                               type="hidden"
-                                              value="America/Los_Angeles"
+                                              value=""
                                             />
                                           </div>
                                         </EmotionCssPropInternal>
@@ -311681,10 +301370,11 @@ exports[`Details Matches snapshot with default props 1`] = `
                         <HearingEmail
                           disabled={false}
                           email="tom.brady@caseflow.gov"
-                          emailType="representativeEmailAddress"
+                          emailType="appellantEmailAddress"
                           helperLabel="This email address will be used to send notifications for this hearing only."
-                          label="POA/Representative Email"
+                          label="Appellant Email"
                           optional={true}
+                          required={false}
                           showHelper={true}
                           update={[Function]}
                         >
@@ -311694,376 +301384,923 @@ exports[`Details Matches snapshot with default props 1`] = `
                                 "cf-form-textinput cf-inline-field",
                               ]
                             }
-                            name="POA/Representative Email"
-                            onChange={[Function]}
-                            optional={true}
+                            name="Appellant Email"
+                            onChange={[Function]}
+                            optional={true}
+                            readOnly={false}
+                            required={false}
+                            strongLabel={true}
+                            type="text"
+                            useAriaLabel={false}
+                            value="tom.brady@caseflow.gov"
+                          >
+                            <div
+                              className="cf-form-textinput cf-inline-field   "
+                            >
+                              <label
+                                htmlFor="Appellant Email"
+                              >
+                                <strong>
+                                  <FormLabel
+                                    name="Appellant Email"
+                                    optional={true}
+                                    required={false}
+                                  >
+                                    <span>
+                                      Appellant Email
+                                      <span
+                                        className="cf-optional"
+                                      >
+                                        Optional
+                                      </span>
+                                    </span>
+                                  </FormLabel>
+                                </strong>
+                              </label>
+                              <div
+                                className="input-container"
+                              >
+                                <input
+                                  aria-readonly={false}
+                                  className={
+                                    Array [
+                                      "cf-form-textinput cf-inline-field",
+                                    ]
+                                  }
+                                  id="Appellant Email"
+                                  name="Appellant Email"
+                                  onBlur={[Function]}
+                                  onChange={[Function]}
+                                  readOnly={false}
+                                  type="text"
+                                  value="tom.brady@caseflow.gov"
+                                />
+                              </div>
+                            </div>
+                          </TextField>
+                          <HelperText
+                            label="This email address will be used to send notifications for this hearing only."
+                          >
+                            <div
+                              className="helper-text"
+                            >
+                              This email address will be used to send notifications for this hearing only.
+                            </div>
+                          </HelperText>
+                        </HearingEmail>
+                      </div>
+                    </div>
+                    <div
+                      className="cf-help-divider"
+                    />
+                    <div
+                      className="usa-grid css-1jfbwxw"
+                    >
+                      <div
+                        className="usa-width-one-third"
+                        data-css-150oin1=""
+                      >
+                        <Timezone
+                          hearingDayDate="2020-07-06"
+                          label="POA/Representative Timezone"
+                          name="representativeTz"
+                          onChange={[Function]}
+                          optional={false}
+                          readOnly={false}
+                          required={true}
+                          roTimezone="America/New_York"
+                          time="04:00"
+                          value={null}
+                        >
+                          <SearchableDropdown
+                            clearOnSelect={false}
+                            label="POA/Representative Timezone"
+                            loading={false}
+                            name="representativeTz"
+                            onChange={[Function]}
+                            optional={false}
+                            options={
+                              Array [
+                                Object {
+                                  "label": "",
+                                  "value": null,
+                                },
+                                Object {
+                                  "index": -3,
+                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                  "value": "America/New_York",
+                                },
+                                Object {
+                                  "index": -2,
+                                  "label": "Central Time (US & Canada) (3:00 AM)",
+                                  "value": "America/Chicago",
+                                },
+                                Object {
+                                  "index": -1,
+                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                  "value": "America/Denver",
+                                },
+                                Object {
+                                  "index": -0,
+                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                  "value": "America/Los_Angeles",
+                                },
+                                Object {
+                                  "index": 2.4,
+                                  "label": "Indiana (East) (4:00 AM)",
+                                  "value": "America/Indiana/Indianapolis",
+                                },
+                                Object {
+                                  "index": 2.4,
+                                  "label": "Puerto Rico (4:00 AM)",
+                                  "value": "America/Puerto_Rico",
+                                },
+                                Object {
+                                  "index": 4.2,
+                                  "label": "Arizona (1:00 AM)",
+                                  "value": "America/Phoenix",
+                                },
+                                Object {
+                                  "index": 4.8,
+                                  "label": "Alaska (12:00 AM)",
+                                  "value": "America/Juneau",
+                                },
+                                Object {
+                                  "index": 4.8,
+                                  "label": "Philippine Standard Time (4:00 PM)",
+                                  "value": "Asia/Manila",
+                                },
+                                Object {
+                                  "index": 6,
+                                  "label": "Hawaii (10:00 PM)",
+                                  "value": "Pacific/Honolulu",
+                                },
+                                Object {
+                                  "index": 100,
+                                  "label": "Azores (8:00 AM)",
+                                  "value": "Atlantic/Azores",
+                                },
+                                Object {
+                                  "index": 100,
+                                  "label": "Monrovia (8:00 AM)",
+                                  "value": "Africa/Monrovia",
+                                },
+                                Object {
+                                  "index": 100,
+                                  "label": "UTC (8:00 AM)",
+                                  "value": "Etc/UTC",
+                                },
+                                Object {
+                                  "index": 160,
+                                  "label": "Cape Verde Is. (7:00 AM)",
+                                  "value": "Atlantic/Cape_Verde",
+                                },
+                                Object {
+                                  "index": 160,
+                                  "label": "Dublin (9:00 AM)",
+                                  "value": "Europe/Dublin",
+                                },
+                                Object {
+                                  "index": 160,
+                                  "label": "Edinburgh (9:00 AM)",
+                                  "value": "Europe/London",
+                                },
+                                Object {
+                                  "index": 160,
+                                  "label": "Lisbon (9:00 AM)",
+                                  "value": "Europe/Lisbon",
+                                },
+                                Object {
+                                  "index": 160,
+                                  "label": "London (9:00 AM)",
+                                  "value": "Europe/London",
+                                },
+                                Object {
+                                  "index": 160,
+                                  "label": "Casablanca (9:00 AM)",
+                                  "value": "Africa/Casablanca",
+                                },
+                                Object {
+                                  "index": 160,
+                                  "label": "West Central Africa (9:00 AM)",
+                                  "value": "Africa/Algiers",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Greenland (6:00 AM)",
+                                  "value": "America/Godthab",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Mid-Atlantic (6:00 AM)",
+                                  "value": "Atlantic/South_Georgia",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Belgrade (10:00 AM)",
+                                  "value": "Europe/Belgrade",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Bratislava (10:00 AM)",
+                                  "value": "Europe/Bratislava",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Budapest (10:00 AM)",
+                                  "value": "Europe/Budapest",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Ljubljana (10:00 AM)",
+                                  "value": "Europe/Ljubljana",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Prague (10:00 AM)",
+                                  "value": "Europe/Prague",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Sarajevo (10:00 AM)",
+                                  "value": "Europe/Sarajevo",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Skopje (10:00 AM)",
+                                  "value": "Europe/Skopje",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Warsaw (10:00 AM)",
+                                  "value": "Europe/Warsaw",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Zagreb (10:00 AM)",
+                                  "value": "Europe/Zagreb",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Brussels (10:00 AM)",
+                                  "value": "Europe/Brussels",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Copenhagen (10:00 AM)",
+                                  "value": "Europe/Copenhagen",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Madrid (10:00 AM)",
+                                  "value": "Europe/Madrid",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Paris (10:00 AM)",
+                                  "value": "Europe/Paris",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Amsterdam (10:00 AM)",
+                                  "value": "Europe/Amsterdam",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Berlin (10:00 AM)",
+                                  "value": "Europe/Berlin",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Bern (10:00 AM)",
+                                  "value": "Europe/Zurich",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Zurich (10:00 AM)",
+                                  "value": "Europe/Zurich",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Rome (10:00 AM)",
+                                  "value": "Europe/Rome",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Stockholm (10:00 AM)",
+                                  "value": "Europe/Stockholm",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Vienna (10:00 AM)",
+                                  "value": "Europe/Vienna",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Cairo (10:00 AM)",
+                                  "value": "Africa/Cairo",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Harare (10:00 AM)",
+                                  "value": "Africa/Harare",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Pretoria (10:00 AM)",
+                                  "value": "Africa/Johannesburg",
+                                },
+                                Object {
+                                  "index": 220,
+                                  "label": "Kaliningrad (10:00 AM)",
+                                  "value": "Europe/Kaliningrad",
+                                },
+                                Object {
+                                  "index": 250,
+                                  "label": "Newfoundland (5:30 AM)",
+                                  "value": "America/St_Johns",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Atlantic Time (Canada) (5:00 AM)",
+                                  "value": "America/Halifax",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Brasilia (5:00 AM)",
+                                  "value": "America/Sao_Paulo",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Buenos Aires (5:00 AM)",
+                                  "value": "America/Argentina/Buenos_Aires",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Montevideo (5:00 AM)",
+                                  "value": "America/Montevideo",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Bucharest (11:00 AM)",
+                                  "value": "Europe/Bucharest",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Helsinki (11:00 AM)",
+                                  "value": "Europe/Helsinki",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Kyiv (11:00 AM)",
+                                  "value": "Europe/Kiev",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Riga (11:00 AM)",
+                                  "value": "Europe/Riga",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Sofia (11:00 AM)",
+                                  "value": "Europe/Sofia",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Tallinn (11:00 AM)",
+                                  "value": "Europe/Tallinn",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Vilnius (11:00 AM)",
+                                  "value": "Europe/Vilnius",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Athens (11:00 AM)",
+                                  "value": "Europe/Athens",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Istanbul (11:00 AM)",
+                                  "value": "Europe/Istanbul",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Minsk (11:00 AM)",
+                                  "value": "Europe/Minsk",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Jerusalem (11:00 AM)",
+                                  "value": "Asia/Jerusalem",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Moscow (11:00 AM)",
+                                  "value": "Europe/Moscow",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "St. Petersburg (11:00 AM)",
+                                  "value": "Europe/Moscow",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Kuwait (11:00 AM)",
+                                  "value": "Asia/Kuwait",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Riyadh (11:00 AM)",
+                                  "value": "Asia/Riyadh",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Nairobi (11:00 AM)",
+                                  "value": "Africa/Nairobi",
+                                },
+                                Object {
+                                  "index": 280,
+                                  "label": "Baghdad (11:00 AM)",
+                                  "value": "Asia/Baghdad",
+                                },
+                                Object {
+                                  "index": 340,
+                                  "label": "Caracas (4:00 AM)",
+                                  "value": "America/Caracas",
+                                },
+                                Object {
+                                  "index": 340,
+                                  "label": "La Paz (4:00 AM)",
+                                  "value": "America/La_Paz",
+                                },
+                                Object {
+                                  "index": 340,
+                                  "label": "Santiago (4:00 AM)",
+                                  "value": "America/Santiago",
+                                },
+                                Object {
+                                  "index": 340,
+                                  "label": "Georgetown (4:00 AM)",
+                                  "value": "America/Guyana",
+                                },
+                                Object {
+                                  "index": 340,
+                                  "label": "Volgograd (12:00 PM)",
+                                  "value": "Europe/Volgograd",
+                                },
+                                Object {
+                                  "index": 340,
+                                  "label": "Samara (12:00 PM)",
+                                  "value": "Europe/Samara",
+                                },
+                                Object {
+                                  "index": 340,
+                                  "label": "Abu Dhabi (12:00 PM)",
+                                  "value": "Asia/Muscat",
+                                },
+                                Object {
+                                  "index": 340,
+                                  "label": "Muscat (12:00 PM)",
+                                  "value": "Asia/Muscat",
+                                },
+                                Object {
+                                  "index": 340,
+                                  "label": "Baku (12:00 PM)",
+                                  "value": "Asia/Baku",
+                                },
+                                Object {
+                                  "index": 340,
+                                  "label": "Tbilisi (12:00 PM)",
+                                  "value": "Asia/Tbilisi",
+                                },
+                                Object {
+                                  "index": 340,
+                                  "label": "Yerevan (12:00 PM)",
+                                  "value": "Asia/Yerevan",
+                                },
+                                Object {
+                                  "index": 370,
+                                  "label": "Tehran (12:30 PM)",
+                                  "value": "Asia/Tehran",
+                                },
+                                Object {
+                                  "index": 370,
+                                  "label": "Kabul (12:30 PM)",
+                                  "value": "Asia/Kabul",
+                                },
+                                Object {
+                                  "index": 400,
+                                  "label": "Guadalajara (3:00 AM)",
+                                  "value": "America/Mexico_City",
+                                },
+                                Object {
+                                  "index": 400,
+                                  "label": "Mexico City (3:00 AM)",
+                                  "value": "America/Mexico_City",
+                                },
+                                Object {
+                                  "index": 400,
+                                  "label": "Monterrey (3:00 AM)",
+                                  "value": "America/Monterrey",
+                                },
+                                Object {
+                                  "index": 400,
+                                  "label": "Bogota (3:00 AM)",
+                                  "value": "America/Bogota",
+                                },
+                                Object {
+                                  "index": 400,
+                                  "label": "Lima (3:00 AM)",
+                                  "value": "America/Lima",
+                                },
+                                Object {
+                                  "index": 400,
+                                  "label": "Quito (3:00 AM)",
+                                  "value": "America/Lima",
+                                },
+                                Object {
+                                  "index": 400,
+                                  "label": "Ekaterinburg (1:00 PM)",
+                                  "value": "Asia/Yekaterinburg",
+                                },
+                                Object {
+                                  "index": 400,
+                                  "label": "Islamabad (1:00 PM)",
+                                  "value": "Asia/Karachi",
+                                },
+                                Object {
+                                  "index": 400,
+                                  "label": "Karachi (1:00 PM)",
+                                  "value": "Asia/Karachi",
+                                },
+                                Object {
+                                  "index": 400,
+                                  "label": "Tashkent (1:00 PM)",
+                                  "value": "Asia/Tashkent",
+                                },
+                                Object {
+                                  "index": 430,
+                                  "label": "Chennai (1:30 PM)",
+                                  "value": "Asia/Kolkata",
+                                },
+                                Object {
+                                  "index": 430,
+                                  "label": "Kolkata (1:30 PM)",
+                                  "value": "Asia/Kolkata",
+                                },
+                                Object {
+                                  "index": 430,
+                                  "label": "Mumbai (1:30 PM)",
+                                  "value": "Asia/Kolkata",
+                                },
+                                Object {
+                                  "index": 430,
+                                  "label": "New Delhi (1:30 PM)",
+                                  "value": "Asia/Kolkata",
+                                },
+                                Object {
+                                  "index": 430,
+                                  "label": "Sri Jayawardenepura (1:30 PM)",
+                                  "value": "Asia/Colombo",
+                                },
+                                Object {
+                                  "index": 445,
+                                  "label": "Kathmandu (1:45 PM)",
+                                  "value": "Asia/Kathmandu",
+                                },
+                                Object {
+                                  "index": 460,
+                                  "label": "Chihuahua (2:00 AM)",
+                                  "value": "America/Chihuahua",
+                                },
+                                Object {
+                                  "index": 460,
+                                  "label": "Mazatlan (2:00 AM)",
+                                  "value": "America/Mazatlan",
+                                },
+                                Object {
+                                  "index": 460,
+                                  "label": "Saskatchewan (2:00 AM)",
+                                  "value": "America/Regina",
+                                },
+                                Object {
+                                  "index": 460,
+                                  "label": "Central America (2:00 AM)",
+                                  "value": "America/Guatemala",
+                                },
+                                Object {
+                                  "index": 460,
+                                  "label": "Astana (2:00 PM)",
+                                  "value": "Asia/Dhaka",
+                                },
+                                Object {
+                                  "index": 460,
+                                  "label": "Dhaka (2:00 PM)",
+                                  "value": "Asia/Dhaka",
+                                },
+                                Object {
+                                  "index": 460,
+                                  "label": "Almaty (2:00 PM)",
+                                  "value": "Asia/Almaty",
+                                },
+                                Object {
+                                  "index": 460,
+                                  "label": "Urumqi (2:00 PM)",
+                                  "value": "Asia/Urumqi",
+                                },
+                                Object {
+                                  "index": 490,
+                                  "label": "Rangoon (2:30 PM)",
+                                  "value": "Asia/Rangoon",
+                                },
+                                Object {
+                                  "index": 520,
+                                  "label": "Tijuana (1:00 AM)",
+                                  "value": "America/Tijuana",
+                                },
+                                Object {
+                                  "index": 520,
+                                  "label": "Novosibirsk (3:00 PM)",
+                                  "value": "Asia/Novosibirsk",
+                                },
+                                Object {
+                                  "index": 520,
+                                  "label": "Bangkok (3:00 PM)",
+                                  "value": "Asia/Bangkok",
+                                },
+                                Object {
+                                  "index": 520,
+                                  "label": "Hanoi (3:00 PM)",
+                                  "value": "Asia/Bangkok",
+                                },
+                                Object {
+                                  "index": 520,
+                                  "label": "Jakarta (3:00 PM)",
+                                  "value": "Asia/Jakarta",
+                                },
+                                Object {
+                                  "index": 520,
+                                  "label": "Krasnoyarsk (3:00 PM)",
+                                  "value": "Asia/Krasnoyarsk",
+                                },
+                                Object {
+                                  "index": 580,
+                                  "label": "Beijing (4:00 PM)",
+                                  "value": "Asia/Shanghai",
+                                },
+                                Object {
+                                  "index": 580,
+                                  "label": "Chongqing (4:00 PM)",
+                                  "value": "Asia/Chongqing",
+                                },
+                                Object {
+                                  "index": 580,
+                                  "label": "Hong Kong (4:00 PM)",
+                                  "value": "Asia/Hong_Kong",
+                                },
+                                Object {
+                                  "index": 580,
+                                  "label": "Kuala Lumpur (4:00 PM)",
+                                  "value": "Asia/Kuala_Lumpur",
+                                },
+                                Object {
+                                  "index": 580,
+                                  "label": "Singapore (4:00 PM)",
+                                  "value": "Asia/Singapore",
+                                },
+                                Object {
+                                  "index": 580,
+                                  "label": "Taipei (4:00 PM)",
+                                  "value": "Asia/Taipei",
+                                },
+                                Object {
+                                  "index": 580,
+                                  "label": "Perth (4:00 PM)",
+                                  "value": "Australia/Perth",
+                                },
+                                Object {
+                                  "index": 580,
+                                  "label": "Irkutsk (4:00 PM)",
+                                  "value": "Asia/Irkutsk",
+                                },
+                                Object {
+                                  "index": 580,
+                                  "label": "Ulaanbaatar (4:00 PM)",
+                                  "value": "Asia/Ulaanbaatar",
+                                },
+                                Object {
+                                  "index": 640,
+                                  "label": "Seoul (5:00 PM)",
+                                  "value": "Asia/Seoul",
+                                },
+                                Object {
+                                  "index": 640,
+                                  "label": "Osaka (5:00 PM)",
+                                  "value": "Asia/Tokyo",
+                                },
+                                Object {
+                                  "index": 640,
+                                  "label": "Sapporo (5:00 PM)",
+                                  "value": "Asia/Tokyo",
+                                },
+                                Object {
+                                  "index": 640,
+                                  "label": "Tokyo (5:00 PM)",
+                                  "value": "Asia/Tokyo",
+                                },
+                                Object {
+                                  "index": 640,
+                                  "label": "Yakutsk (5:00 PM)",
+                                  "value": "Asia/Yakutsk",
+                                },
+                                Object {
+                                  "index": 670,
+                                  "label": "Darwin (5:30 PM)",
+                                  "value": "Australia/Darwin",
+                                },
+                                Object {
+                                  "index": 670,
+                                  "label": "Adelaide (5:30 PM)",
+                                  "value": "Australia/Adelaide",
+                                },
+                                Object {
+                                  "index": 700,
+                                  "label": "Canberra (6:00 PM)",
+                                  "value": "Australia/Melbourne",
+                                },
+                                Object {
+                                  "index": 700,
+                                  "label": "Melbourne (6:00 PM)",
+                                  "value": "Australia/Melbourne",
+                                },
+                                Object {
+                                  "index": 700,
+                                  "label": "Sydney (6:00 PM)",
+                                  "value": "Australia/Sydney",
+                                },
+                                Object {
+                                  "index": 700,
+                                  "label": "Brisbane (6:00 PM)",
+                                  "value": "Australia/Brisbane",
+                                },
+                                Object {
+                                  "index": 700,
+                                  "label": "Hobart (6:00 PM)",
+                                  "value": "Australia/Hobart",
+                                },
+                                Object {
+                                  "index": 700,
+                                  "label": "Vladivostok (6:00 PM)",
+                                  "value": "Asia/Vladivostok",
+                                },
+                                Object {
+                                  "index": 700,
+                                  "label": "Guam (6:00 PM)",
+                                  "value": "Pacific/Guam",
+                                },
+                                Object {
+                                  "index": 700,
+                                  "label": "Port Moresby (6:00 PM)",
+                                  "value": "Pacific/Port_Moresby",
+                                },
+                                Object {
+                                  "index": 760,
+                                  "label": "Midway Island (9:00 PM)",
+                                  "value": "Pacific/Midway",
+                                },
+                                Object {
+                                  "index": 760,
+                                  "label": "American Samoa (9:00 PM)",
+                                  "value": "Pacific/Pago_Pago",
+                                },
+                                Object {
+                                  "index": 760,
+                                  "label": "Magadan (7:00 PM)",
+                                  "value": "Asia/Magadan",
+                                },
+                                Object {
+                                  "index": 760,
+                                  "label": "Srednekolymsk (7:00 PM)",
+                                  "value": "Asia/Srednekolymsk",
+                                },
+                                Object {
+                                  "index": 760,
+                                  "label": "Solomon Is. (7:00 PM)",
+                                  "value": "Pacific/Guadalcanal",
+                                },
+                                Object {
+                                  "index": 760,
+                                  "label": "New Caledonia (7:00 PM)",
+                                  "value": "Pacific/Noumea",
+                                },
+                                Object {
+                                  "index": 820,
+                                  "label": "International Date Line West (8:00 PM)",
+                                  "value": "Etc/GMT+12",
+                                },
+                                Object {
+                                  "index": 820,
+                                  "label": "Fiji (8:00 PM)",
+                                  "value": "Pacific/Fiji",
+                                },
+                                Object {
+                                  "index": 820,
+                                  "label": "Kamchatka (8:00 PM)",
+                                  "value": "Asia/Kamchatka",
+                                },
+                                Object {
+                                  "index": 820,
+                                  "label": "Marshall Is. (8:00 PM)",
+                                  "value": "Pacific/Majuro",
+                                },
+                                Object {
+                                  "index": 820,
+                                  "label": "Auckland (8:00 PM)",
+                                  "value": "Pacific/Auckland",
+                                },
+                                Object {
+                                  "index": 820,
+                                  "label": "Wellington (8:00 PM)",
+                                  "value": "Pacific/Auckland",
+                                },
+                                Object {
+                                  "index": 865,
+                                  "label": "Chatham Is. (8:45 PM)",
+                                  "value": "Pacific/Chatham",
+                                },
+                                Object {
+                                  "index": 880,
+                                  "label": "Nuku'alofa (9:00 PM)",
+                                  "value": "Pacific/Tongatapu",
+                                },
+                                Object {
+                                  "index": 880,
+                                  "label": "Tokelau Is. (9:00 PM)",
+                                  "value": "Pacific/Fakaofo",
+                                },
+                                Object {
+                                  "index": 880,
+                                  "label": "Samoa (9:00 PM)",
+                                  "value": "Pacific/Apia",
+                                },
+                              ]
+                            }
+                            placeholder="Select a timezone"
                             readOnly={false}
-                            required={false}
+                            required={true}
                             strongLabel={true}
-                            type="text"
-                            useAriaLabel={false}
-                            value="tom.brady@caseflow.gov"
-                          >
-                            <div
-                              className="cf-form-textinput cf-inline-field   "
-                            >
-                              <label
-                                htmlFor="POA/Representative Email"
-                              >
-                                <strong>
-                                  <FormLabel
-                                    name="POA/Representative Email"
-                                    optional={true}
-                                    required={false}
-                                  >
-                                    <span>
-                                      POA/Representative Email
-                                      <span
-                                        className="cf-optional"
-                                      >
-                                        Optional
-                                      </span>
-                                    </span>
-                                  </FormLabel>
-                                </strong>
-                              </label>
-                              <div
-                                className="input-container"
-                              >
-                                <input
-                                  aria-readonly={false}
-                                  className={
-                                    Array [
-                                      "cf-form-textinput cf-inline-field",
-                                    ]
-                                  }
-                                  id="POA/Representative Email"
-                                  name="POA/Representative Email"
-                                  onBlur={[Function]}
-                                  onChange={[Function]}
-                                  readOnly={false}
-                                  type="text"
-                                  value="tom.brady@caseflow.gov"
-                                />
-                              </div>
-                            </div>
-                          </TextField>
-                          <HelperText
-                            label="This email address will be used to send notifications for this hearing only."
-                          >
-                            <div
-                              className="helper-text"
-                            >
-                              This email address will be used to send notifications for this hearing only.
-                            </div>
-                          </HelperText>
-                        </HearingEmail>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </ContentSection>
-            </EmailNotificationFields>
-            <TranscriptionFormSection
-              hearing={
-                Object {
-                  "advanceOnDocketMotion": null,
-                  "aod": false,
-                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
-                  "appealId": 613,
-                  "appellantAddressLine1": "9999 MISSION ST",
-                  "appellantCity": "SAN FRANCISCO",
-                  "appellantEmailAddress": "tom.brady@caseflow.gov",
-                  "appellantFirstName": "Tom",
-                  "appellantIsNotVeteran": false,
-                  "appellantLastName": "Brady",
-                  "appellantRelationship": "Spouse",
-                  "appellantState": "CA",
-                  "appellantTz": "America/Los_Angeles",
-                  "appellantZip": "94103",
-                  "availableHearingLocations": Object {},
-                  "bvaPoc": null,
-                  "caseType": "Original",
-                  "centralOfficeTimeString": "04:00",
-                  "claimantId": 604,
-                  "closestRegionalOffice": null,
-                  "currentIssueCount": 0,
-                  "disposition": null,
-                  "dispositionEditable": true,
-                  "docketName": "hearing",
-                  "docketNumber": "200624-614",
-                  "emailEvents": Array [],
-                  "evidenceWindowWaived": false,
-                  "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                  "hearingDayId": 11,
-                  "id": 10,
-                  "isVirtual": false,
-                  "judge": Object {
-                    "createdAt": "2020-06-25T11:00:43.257-04:00",
-                    "cssId": "BVAAABSHIRE",
-                    "displayName": "BVAAABSHIRE (VACO)",
-                    "efolderDocumentsFetchedAt": null,
-                    "email": null,
-                    "fullName": "Aaron Judge_HearingsAndCases Abshire",
-                    "id": 3,
-                    "lastLoginAt": null,
-                    "roles": Object {},
-                    "selectedRegionalOffice": null,
-                    "stationId": "101",
-                    "status": "active",
-                    "statusUpdatedAt": null,
-                    "updatedAt": "2020-06-25T11:00:43.257-04:00",
-                  },
-                  "judgeId": "3",
-                  "location": null,
-                  "militaryService": "",
-                  "notes": null,
-                  "paperCase": false,
-                  "poaName": "AMERICAN LEGION",
-                  "prepped": null,
-                  "readableLocation": null,
-                  "readableRequestType": "Video",
-                  "regionalOfficeKey": "RO17",
-                  "regionalOfficeName": "St. Petersburg regional office",
-                  "regionalOfficeTimezone": "America/New_York",
-                  "representative": "PARALYZED VETERANS OF AMERICA, INC.",
-                  "representativeAddress": Object {
-                    "addressLine1": "9999 MISSION ST",
-                    "city": "SAN FRANCISCO",
-                    "state": "CA",
-                    "zip": "94103",
-                  },
-                  "representativeEmailAddress": "tom.brady@caseflow.gov",
-                  "representativeName": null,
-                  "representativeTz": "America/Los_Angeles",
-                  "room": "1",
-                  "scheduledFor": "2020-07-06T06:00:00.000-04:00",
-                  "scheduledForIsPast": false,
-                  "scheduledTime": "2000-01-01T06:00:00.000-05:00",
-                  "scheduledTimeString": "06:00",
-                  "summary": null,
-                  "transcriptRequested": null,
-                  "transcriptSentDate": undefined,
-                  "transcription": Object {
-                    "expectedReturnDate": undefined,
-                    "problemNoticeSentDate": undefined,
-                    "sentToTranscriberDate": undefined,
-                    "uploadedToVbmsDate": undefined,
-                  },
-                  "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                  "veteranAge": 85,
-                  "veteranEmailAddress": "John.Smith@test.com",
-                  "veteranFileNumber": "100000005",
-                  "veteranFirstName": "John",
-                  "veteranGender": "M",
-                  "veteranLastName": "Smith",
-                  "virtualHearing": null,
-                  "wasVirtual": false,
-                  "witness": null,
-                  "worksheetIssues": Object {},
-                }
-              }
-              transcription={
-                Object {
-                  "expectedReturnDate": undefined,
-                  "problemNoticeSentDate": undefined,
-                  "sentToTranscriberDate": undefined,
-                  "uploadedToVbmsDate": undefined,
-                }
-              }
-              update={[Function]}
-            >
-              <ContentSection
-                header="Transcription Details"
-              >
-                <div
-                  className="cf-app-segment"
-                >
-                  <h2
-                    data-css-3rhuy2=""
-                  >
-                    Transcription Details
-                  </h2>
-                  <div
-                    data-css-1571z6o=""
-                  >
-                    <TranscriptionDetailsInputs
-                      title="Transcription Details"
-                      transcription={
-                        Object {
-                          "expectedReturnDate": undefined,
-                          "problemNoticeSentDate": undefined,
-                          "sentToTranscriberDate": undefined,
-                          "uploadedToVbmsDate": undefined,
-                        }
-                      }
-                      update={[Function]}
-                    >
-                      <div
-                        data-css-1fmltfu=""
-                      >
-                        <TextField
-                          className={
-                            Array [
-                              "cf-form-textinput",
-                            ]
-                          }
-                          label="Task #"
-                          name="taskNumber"
-                          onChange={[Function]}
-                          optional={false}
-                          required={false}
-                          strongLabel={true}
-                          type="text"
-                          useAriaLabel={false}
-                        >
-                          <div
-                            className="cf-form-textinput   "
-                          >
-                            <label
-                              htmlFor="taskNumber"
-                            >
-                              <strong>
-                                <FormLabel
-                                  label="Task #"
-                                  name="taskNumber"
-                                  optional={false}
-                                  required={false}
-                                >
-                                  <span>
-                                    Task #
-                                  </span>
-                                </FormLabel>
-                              </strong>
-                            </label>
-                            <div
-                              className="input-container"
-                            >
-                              <input
-                                className={
-                                  Array [
-                                    "cf-form-textinput",
-                                  ]
-                                }
-                                id="taskNumber"
-                                name="taskNumber"
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                type="text"
-                              />
-                            </div>
-                          </div>
-                        </TextField>
-                        <SearchableDropdown
-                          clearOnSelect={false}
-                          label="Transcriber"
-                          loading={false}
-                          name="transcriber"
-                          onChange={[Function]}
-                          options={
-                            Array [
-                              Object {
-                                "label": "",
-                                "value": null,
-                              },
-                              Object {
-                                "label": "Genesis Government Solutions, Inc.",
-                                "value": "Genesis Government Solutions, Inc.",
-                              },
-                              Object {
-                                "label": "Jamison Professional Services",
-                                "value": "Jamison Professional Services",
-                              },
+                            styling={
                               Object {
-                                "label": "The Ravens Group, Inc.",
-                                "value": "The Ravens Group, Inc.",
-                              },
-                            ]
-                          }
-                          strongLabel={true}
-                        >
-                          <div
-                            className=""
+                                "& .cf-select__menu-list": Object {
+                                  "& > :nth-child(10)": Object {
+                                    "borderBottom": "1px solid grey",
+                                  },
+                                  "height": "390px !important",
+                                  "maxHeight": "none",
+                                  "overflowY": "auto",
+                                },
+                              }
+                            }
+                            value={null}
                           >
                             <div
-                              className="cf-form-dropdown dropdown-transcriber"
+                              className=""
                             >
-                              <label
-                                className="question-label"
-                                htmlFor="transcriber"
-                                id="transcriber-label"
-                              >
-                                <strong>
-                                  <FormLabel
-                                    label="Transcriber"
-                                    name="Transcriber"
-                                  >
-                                    <span>
-                                      Transcriber
-                                    </span>
-                                  </FormLabel>
-                                </strong>
-                              </label>
                               <div
-                                className="cf-select"
+                                className="cf-form-dropdown dropdown-representativeTz"
+                                data-css-1gh7024=""
                               >
-                                <StateManager
-                                  cache={false}
-                                  classNamePrefix="cf-select"
-                                  components={
-                                    Object {
-                                      "Input": [Function],
-                                      "MenuList": [Function],
-                                      "Option": [Function],
-                                    }
-                                  }
-                                  defaultInputValue=""
-                                  defaultMenuIsOpen={false}
-                                  defaultValue={null}
-                                  inputId="transcriber"
-                                  isLoading={false}
-                                  isSearchable={true}
-                                  name="transcriber"
-                                  noOptionsMessage={[Function]}
-                                  onBlurResetsInput={false}
-                                  onChange={[Function]}
-                                  onMenuClose={[Function]}
-                                  onMenuOpen={[Function]}
-                                  options={
-                                    Array [
-                                      Object {
-                                        "label": "",
-                                        "value": null,
-                                      },
-                                      Object {
-                                        "label": "Genesis Government Solutions, Inc.",
-                                        "value": "Genesis Government Solutions, Inc.",
-                                      },
-                                      Object {
-                                        "label": "Jamison Professional Services",
-                                        "value": "Jamison Professional Services",
-                                      },
-                                      Object {
-                                        "label": "The Ravens Group, Inc.",
-                                        "value": "The Ravens Group, Inc.",
-                                      },
-                                    ]
-                                  }
-                                  shouldKeyDownEventCreateNewOption={[Function]}
-                                  styles={
-                                    Object {
-                                      "input": [Function],
-                                    }
-                                  }
+                                <label
+                                  className="question-label"
+                                  htmlFor="representative-tz"
+                                  id="representative-tz-label"
                                 >
-                                  <Select
-                                    backspaceRemovesValue={true}
-                                    blurInputOnSelect={true}
+                                  <strong>
+                                    <FormLabel
+                                      label="POA/Representative Timezone"
+                                      name="POA/Representative Timezone"
+                                      optional={false}
+                                      required={true}
+                                    >
+                                      <span>
+                                        POA/Representative Timezone
+                                        <span
+                                          className="cf-required"
+                                        >
+                                          Required
+                                        </span>
+                                      </span>
+                                    </FormLabel>
+                                  </strong>
+                                </label>
+                                <div
+                                  className="cf-select"
+                                >
+                                  <StateManager
                                     cache={false}
-                                    captureMenuScroll={false}
                                     classNamePrefix="cf-select"
-                                    closeMenuOnScroll={false}
-                                    closeMenuOnSelect={true}
                                     components={
                                       Object {
                                         "Input": [Function],
@@ -312071,2947 +302308,14248 @@ exports[`Details Matches snapshot with default props 1`] = `
                                         "Option": [Function],
                                       }
                                     }
-                                    controlShouldRenderValue={true}
-                                    escapeClearsValue={false}
-                                    filterOption={[Function]}
-                                    formatGroupLabel={[Function]}
-                                    getOptionLabel={[Function]}
-                                    getOptionValue={[Function]}
-                                    inputId="transcriber"
-                                    inputValue=""
+                                    defaultInputValue=""
+                                    defaultMenuIsOpen={false}
+                                    defaultValue={null}
+                                    inputId="representative-tz"
                                     isDisabled={false}
                                     isLoading={false}
-                                    isMulti={false}
-                                    isOptionDisabled={[Function]}
-                                    isRtl={false}
                                     isSearchable={true}
-                                    loadingMessage={[Function]}
-                                    maxMenuHeight={300}
-                                    menuIsOpen={false}
-                                    menuPlacement="bottom"
-                                    menuPosition="absolute"
-                                    menuShouldBlockScroll={false}
-                                    menuShouldScrollIntoView={true}
-                                    minMenuHeight={140}
-                                    name="transcriber"
+                                    name="representativeTz"
                                     noOptionsMessage={[Function]}
                                     onBlurResetsInput={false}
                                     onChange={[Function]}
-                                    onInputChange={[Function]}
                                     onMenuClose={[Function]}
                                     onMenuOpen={[Function]}
-                                    openMenuOnClick={true}
-                                    openMenuOnFocus={false}
                                     options={
                                       Array [
                                         Object {
-                                          "label": "",
-                                          "value": null,
+                                          "label": "",
+                                          "value": null,
+                                        },
+                                        Object {
+                                          "index": -3,
+                                          "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                          "value": "America/New_York",
+                                        },
+                                        Object {
+                                          "index": -2,
+                                          "label": "Central Time (US & Canada) (3:00 AM)",
+                                          "value": "America/Chicago",
+                                        },
+                                        Object {
+                                          "index": -1,
+                                          "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                          "value": "America/Denver",
+                                        },
+                                        Object {
+                                          "index": -0,
+                                          "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                          "value": "America/Los_Angeles",
+                                        },
+                                        Object {
+                                          "index": 2.4,
+                                          "label": "Indiana (East) (4:00 AM)",
+                                          "value": "America/Indiana/Indianapolis",
+                                        },
+                                        Object {
+                                          "index": 2.4,
+                                          "label": "Puerto Rico (4:00 AM)",
+                                          "value": "America/Puerto_Rico",
+                                        },
+                                        Object {
+                                          "index": 4.2,
+                                          "label": "Arizona (1:00 AM)",
+                                          "value": "America/Phoenix",
+                                        },
+                                        Object {
+                                          "index": 4.8,
+                                          "label": "Alaska (12:00 AM)",
+                                          "value": "America/Juneau",
+                                        },
+                                        Object {
+                                          "index": 4.8,
+                                          "label": "Philippine Standard Time (4:00 PM)",
+                                          "value": "Asia/Manila",
+                                        },
+                                        Object {
+                                          "index": 6,
+                                          "label": "Hawaii (10:00 PM)",
+                                          "value": "Pacific/Honolulu",
+                                        },
+                                        Object {
+                                          "index": 100,
+                                          "label": "Azores (8:00 AM)",
+                                          "value": "Atlantic/Azores",
+                                        },
+                                        Object {
+                                          "index": 100,
+                                          "label": "Monrovia (8:00 AM)",
+                                          "value": "Africa/Monrovia",
+                                        },
+                                        Object {
+                                          "index": 100,
+                                          "label": "UTC (8:00 AM)",
+                                          "value": "Etc/UTC",
+                                        },
+                                        Object {
+                                          "index": 160,
+                                          "label": "Cape Verde Is. (7:00 AM)",
+                                          "value": "Atlantic/Cape_Verde",
+                                        },
+                                        Object {
+                                          "index": 160,
+                                          "label": "Dublin (9:00 AM)",
+                                          "value": "Europe/Dublin",
+                                        },
+                                        Object {
+                                          "index": 160,
+                                          "label": "Edinburgh (9:00 AM)",
+                                          "value": "Europe/London",
+                                        },
+                                        Object {
+                                          "index": 160,
+                                          "label": "Lisbon (9:00 AM)",
+                                          "value": "Europe/Lisbon",
+                                        },
+                                        Object {
+                                          "index": 160,
+                                          "label": "London (9:00 AM)",
+                                          "value": "Europe/London",
+                                        },
+                                        Object {
+                                          "index": 160,
+                                          "label": "Casablanca (9:00 AM)",
+                                          "value": "Africa/Casablanca",
+                                        },
+                                        Object {
+                                          "index": 160,
+                                          "label": "West Central Africa (9:00 AM)",
+                                          "value": "Africa/Algiers",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Greenland (6:00 AM)",
+                                          "value": "America/Godthab",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Mid-Atlantic (6:00 AM)",
+                                          "value": "Atlantic/South_Georgia",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Belgrade (10:00 AM)",
+                                          "value": "Europe/Belgrade",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Bratislava (10:00 AM)",
+                                          "value": "Europe/Bratislava",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Budapest (10:00 AM)",
+                                          "value": "Europe/Budapest",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Ljubljana (10:00 AM)",
+                                          "value": "Europe/Ljubljana",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Prague (10:00 AM)",
+                                          "value": "Europe/Prague",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Sarajevo (10:00 AM)",
+                                          "value": "Europe/Sarajevo",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Skopje (10:00 AM)",
+                                          "value": "Europe/Skopje",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Warsaw (10:00 AM)",
+                                          "value": "Europe/Warsaw",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Zagreb (10:00 AM)",
+                                          "value": "Europe/Zagreb",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Brussels (10:00 AM)",
+                                          "value": "Europe/Brussels",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Copenhagen (10:00 AM)",
+                                          "value": "Europe/Copenhagen",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Madrid (10:00 AM)",
+                                          "value": "Europe/Madrid",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Paris (10:00 AM)",
+                                          "value": "Europe/Paris",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Amsterdam (10:00 AM)",
+                                          "value": "Europe/Amsterdam",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Berlin (10:00 AM)",
+                                          "value": "Europe/Berlin",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Bern (10:00 AM)",
+                                          "value": "Europe/Zurich",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Zurich (10:00 AM)",
+                                          "value": "Europe/Zurich",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Rome (10:00 AM)",
+                                          "value": "Europe/Rome",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Stockholm (10:00 AM)",
+                                          "value": "Europe/Stockholm",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Vienna (10:00 AM)",
+                                          "value": "Europe/Vienna",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Cairo (10:00 AM)",
+                                          "value": "Africa/Cairo",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Harare (10:00 AM)",
+                                          "value": "Africa/Harare",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Pretoria (10:00 AM)",
+                                          "value": "Africa/Johannesburg",
+                                        },
+                                        Object {
+                                          "index": 220,
+                                          "label": "Kaliningrad (10:00 AM)",
+                                          "value": "Europe/Kaliningrad",
+                                        },
+                                        Object {
+                                          "index": 250,
+                                          "label": "Newfoundland (5:30 AM)",
+                                          "value": "America/St_Johns",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Atlantic Time (Canada) (5:00 AM)",
+                                          "value": "America/Halifax",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Brasilia (5:00 AM)",
+                                          "value": "America/Sao_Paulo",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Buenos Aires (5:00 AM)",
+                                          "value": "America/Argentina/Buenos_Aires",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Montevideo (5:00 AM)",
+                                          "value": "America/Montevideo",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Bucharest (11:00 AM)",
+                                          "value": "Europe/Bucharest",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Helsinki (11:00 AM)",
+                                          "value": "Europe/Helsinki",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Kyiv (11:00 AM)",
+                                          "value": "Europe/Kiev",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Riga (11:00 AM)",
+                                          "value": "Europe/Riga",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Sofia (11:00 AM)",
+                                          "value": "Europe/Sofia",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Tallinn (11:00 AM)",
+                                          "value": "Europe/Tallinn",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Vilnius (11:00 AM)",
+                                          "value": "Europe/Vilnius",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Athens (11:00 AM)",
+                                          "value": "Europe/Athens",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Istanbul (11:00 AM)",
+                                          "value": "Europe/Istanbul",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Minsk (11:00 AM)",
+                                          "value": "Europe/Minsk",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Jerusalem (11:00 AM)",
+                                          "value": "Asia/Jerusalem",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Moscow (11:00 AM)",
+                                          "value": "Europe/Moscow",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "St. Petersburg (11:00 AM)",
+                                          "value": "Europe/Moscow",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Kuwait (11:00 AM)",
+                                          "value": "Asia/Kuwait",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Riyadh (11:00 AM)",
+                                          "value": "Asia/Riyadh",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Nairobi (11:00 AM)",
+                                          "value": "Africa/Nairobi",
+                                        },
+                                        Object {
+                                          "index": 280,
+                                          "label": "Baghdad (11:00 AM)",
+                                          "value": "Asia/Baghdad",
+                                        },
+                                        Object {
+                                          "index": 340,
+                                          "label": "Caracas (4:00 AM)",
+                                          "value": "America/Caracas",
+                                        },
+                                        Object {
+                                          "index": 340,
+                                          "label": "La Paz (4:00 AM)",
+                                          "value": "America/La_Paz",
+                                        },
+                                        Object {
+                                          "index": 340,
+                                          "label": "Santiago (4:00 AM)",
+                                          "value": "America/Santiago",
+                                        },
+                                        Object {
+                                          "index": 340,
+                                          "label": "Georgetown (4:00 AM)",
+                                          "value": "America/Guyana",
+                                        },
+                                        Object {
+                                          "index": 340,
+                                          "label": "Volgograd (12:00 PM)",
+                                          "value": "Europe/Volgograd",
+                                        },
+                                        Object {
+                                          "index": 340,
+                                          "label": "Samara (12:00 PM)",
+                                          "value": "Europe/Samara",
+                                        },
+                                        Object {
+                                          "index": 340,
+                                          "label": "Abu Dhabi (12:00 PM)",
+                                          "value": "Asia/Muscat",
+                                        },
+                                        Object {
+                                          "index": 340,
+                                          "label": "Muscat (12:00 PM)",
+                                          "value": "Asia/Muscat",
+                                        },
+                                        Object {
+                                          "index": 340,
+                                          "label": "Baku (12:00 PM)",
+                                          "value": "Asia/Baku",
+                                        },
+                                        Object {
+                                          "index": 340,
+                                          "label": "Tbilisi (12:00 PM)",
+                                          "value": "Asia/Tbilisi",
+                                        },
+                                        Object {
+                                          "index": 340,
+                                          "label": "Yerevan (12:00 PM)",
+                                          "value": "Asia/Yerevan",
+                                        },
+                                        Object {
+                                          "index": 370,
+                                          "label": "Tehran (12:30 PM)",
+                                          "value": "Asia/Tehran",
+                                        },
+                                        Object {
+                                          "index": 370,
+                                          "label": "Kabul (12:30 PM)",
+                                          "value": "Asia/Kabul",
+                                        },
+                                        Object {
+                                          "index": 400,
+                                          "label": "Guadalajara (3:00 AM)",
+                                          "value": "America/Mexico_City",
+                                        },
+                                        Object {
+                                          "index": 400,
+                                          "label": "Mexico City (3:00 AM)",
+                                          "value": "America/Mexico_City",
+                                        },
+                                        Object {
+                                          "index": 400,
+                                          "label": "Monterrey (3:00 AM)",
+                                          "value": "America/Monterrey",
+                                        },
+                                        Object {
+                                          "index": 400,
+                                          "label": "Bogota (3:00 AM)",
+                                          "value": "America/Bogota",
+                                        },
+                                        Object {
+                                          "index": 400,
+                                          "label": "Lima (3:00 AM)",
+                                          "value": "America/Lima",
+                                        },
+                                        Object {
+                                          "index": 400,
+                                          "label": "Quito (3:00 AM)",
+                                          "value": "America/Lima",
+                                        },
+                                        Object {
+                                          "index": 400,
+                                          "label": "Ekaterinburg (1:00 PM)",
+                                          "value": "Asia/Yekaterinburg",
+                                        },
+                                        Object {
+                                          "index": 400,
+                                          "label": "Islamabad (1:00 PM)",
+                                          "value": "Asia/Karachi",
+                                        },
+                                        Object {
+                                          "index": 400,
+                                          "label": "Karachi (1:00 PM)",
+                                          "value": "Asia/Karachi",
+                                        },
+                                        Object {
+                                          "index": 400,
+                                          "label": "Tashkent (1:00 PM)",
+                                          "value": "Asia/Tashkent",
+                                        },
+                                        Object {
+                                          "index": 430,
+                                          "label": "Chennai (1:30 PM)",
+                                          "value": "Asia/Kolkata",
+                                        },
+                                        Object {
+                                          "index": 430,
+                                          "label": "Kolkata (1:30 PM)",
+                                          "value": "Asia/Kolkata",
+                                        },
+                                        Object {
+                                          "index": 430,
+                                          "label": "Mumbai (1:30 PM)",
+                                          "value": "Asia/Kolkata",
                                         },
                                         Object {
-                                          "label": "Genesis Government Solutions, Inc.",
-                                          "value": "Genesis Government Solutions, Inc.",
+                                          "index": 430,
+                                          "label": "New Delhi (1:30 PM)",
+                                          "value": "Asia/Kolkata",
                                         },
                                         Object {
-                                          "label": "Jamison Professional Services",
-                                          "value": "Jamison Professional Services",
+                                          "index": 430,
+                                          "label": "Sri Jayawardenepura (1:30 PM)",
+                                          "value": "Asia/Colombo",
                                         },
                                         Object {
-                                          "label": "The Ravens Group, Inc.",
-                                          "value": "The Ravens Group, Inc.",
+                                          "index": 445,
+                                          "label": "Kathmandu (1:45 PM)",
+                                          "value": "Asia/Kathmandu",
+                                        },
+                                        Object {
+                                          "index": 460,
+                                          "label": "Chihuahua (2:00 AM)",
+                                          "value": "America/Chihuahua",
+                                        },
+                                        Object {
+                                          "index": 460,
+                                          "label": "Mazatlan (2:00 AM)",
+                                          "value": "America/Mazatlan",
+                                        },
+                                        Object {
+                                          "index": 460,
+                                          "label": "Saskatchewan (2:00 AM)",
+                                          "value": "America/Regina",
+                                        },
+                                        Object {
+                                          "index": 460,
+                                          "label": "Central America (2:00 AM)",
+                                          "value": "America/Guatemala",
+                                        },
+                                        Object {
+                                          "index": 460,
+                                          "label": "Astana (2:00 PM)",
+                                          "value": "Asia/Dhaka",
+                                        },
+                                        Object {
+                                          "index": 460,
+                                          "label": "Dhaka (2:00 PM)",
+                                          "value": "Asia/Dhaka",
+                                        },
+                                        Object {
+                                          "index": 460,
+                                          "label": "Almaty (2:00 PM)",
+                                          "value": "Asia/Almaty",
+                                        },
+                                        Object {
+                                          "index": 460,
+                                          "label": "Urumqi (2:00 PM)",
+                                          "value": "Asia/Urumqi",
+                                        },
+                                        Object {
+                                          "index": 490,
+                                          "label": "Rangoon (2:30 PM)",
+                                          "value": "Asia/Rangoon",
+                                        },
+                                        Object {
+                                          "index": 520,
+                                          "label": "Tijuana (1:00 AM)",
+                                          "value": "America/Tijuana",
+                                        },
+                                        Object {
+                                          "index": 520,
+                                          "label": "Novosibirsk (3:00 PM)",
+                                          "value": "Asia/Novosibirsk",
+                                        },
+                                        Object {
+                                          "index": 520,
+                                          "label": "Bangkok (3:00 PM)",
+                                          "value": "Asia/Bangkok",
+                                        },
+                                        Object {
+                                          "index": 520,
+                                          "label": "Hanoi (3:00 PM)",
+                                          "value": "Asia/Bangkok",
+                                        },
+                                        Object {
+                                          "index": 520,
+                                          "label": "Jakarta (3:00 PM)",
+                                          "value": "Asia/Jakarta",
+                                        },
+                                        Object {
+                                          "index": 520,
+                                          "label": "Krasnoyarsk (3:00 PM)",
+                                          "value": "Asia/Krasnoyarsk",
+                                        },
+                                        Object {
+                                          "index": 580,
+                                          "label": "Beijing (4:00 PM)",
+                                          "value": "Asia/Shanghai",
+                                        },
+                                        Object {
+                                          "index": 580,
+                                          "label": "Chongqing (4:00 PM)",
+                                          "value": "Asia/Chongqing",
+                                        },
+                                        Object {
+                                          "index": 580,
+                                          "label": "Hong Kong (4:00 PM)",
+                                          "value": "Asia/Hong_Kong",
+                                        },
+                                        Object {
+                                          "index": 580,
+                                          "label": "Kuala Lumpur (4:00 PM)",
+                                          "value": "Asia/Kuala_Lumpur",
+                                        },
+                                        Object {
+                                          "index": 580,
+                                          "label": "Singapore (4:00 PM)",
+                                          "value": "Asia/Singapore",
+                                        },
+                                        Object {
+                                          "index": 580,
+                                          "label": "Taipei (4:00 PM)",
+                                          "value": "Asia/Taipei",
+                                        },
+                                        Object {
+                                          "index": 580,
+                                          "label": "Perth (4:00 PM)",
+                                          "value": "Australia/Perth",
+                                        },
+                                        Object {
+                                          "index": 580,
+                                          "label": "Irkutsk (4:00 PM)",
+                                          "value": "Asia/Irkutsk",
+                                        },
+                                        Object {
+                                          "index": 580,
+                                          "label": "Ulaanbaatar (4:00 PM)",
+                                          "value": "Asia/Ulaanbaatar",
+                                        },
+                                        Object {
+                                          "index": 640,
+                                          "label": "Seoul (5:00 PM)",
+                                          "value": "Asia/Seoul",
+                                        },
+                                        Object {
+                                          "index": 640,
+                                          "label": "Osaka (5:00 PM)",
+                                          "value": "Asia/Tokyo",
+                                        },
+                                        Object {
+                                          "index": 640,
+                                          "label": "Sapporo (5:00 PM)",
+                                          "value": "Asia/Tokyo",
+                                        },
+                                        Object {
+                                          "index": 640,
+                                          "label": "Tokyo (5:00 PM)",
+                                          "value": "Asia/Tokyo",
+                                        },
+                                        Object {
+                                          "index": 640,
+                                          "label": "Yakutsk (5:00 PM)",
+                                          "value": "Asia/Yakutsk",
+                                        },
+                                        Object {
+                                          "index": 670,
+                                          "label": "Darwin (5:30 PM)",
+                                          "value": "Australia/Darwin",
+                                        },
+                                        Object {
+                                          "index": 670,
+                                          "label": "Adelaide (5:30 PM)",
+                                          "value": "Australia/Adelaide",
+                                        },
+                                        Object {
+                                          "index": 700,
+                                          "label": "Canberra (6:00 PM)",
+                                          "value": "Australia/Melbourne",
+                                        },
+                                        Object {
+                                          "index": 700,
+                                          "label": "Melbourne (6:00 PM)",
+                                          "value": "Australia/Melbourne",
+                                        },
+                                        Object {
+                                          "index": 700,
+                                          "label": "Sydney (6:00 PM)",
+                                          "value": "Australia/Sydney",
+                                        },
+                                        Object {
+                                          "index": 700,
+                                          "label": "Brisbane (6:00 PM)",
+                                          "value": "Australia/Brisbane",
+                                        },
+                                        Object {
+                                          "index": 700,
+                                          "label": "Hobart (6:00 PM)",
+                                          "value": "Australia/Hobart",
+                                        },
+                                        Object {
+                                          "index": 700,
+                                          "label": "Vladivostok (6:00 PM)",
+                                          "value": "Asia/Vladivostok",
+                                        },
+                                        Object {
+                                          "index": 700,
+                                          "label": "Guam (6:00 PM)",
+                                          "value": "Pacific/Guam",
+                                        },
+                                        Object {
+                                          "index": 700,
+                                          "label": "Port Moresby (6:00 PM)",
+                                          "value": "Pacific/Port_Moresby",
+                                        },
+                                        Object {
+                                          "index": 760,
+                                          "label": "Midway Island (9:00 PM)",
+                                          "value": "Pacific/Midway",
+                                        },
+                                        Object {
+                                          "index": 760,
+                                          "label": "American Samoa (9:00 PM)",
+                                          "value": "Pacific/Pago_Pago",
+                                        },
+                                        Object {
+                                          "index": 760,
+                                          "label": "Magadan (7:00 PM)",
+                                          "value": "Asia/Magadan",
+                                        },
+                                        Object {
+                                          "index": 760,
+                                          "label": "Srednekolymsk (7:00 PM)",
+                                          "value": "Asia/Srednekolymsk",
+                                        },
+                                        Object {
+                                          "index": 760,
+                                          "label": "Solomon Is. (7:00 PM)",
+                                          "value": "Pacific/Guadalcanal",
+                                        },
+                                        Object {
+                                          "index": 760,
+                                          "label": "New Caledonia (7:00 PM)",
+                                          "value": "Pacific/Noumea",
+                                        },
+                                        Object {
+                                          "index": 820,
+                                          "label": "International Date Line West (8:00 PM)",
+                                          "value": "Etc/GMT+12",
+                                        },
+                                        Object {
+                                          "index": 820,
+                                          "label": "Fiji (8:00 PM)",
+                                          "value": "Pacific/Fiji",
+                                        },
+                                        Object {
+                                          "index": 820,
+                                          "label": "Kamchatka (8:00 PM)",
+                                          "value": "Asia/Kamchatka",
+                                        },
+                                        Object {
+                                          "index": 820,
+                                          "label": "Marshall Is. (8:00 PM)",
+                                          "value": "Pacific/Majuro",
+                                        },
+                                        Object {
+                                          "index": 820,
+                                          "label": "Auckland (8:00 PM)",
+                                          "value": "Pacific/Auckland",
+                                        },
+                                        Object {
+                                          "index": 820,
+                                          "label": "Wellington (8:00 PM)",
+                                          "value": "Pacific/Auckland",
+                                        },
+                                        Object {
+                                          "index": 865,
+                                          "label": "Chatham Is. (8:45 PM)",
+                                          "value": "Pacific/Chatham",
+                                        },
+                                        Object {
+                                          "index": 880,
+                                          "label": "Nuku'alofa (9:00 PM)",
+                                          "value": "Pacific/Tongatapu",
+                                        },
+                                        Object {
+                                          "index": 880,
+                                          "label": "Tokelau Is. (9:00 PM)",
+                                          "value": "Pacific/Fakaofo",
+                                        },
+                                        Object {
+                                          "index": 880,
+                                          "label": "Samoa (9:00 PM)",
+                                          "value": "Pacific/Apia",
                                         },
                                       ]
                                     }
-                                    pageSize={5}
-                                    placeholder="Select..."
-                                    screenReaderStatus={[Function]}
+                                    placeholder="Select a timezone"
                                     shouldKeyDownEventCreateNewOption={[Function]}
                                     styles={
                                       Object {
                                         "input": [Function],
                                       }
-                                    }
-                                    tabIndex="0"
-                                    tabSelectsValue={true}
-                                    value={null}
-                                  >
-                                    <SelectContainer
-                                      clearValue={[Function]}
-                                      cx={[Function]}
-                                      getStyles={[Function]}
-                                      getValue={[Function]}
-                                      hasValue={false}
-                                      innerProps={
+                                    }
+                                    value={null}
+                                  >
+                                    <Select
+                                      backspaceRemovesValue={true}
+                                      blurInputOnSelect={true}
+                                      cache={false}
+                                      captureMenuScroll={false}
+                                      classNamePrefix="cf-select"
+                                      closeMenuOnScroll={false}
+                                      closeMenuOnSelect={true}
+                                      components={
+                                        Object {
+                                          "Input": [Function],
+                                          "MenuList": [Function],
+                                          "Option": [Function],
+                                        }
+                                      }
+                                      controlShouldRenderValue={true}
+                                      escapeClearsValue={false}
+                                      filterOption={[Function]}
+                                      formatGroupLabel={[Function]}
+                                      getOptionLabel={[Function]}
+                                      getOptionValue={[Function]}
+                                      inputId="representative-tz"
+                                      inputValue=""
+                                      isDisabled={false}
+                                      isLoading={false}
+                                      isMulti={false}
+                                      isOptionDisabled={[Function]}
+                                      isRtl={false}
+                                      isSearchable={true}
+                                      loadingMessage={[Function]}
+                                      maxMenuHeight={300}
+                                      menuIsOpen={false}
+                                      menuPlacement="bottom"
+                                      menuPosition="absolute"
+                                      menuShouldBlockScroll={false}
+                                      menuShouldScrollIntoView={true}
+                                      minMenuHeight={140}
+                                      name="representativeTz"
+                                      noOptionsMessage={[Function]}
+                                      onBlurResetsInput={false}
+                                      onChange={[Function]}
+                                      onInputChange={[Function]}
+                                      onMenuClose={[Function]}
+                                      onMenuOpen={[Function]}
+                                      openMenuOnClick={true}
+                                      openMenuOnFocus={false}
+                                      options={
+                                        Array [
+                                          Object {
+                                            "label": "",
+                                            "value": null,
+                                          },
+                                          Object {
+                                            "index": -3,
+                                            "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                            "value": "America/New_York",
+                                          },
+                                          Object {
+                                            "index": -2,
+                                            "label": "Central Time (US & Canada) (3:00 AM)",
+                                            "value": "America/Chicago",
+                                          },
+                                          Object {
+                                            "index": -1,
+                                            "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                            "value": "America/Denver",
+                                          },
+                                          Object {
+                                            "index": -0,
+                                            "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                            "value": "America/Los_Angeles",
+                                          },
+                                          Object {
+                                            "index": 2.4,
+                                            "label": "Indiana (East) (4:00 AM)",
+                                            "value": "America/Indiana/Indianapolis",
+                                          },
+                                          Object {
+                                            "index": 2.4,
+                                            "label": "Puerto Rico (4:00 AM)",
+                                            "value": "America/Puerto_Rico",
+                                          },
+                                          Object {
+                                            "index": 4.2,
+                                            "label": "Arizona (1:00 AM)",
+                                            "value": "America/Phoenix",
+                                          },
+                                          Object {
+                                            "index": 4.8,
+                                            "label": "Alaska (12:00 AM)",
+                                            "value": "America/Juneau",
+                                          },
+                                          Object {
+                                            "index": 4.8,
+                                            "label": "Philippine Standard Time (4:00 PM)",
+                                            "value": "Asia/Manila",
+                                          },
+                                          Object {
+                                            "index": 6,
+                                            "label": "Hawaii (10:00 PM)",
+                                            "value": "Pacific/Honolulu",
+                                          },
+                                          Object {
+                                            "index": 100,
+                                            "label": "Azores (8:00 AM)",
+                                            "value": "Atlantic/Azores",
+                                          },
+                                          Object {
+                                            "index": 100,
+                                            "label": "Monrovia (8:00 AM)",
+                                            "value": "Africa/Monrovia",
+                                          },
+                                          Object {
+                                            "index": 100,
+                                            "label": "UTC (8:00 AM)",
+                                            "value": "Etc/UTC",
+                                          },
+                                          Object {
+                                            "index": 160,
+                                            "label": "Cape Verde Is. (7:00 AM)",
+                                            "value": "Atlantic/Cape_Verde",
+                                          },
+                                          Object {
+                                            "index": 160,
+                                            "label": "Dublin (9:00 AM)",
+                                            "value": "Europe/Dublin",
+                                          },
+                                          Object {
+                                            "index": 160,
+                                            "label": "Edinburgh (9:00 AM)",
+                                            "value": "Europe/London",
+                                          },
+                                          Object {
+                                            "index": 160,
+                                            "label": "Lisbon (9:00 AM)",
+                                            "value": "Europe/Lisbon",
+                                          },
+                                          Object {
+                                            "index": 160,
+                                            "label": "London (9:00 AM)",
+                                            "value": "Europe/London",
+                                          },
+                                          Object {
+                                            "index": 160,
+                                            "label": "Casablanca (9:00 AM)",
+                                            "value": "Africa/Casablanca",
+                                          },
+                                          Object {
+                                            "index": 160,
+                                            "label": "West Central Africa (9:00 AM)",
+                                            "value": "Africa/Algiers",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Greenland (6:00 AM)",
+                                            "value": "America/Godthab",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Mid-Atlantic (6:00 AM)",
+                                            "value": "Atlantic/South_Georgia",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Belgrade (10:00 AM)",
+                                            "value": "Europe/Belgrade",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Bratislava (10:00 AM)",
+                                            "value": "Europe/Bratislava",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Budapest (10:00 AM)",
+                                            "value": "Europe/Budapest",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Ljubljana (10:00 AM)",
+                                            "value": "Europe/Ljubljana",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Prague (10:00 AM)",
+                                            "value": "Europe/Prague",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Sarajevo (10:00 AM)",
+                                            "value": "Europe/Sarajevo",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Skopje (10:00 AM)",
+                                            "value": "Europe/Skopje",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Warsaw (10:00 AM)",
+                                            "value": "Europe/Warsaw",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Zagreb (10:00 AM)",
+                                            "value": "Europe/Zagreb",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Brussels (10:00 AM)",
+                                            "value": "Europe/Brussels",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Copenhagen (10:00 AM)",
+                                            "value": "Europe/Copenhagen",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Madrid (10:00 AM)",
+                                            "value": "Europe/Madrid",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Paris (10:00 AM)",
+                                            "value": "Europe/Paris",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Amsterdam (10:00 AM)",
+                                            "value": "Europe/Amsterdam",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Berlin (10:00 AM)",
+                                            "value": "Europe/Berlin",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Bern (10:00 AM)",
+                                            "value": "Europe/Zurich",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Zurich (10:00 AM)",
+                                            "value": "Europe/Zurich",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Rome (10:00 AM)",
+                                            "value": "Europe/Rome",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Stockholm (10:00 AM)",
+                                            "value": "Europe/Stockholm",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Vienna (10:00 AM)",
+                                            "value": "Europe/Vienna",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Cairo (10:00 AM)",
+                                            "value": "Africa/Cairo",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Harare (10:00 AM)",
+                                            "value": "Africa/Harare",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Pretoria (10:00 AM)",
+                                            "value": "Africa/Johannesburg",
+                                          },
+                                          Object {
+                                            "index": 220,
+                                            "label": "Kaliningrad (10:00 AM)",
+                                            "value": "Europe/Kaliningrad",
+                                          },
+                                          Object {
+                                            "index": 250,
+                                            "label": "Newfoundland (5:30 AM)",
+                                            "value": "America/St_Johns",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Atlantic Time (Canada) (5:00 AM)",
+                                            "value": "America/Halifax",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Brasilia (5:00 AM)",
+                                            "value": "America/Sao_Paulo",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Buenos Aires (5:00 AM)",
+                                            "value": "America/Argentina/Buenos_Aires",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Montevideo (5:00 AM)",
+                                            "value": "America/Montevideo",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Bucharest (11:00 AM)",
+                                            "value": "Europe/Bucharest",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Helsinki (11:00 AM)",
+                                            "value": "Europe/Helsinki",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Kyiv (11:00 AM)",
+                                            "value": "Europe/Kiev",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Riga (11:00 AM)",
+                                            "value": "Europe/Riga",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Sofia (11:00 AM)",
+                                            "value": "Europe/Sofia",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Tallinn (11:00 AM)",
+                                            "value": "Europe/Tallinn",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Vilnius (11:00 AM)",
+                                            "value": "Europe/Vilnius",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Athens (11:00 AM)",
+                                            "value": "Europe/Athens",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Istanbul (11:00 AM)",
+                                            "value": "Europe/Istanbul",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Minsk (11:00 AM)",
+                                            "value": "Europe/Minsk",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Jerusalem (11:00 AM)",
+                                            "value": "Asia/Jerusalem",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Moscow (11:00 AM)",
+                                            "value": "Europe/Moscow",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "St. Petersburg (11:00 AM)",
+                                            "value": "Europe/Moscow",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Kuwait (11:00 AM)",
+                                            "value": "Asia/Kuwait",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Riyadh (11:00 AM)",
+                                            "value": "Asia/Riyadh",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Nairobi (11:00 AM)",
+                                            "value": "Africa/Nairobi",
+                                          },
+                                          Object {
+                                            "index": 280,
+                                            "label": "Baghdad (11:00 AM)",
+                                            "value": "Asia/Baghdad",
+                                          },
+                                          Object {
+                                            "index": 340,
+                                            "label": "Caracas (4:00 AM)",
+                                            "value": "America/Caracas",
+                                          },
+                                          Object {
+                                            "index": 340,
+                                            "label": "La Paz (4:00 AM)",
+                                            "value": "America/La_Paz",
+                                          },
+                                          Object {
+                                            "index": 340,
+                                            "label": "Santiago (4:00 AM)",
+                                            "value": "America/Santiago",
+                                          },
+                                          Object {
+                                            "index": 340,
+                                            "label": "Georgetown (4:00 AM)",
+                                            "value": "America/Guyana",
+                                          },
+                                          Object {
+                                            "index": 340,
+                                            "label": "Volgograd (12:00 PM)",
+                                            "value": "Europe/Volgograd",
+                                          },
+                                          Object {
+                                            "index": 340,
+                                            "label": "Samara (12:00 PM)",
+                                            "value": "Europe/Samara",
+                                          },
+                                          Object {
+                                            "index": 340,
+                                            "label": "Abu Dhabi (12:00 PM)",
+                                            "value": "Asia/Muscat",
+                                          },
+                                          Object {
+                                            "index": 340,
+                                            "label": "Muscat (12:00 PM)",
+                                            "value": "Asia/Muscat",
+                                          },
+                                          Object {
+                                            "index": 340,
+                                            "label": "Baku (12:00 PM)",
+                                            "value": "Asia/Baku",
+                                          },
+                                          Object {
+                                            "index": 340,
+                                            "label": "Tbilisi (12:00 PM)",
+                                            "value": "Asia/Tbilisi",
+                                          },
+                                          Object {
+                                            "index": 340,
+                                            "label": "Yerevan (12:00 PM)",
+                                            "value": "Asia/Yerevan",
+                                          },
+                                          Object {
+                                            "index": 370,
+                                            "label": "Tehran (12:30 PM)",
+                                            "value": "Asia/Tehran",
+                                          },
+                                          Object {
+                                            "index": 370,
+                                            "label": "Kabul (12:30 PM)",
+                                            "value": "Asia/Kabul",
+                                          },
+                                          Object {
+                                            "index": 400,
+                                            "label": "Guadalajara (3:00 AM)",
+                                            "value": "America/Mexico_City",
+                                          },
+                                          Object {
+                                            "index": 400,
+                                            "label": "Mexico City (3:00 AM)",
+                                            "value": "America/Mexico_City",
+                                          },
+                                          Object {
+                                            "index": 400,
+                                            "label": "Monterrey (3:00 AM)",
+                                            "value": "America/Monterrey",
+                                          },
+                                          Object {
+                                            "index": 400,
+                                            "label": "Bogota (3:00 AM)",
+                                            "value": "America/Bogota",
+                                          },
+                                          Object {
+                                            "index": 400,
+                                            "label": "Lima (3:00 AM)",
+                                            "value": "America/Lima",
+                                          },
+                                          Object {
+                                            "index": 400,
+                                            "label": "Quito (3:00 AM)",
+                                            "value": "America/Lima",
+                                          },
+                                          Object {
+                                            "index": 400,
+                                            "label": "Ekaterinburg (1:00 PM)",
+                                            "value": "Asia/Yekaterinburg",
+                                          },
+                                          Object {
+                                            "index": 400,
+                                            "label": "Islamabad (1:00 PM)",
+                                            "value": "Asia/Karachi",
+                                          },
+                                          Object {
+                                            "index": 400,
+                                            "label": "Karachi (1:00 PM)",
+                                            "value": "Asia/Karachi",
+                                          },
+                                          Object {
+                                            "index": 400,
+                                            "label": "Tashkent (1:00 PM)",
+                                            "value": "Asia/Tashkent",
+                                          },
+                                          Object {
+                                            "index": 430,
+                                            "label": "Chennai (1:30 PM)",
+                                            "value": "Asia/Kolkata",
+                                          },
+                                          Object {
+                                            "index": 430,
+                                            "label": "Kolkata (1:30 PM)",
+                                            "value": "Asia/Kolkata",
+                                          },
+                                          Object {
+                                            "index": 430,
+                                            "label": "Mumbai (1:30 PM)",
+                                            "value": "Asia/Kolkata",
+                                          },
+                                          Object {
+                                            "index": 430,
+                                            "label": "New Delhi (1:30 PM)",
+                                            "value": "Asia/Kolkata",
+                                          },
+                                          Object {
+                                            "index": 430,
+                                            "label": "Sri Jayawardenepura (1:30 PM)",
+                                            "value": "Asia/Colombo",
+                                          },
+                                          Object {
+                                            "index": 445,
+                                            "label": "Kathmandu (1:45 PM)",
+                                            "value": "Asia/Kathmandu",
+                                          },
+                                          Object {
+                                            "index": 460,
+                                            "label": "Chihuahua (2:00 AM)",
+                                            "value": "America/Chihuahua",
+                                          },
+                                          Object {
+                                            "index": 460,
+                                            "label": "Mazatlan (2:00 AM)",
+                                            "value": "America/Mazatlan",
+                                          },
+                                          Object {
+                                            "index": 460,
+                                            "label": "Saskatchewan (2:00 AM)",
+                                            "value": "America/Regina",
+                                          },
+                                          Object {
+                                            "index": 460,
+                                            "label": "Central America (2:00 AM)",
+                                            "value": "America/Guatemala",
+                                          },
+                                          Object {
+                                            "index": 460,
+                                            "label": "Astana (2:00 PM)",
+                                            "value": "Asia/Dhaka",
+                                          },
+                                          Object {
+                                            "index": 460,
+                                            "label": "Dhaka (2:00 PM)",
+                                            "value": "Asia/Dhaka",
+                                          },
+                                          Object {
+                                            "index": 460,
+                                            "label": "Almaty (2:00 PM)",
+                                            "value": "Asia/Almaty",
+                                          },
+                                          Object {
+                                            "index": 460,
+                                            "label": "Urumqi (2:00 PM)",
+                                            "value": "Asia/Urumqi",
+                                          },
+                                          Object {
+                                            "index": 490,
+                                            "label": "Rangoon (2:30 PM)",
+                                            "value": "Asia/Rangoon",
+                                          },
+                                          Object {
+                                            "index": 520,
+                                            "label": "Tijuana (1:00 AM)",
+                                            "value": "America/Tijuana",
+                                          },
+                                          Object {
+                                            "index": 520,
+                                            "label": "Novosibirsk (3:00 PM)",
+                                            "value": "Asia/Novosibirsk",
+                                          },
+                                          Object {
+                                            "index": 520,
+                                            "label": "Bangkok (3:00 PM)",
+                                            "value": "Asia/Bangkok",
+                                          },
+                                          Object {
+                                            "index": 520,
+                                            "label": "Hanoi (3:00 PM)",
+                                            "value": "Asia/Bangkok",
+                                          },
+                                          Object {
+                                            "index": 520,
+                                            "label": "Jakarta (3:00 PM)",
+                                            "value": "Asia/Jakarta",
+                                          },
+                                          Object {
+                                            "index": 520,
+                                            "label": "Krasnoyarsk (3:00 PM)",
+                                            "value": "Asia/Krasnoyarsk",
+                                          },
+                                          Object {
+                                            "index": 580,
+                                            "label": "Beijing (4:00 PM)",
+                                            "value": "Asia/Shanghai",
+                                          },
+                                          Object {
+                                            "index": 580,
+                                            "label": "Chongqing (4:00 PM)",
+                                            "value": "Asia/Chongqing",
+                                          },
+                                          Object {
+                                            "index": 580,
+                                            "label": "Hong Kong (4:00 PM)",
+                                            "value": "Asia/Hong_Kong",
+                                          },
+                                          Object {
+                                            "index": 580,
+                                            "label": "Kuala Lumpur (4:00 PM)",
+                                            "value": "Asia/Kuala_Lumpur",
+                                          },
+                                          Object {
+                                            "index": 580,
+                                            "label": "Singapore (4:00 PM)",
+                                            "value": "Asia/Singapore",
+                                          },
+                                          Object {
+                                            "index": 580,
+                                            "label": "Taipei (4:00 PM)",
+                                            "value": "Asia/Taipei",
+                                          },
+                                          Object {
+                                            "index": 580,
+                                            "label": "Perth (4:00 PM)",
+                                            "value": "Australia/Perth",
+                                          },
+                                          Object {
+                                            "index": 580,
+                                            "label": "Irkutsk (4:00 PM)",
+                                            "value": "Asia/Irkutsk",
+                                          },
+                                          Object {
+                                            "index": 580,
+                                            "label": "Ulaanbaatar (4:00 PM)",
+                                            "value": "Asia/Ulaanbaatar",
+                                          },
+                                          Object {
+                                            "index": 640,
+                                            "label": "Seoul (5:00 PM)",
+                                            "value": "Asia/Seoul",
+                                          },
+                                          Object {
+                                            "index": 640,
+                                            "label": "Osaka (5:00 PM)",
+                                            "value": "Asia/Tokyo",
+                                          },
+                                          Object {
+                                            "index": 640,
+                                            "label": "Sapporo (5:00 PM)",
+                                            "value": "Asia/Tokyo",
+                                          },
+                                          Object {
+                                            "index": 640,
+                                            "label": "Tokyo (5:00 PM)",
+                                            "value": "Asia/Tokyo",
+                                          },
+                                          Object {
+                                            "index": 640,
+                                            "label": "Yakutsk (5:00 PM)",
+                                            "value": "Asia/Yakutsk",
+                                          },
+                                          Object {
+                                            "index": 670,
+                                            "label": "Darwin (5:30 PM)",
+                                            "value": "Australia/Darwin",
+                                          },
+                                          Object {
+                                            "index": 670,
+                                            "label": "Adelaide (5:30 PM)",
+                                            "value": "Australia/Adelaide",
+                                          },
+                                          Object {
+                                            "index": 700,
+                                            "label": "Canberra (6:00 PM)",
+                                            "value": "Australia/Melbourne",
+                                          },
+                                          Object {
+                                            "index": 700,
+                                            "label": "Melbourne (6:00 PM)",
+                                            "value": "Australia/Melbourne",
+                                          },
+                                          Object {
+                                            "index": 700,
+                                            "label": "Sydney (6:00 PM)",
+                                            "value": "Australia/Sydney",
+                                          },
+                                          Object {
+                                            "index": 700,
+                                            "label": "Brisbane (6:00 PM)",
+                                            "value": "Australia/Brisbane",
+                                          },
+                                          Object {
+                                            "index": 700,
+                                            "label": "Hobart (6:00 PM)",
+                                            "value": "Australia/Hobart",
+                                          },
+                                          Object {
+                                            "index": 700,
+                                            "label": "Vladivostok (6:00 PM)",
+                                            "value": "Asia/Vladivostok",
+                                          },
+                                          Object {
+                                            "index": 700,
+                                            "label": "Guam (6:00 PM)",
+                                            "value": "Pacific/Guam",
+                                          },
+                                          Object {
+                                            "index": 700,
+                                            "label": "Port Moresby (6:00 PM)",
+                                            "value": "Pacific/Port_Moresby",
+                                          },
+                                          Object {
+                                            "index": 760,
+                                            "label": "Midway Island (9:00 PM)",
+                                            "value": "Pacific/Midway",
+                                          },
+                                          Object {
+                                            "index": 760,
+                                            "label": "American Samoa (9:00 PM)",
+                                            "value": "Pacific/Pago_Pago",
+                                          },
+                                          Object {
+                                            "index": 760,
+                                            "label": "Magadan (7:00 PM)",
+                                            "value": "Asia/Magadan",
+                                          },
+                                          Object {
+                                            "index": 760,
+                                            "label": "Srednekolymsk (7:00 PM)",
+                                            "value": "Asia/Srednekolymsk",
+                                          },
+                                          Object {
+                                            "index": 760,
+                                            "label": "Solomon Is. (7:00 PM)",
+                                            "value": "Pacific/Guadalcanal",
+                                          },
+                                          Object {
+                                            "index": 760,
+                                            "label": "New Caledonia (7:00 PM)",
+                                            "value": "Pacific/Noumea",
+                                          },
+                                          Object {
+                                            "index": 820,
+                                            "label": "International Date Line West (8:00 PM)",
+                                            "value": "Etc/GMT+12",
+                                          },
+                                          Object {
+                                            "index": 820,
+                                            "label": "Fiji (8:00 PM)",
+                                            "value": "Pacific/Fiji",
+                                          },
+                                          Object {
+                                            "index": 820,
+                                            "label": "Kamchatka (8:00 PM)",
+                                            "value": "Asia/Kamchatka",
+                                          },
+                                          Object {
+                                            "index": 820,
+                                            "label": "Marshall Is. (8:00 PM)",
+                                            "value": "Pacific/Majuro",
+                                          },
+                                          Object {
+                                            "index": 820,
+                                            "label": "Auckland (8:00 PM)",
+                                            "value": "Pacific/Auckland",
+                                          },
+                                          Object {
+                                            "index": 820,
+                                            "label": "Wellington (8:00 PM)",
+                                            "value": "Pacific/Auckland",
+                                          },
+                                          Object {
+                                            "index": 865,
+                                            "label": "Chatham Is. (8:45 PM)",
+                                            "value": "Pacific/Chatham",
+                                          },
+                                          Object {
+                                            "index": 880,
+                                            "label": "Nuku'alofa (9:00 PM)",
+                                            "value": "Pacific/Tongatapu",
+                                          },
+                                          Object {
+                                            "index": 880,
+                                            "label": "Tokelau Is. (9:00 PM)",
+                                            "value": "Pacific/Fakaofo",
+                                          },
+                                          Object {
+                                            "index": 880,
+                                            "label": "Samoa (9:00 PM)",
+                                            "value": "Pacific/Apia",
+                                          },
+                                        ]
+                                      }
+                                      pageSize={5}
+                                      placeholder="Select a timezone"
+                                      screenReaderStatus={[Function]}
+                                      shouldKeyDownEventCreateNewOption={[Function]}
+                                      styles={
                                         Object {
-                                          "id": undefined,
-                                          "onKeyDown": [Function],
+                                          "input": [Function],
                                         }
                                       }
-                                      isDisabled={false}
-                                      isFocused={false}
-                                      isMulti={false}
-                                      isRtl={false}
-                                      options={
-                                        Array [
+                                      tabIndex="0"
+                                      tabSelectsValue={true}
+                                      value={null}
+                                    >
+                                      <SelectContainer
+                                        clearValue={[Function]}
+                                        cx={[Function]}
+                                        getStyles={[Function]}
+                                        getValue={[Function]}
+                                        hasValue={false}
+                                        innerProps={
                                           Object {
-                                            "label": "",
+                                            "id": undefined,
+                                            "onKeyDown": [Function],
+                                          }
+                                        }
+                                        isDisabled={false}
+                                        isFocused={false}
+                                        isMulti={false}
+                                        isRtl={false}
+                                        options={
+                                          Array [
+                                            Object {
+                                              "label": "",
+                                              "value": null,
+                                            },
+                                            Object {
+                                              "index": -3,
+                                              "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                              "value": "America/New_York",
+                                            },
+                                            Object {
+                                              "index": -2,
+                                              "label": "Central Time (US & Canada) (3:00 AM)",
+                                              "value": "America/Chicago",
+                                            },
+                                            Object {
+                                              "index": -1,
+                                              "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                              "value": "America/Denver",
+                                            },
+                                            Object {
+                                              "index": -0,
+                                              "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                              "value": "America/Los_Angeles",
+                                            },
+                                            Object {
+                                              "index": 2.4,
+                                              "label": "Indiana (East) (4:00 AM)",
+                                              "value": "America/Indiana/Indianapolis",
+                                            },
+                                            Object {
+                                              "index": 2.4,
+                                              "label": "Puerto Rico (4:00 AM)",
+                                              "value": "America/Puerto_Rico",
+                                            },
+                                            Object {
+                                              "index": 4.2,
+                                              "label": "Arizona (1:00 AM)",
+                                              "value": "America/Phoenix",
+                                            },
+                                            Object {
+                                              "index": 4.8,
+                                              "label": "Alaska (12:00 AM)",
+                                              "value": "America/Juneau",
+                                            },
+                                            Object {
+                                              "index": 4.8,
+                                              "label": "Philippine Standard Time (4:00 PM)",
+                                              "value": "Asia/Manila",
+                                            },
+                                            Object {
+                                              "index": 6,
+                                              "label": "Hawaii (10:00 PM)",
+                                              "value": "Pacific/Honolulu",
+                                            },
+                                            Object {
+                                              "index": 100,
+                                              "label": "Azores (8:00 AM)",
+                                              "value": "Atlantic/Azores",
+                                            },
+                                            Object {
+                                              "index": 100,
+                                              "label": "Monrovia (8:00 AM)",
+                                              "value": "Africa/Monrovia",
+                                            },
+                                            Object {
+                                              "index": 100,
+                                              "label": "UTC (8:00 AM)",
+                                              "value": "Etc/UTC",
+                                            },
+                                            Object {
+                                              "index": 160,
+                                              "label": "Cape Verde Is. (7:00 AM)",
+                                              "value": "Atlantic/Cape_Verde",
+                                            },
+                                            Object {
+                                              "index": 160,
+                                              "label": "Dublin (9:00 AM)",
+                                              "value": "Europe/Dublin",
+                                            },
+                                            Object {
+                                              "index": 160,
+                                              "label": "Edinburgh (9:00 AM)",
+                                              "value": "Europe/London",
+                                            },
+                                            Object {
+                                              "index": 160,
+                                              "label": "Lisbon (9:00 AM)",
+                                              "value": "Europe/Lisbon",
+                                            },
+                                            Object {
+                                              "index": 160,
+                                              "label": "London (9:00 AM)",
+                                              "value": "Europe/London",
+                                            },
+                                            Object {
+                                              "index": 160,
+                                              "label": "Casablanca (9:00 AM)",
+                                              "value": "Africa/Casablanca",
+                                            },
+                                            Object {
+                                              "index": 160,
+                                              "label": "West Central Africa (9:00 AM)",
+                                              "value": "Africa/Algiers",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Greenland (6:00 AM)",
+                                              "value": "America/Godthab",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Mid-Atlantic (6:00 AM)",
+                                              "value": "Atlantic/South_Georgia",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Belgrade (10:00 AM)",
+                                              "value": "Europe/Belgrade",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Bratislava (10:00 AM)",
+                                              "value": "Europe/Bratislava",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Budapest (10:00 AM)",
+                                              "value": "Europe/Budapest",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Ljubljana (10:00 AM)",
+                                              "value": "Europe/Ljubljana",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Prague (10:00 AM)",
+                                              "value": "Europe/Prague",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Sarajevo (10:00 AM)",
+                                              "value": "Europe/Sarajevo",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Skopje (10:00 AM)",
+                                              "value": "Europe/Skopje",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Warsaw (10:00 AM)",
+                                              "value": "Europe/Warsaw",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Zagreb (10:00 AM)",
+                                              "value": "Europe/Zagreb",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Brussels (10:00 AM)",
+                                              "value": "Europe/Brussels",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Copenhagen (10:00 AM)",
+                                              "value": "Europe/Copenhagen",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Madrid (10:00 AM)",
+                                              "value": "Europe/Madrid",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Paris (10:00 AM)",
+                                              "value": "Europe/Paris",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Amsterdam (10:00 AM)",
+                                              "value": "Europe/Amsterdam",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Berlin (10:00 AM)",
+                                              "value": "Europe/Berlin",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Bern (10:00 AM)",
+                                              "value": "Europe/Zurich",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Zurich (10:00 AM)",
+                                              "value": "Europe/Zurich",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Rome (10:00 AM)",
+                                              "value": "Europe/Rome",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Stockholm (10:00 AM)",
+                                              "value": "Europe/Stockholm",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Vienna (10:00 AM)",
+                                              "value": "Europe/Vienna",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Cairo (10:00 AM)",
+                                              "value": "Africa/Cairo",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Harare (10:00 AM)",
+                                              "value": "Africa/Harare",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Pretoria (10:00 AM)",
+                                              "value": "Africa/Johannesburg",
+                                            },
+                                            Object {
+                                              "index": 220,
+                                              "label": "Kaliningrad (10:00 AM)",
+                                              "value": "Europe/Kaliningrad",
+                                            },
+                                            Object {
+                                              "index": 250,
+                                              "label": "Newfoundland (5:30 AM)",
+                                              "value": "America/St_Johns",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Atlantic Time (Canada) (5:00 AM)",
+                                              "value": "America/Halifax",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Brasilia (5:00 AM)",
+                                              "value": "America/Sao_Paulo",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Buenos Aires (5:00 AM)",
+                                              "value": "America/Argentina/Buenos_Aires",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Montevideo (5:00 AM)",
+                                              "value": "America/Montevideo",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Bucharest (11:00 AM)",
+                                              "value": "Europe/Bucharest",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Helsinki (11:00 AM)",
+                                              "value": "Europe/Helsinki",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Kyiv (11:00 AM)",
+                                              "value": "Europe/Kiev",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Riga (11:00 AM)",
+                                              "value": "Europe/Riga",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Sofia (11:00 AM)",
+                                              "value": "Europe/Sofia",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Tallinn (11:00 AM)",
+                                              "value": "Europe/Tallinn",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Vilnius (11:00 AM)",
+                                              "value": "Europe/Vilnius",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Athens (11:00 AM)",
+                                              "value": "Europe/Athens",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Istanbul (11:00 AM)",
+                                              "value": "Europe/Istanbul",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Minsk (11:00 AM)",
+                                              "value": "Europe/Minsk",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Jerusalem (11:00 AM)",
+                                              "value": "Asia/Jerusalem",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Moscow (11:00 AM)",
+                                              "value": "Europe/Moscow",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "St. Petersburg (11:00 AM)",
+                                              "value": "Europe/Moscow",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Kuwait (11:00 AM)",
+                                              "value": "Asia/Kuwait",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Riyadh (11:00 AM)",
+                                              "value": "Asia/Riyadh",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Nairobi (11:00 AM)",
+                                              "value": "Africa/Nairobi",
+                                            },
+                                            Object {
+                                              "index": 280,
+                                              "label": "Baghdad (11:00 AM)",
+                                              "value": "Asia/Baghdad",
+                                            },
+                                            Object {
+                                              "index": 340,
+                                              "label": "Caracas (4:00 AM)",
+                                              "value": "America/Caracas",
+                                            },
+                                            Object {
+                                              "index": 340,
+                                              "label": "La Paz (4:00 AM)",
+                                              "value": "America/La_Paz",
+                                            },
+                                            Object {
+                                              "index": 340,
+                                              "label": "Santiago (4:00 AM)",
+                                              "value": "America/Santiago",
+                                            },
+                                            Object {
+                                              "index": 340,
+                                              "label": "Georgetown (4:00 AM)",
+                                              "value": "America/Guyana",
+                                            },
+                                            Object {
+                                              "index": 340,
+                                              "label": "Volgograd (12:00 PM)",
+                                              "value": "Europe/Volgograd",
+                                            },
+                                            Object {
+                                              "index": 340,
+                                              "label": "Samara (12:00 PM)",
+                                              "value": "Europe/Samara",
+                                            },
+                                            Object {
+                                              "index": 340,
+                                              "label": "Abu Dhabi (12:00 PM)",
+                                              "value": "Asia/Muscat",
+                                            },
+                                            Object {
+                                              "index": 340,
+                                              "label": "Muscat (12:00 PM)",
+                                              "value": "Asia/Muscat",
+                                            },
+                                            Object {
+                                              "index": 340,
+                                              "label": "Baku (12:00 PM)",
+                                              "value": "Asia/Baku",
+                                            },
+                                            Object {
+                                              "index": 340,
+                                              "label": "Tbilisi (12:00 PM)",
+                                              "value": "Asia/Tbilisi",
+                                            },
+                                            Object {
+                                              "index": 340,
+                                              "label": "Yerevan (12:00 PM)",
+                                              "value": "Asia/Yerevan",
+                                            },
+                                            Object {
+                                              "index": 370,
+                                              "label": "Tehran (12:30 PM)",
+                                              "value": "Asia/Tehran",
+                                            },
+                                            Object {
+                                              "index": 370,
+                                              "label": "Kabul (12:30 PM)",
+                                              "value": "Asia/Kabul",
+                                            },
+                                            Object {
+                                              "index": 400,
+                                              "label": "Guadalajara (3:00 AM)",
+                                              "value": "America/Mexico_City",
+                                            },
+                                            Object {
+                                              "index": 400,
+                                              "label": "Mexico City (3:00 AM)",
+                                              "value": "America/Mexico_City",
+                                            },
+                                            Object {
+                                              "index": 400,
+                                              "label": "Monterrey (3:00 AM)",
+                                              "value": "America/Monterrey",
+                                            },
+                                            Object {
+                                              "index": 400,
+                                              "label": "Bogota (3:00 AM)",
+                                              "value": "America/Bogota",
+                                            },
+                                            Object {
+                                              "index": 400,
+                                              "label": "Lima (3:00 AM)",
+                                              "value": "America/Lima",
+                                            },
+                                            Object {
+                                              "index": 400,
+                                              "label": "Quito (3:00 AM)",
+                                              "value": "America/Lima",
+                                            },
+                                            Object {
+                                              "index": 400,
+                                              "label": "Ekaterinburg (1:00 PM)",
+                                              "value": "Asia/Yekaterinburg",
+                                            },
+                                            Object {
+                                              "index": 400,
+                                              "label": "Islamabad (1:00 PM)",
+                                              "value": "Asia/Karachi",
+                                            },
+                                            Object {
+                                              "index": 400,
+                                              "label": "Karachi (1:00 PM)",
+                                              "value": "Asia/Karachi",
+                                            },
+                                            Object {
+                                              "index": 400,
+                                              "label": "Tashkent (1:00 PM)",
+                                              "value": "Asia/Tashkent",
+                                            },
+                                            Object {
+                                              "index": 430,
+                                              "label": "Chennai (1:30 PM)",
+                                              "value": "Asia/Kolkata",
+                                            },
+                                            Object {
+                                              "index": 430,
+                                              "label": "Kolkata (1:30 PM)",
+                                              "value": "Asia/Kolkata",
+                                            },
+                                            Object {
+                                              "index": 430,
+                                              "label": "Mumbai (1:30 PM)",
+                                              "value": "Asia/Kolkata",
+                                            },
+                                            Object {
+                                              "index": 430,
+                                              "label": "New Delhi (1:30 PM)",
+                                              "value": "Asia/Kolkata",
+                                            },
+                                            Object {
+                                              "index": 430,
+                                              "label": "Sri Jayawardenepura (1:30 PM)",
+                                              "value": "Asia/Colombo",
+                                            },
+                                            Object {
+                                              "index": 445,
+                                              "label": "Kathmandu (1:45 PM)",
+                                              "value": "Asia/Kathmandu",
+                                            },
+                                            Object {
+                                              "index": 460,
+                                              "label": "Chihuahua (2:00 AM)",
+                                              "value": "America/Chihuahua",
+                                            },
+                                            Object {
+                                              "index": 460,
+                                              "label": "Mazatlan (2:00 AM)",
+                                              "value": "America/Mazatlan",
+                                            },
+                                            Object {
+                                              "index": 460,
+                                              "label": "Saskatchewan (2:00 AM)",
+                                              "value": "America/Regina",
+                                            },
+                                            Object {
+                                              "index": 460,
+                                              "label": "Central America (2:00 AM)",
+                                              "value": "America/Guatemala",
+                                            },
+                                            Object {
+                                              "index": 460,
+                                              "label": "Astana (2:00 PM)",
+                                              "value": "Asia/Dhaka",
+                                            },
+                                            Object {
+                                              "index": 460,
+                                              "label": "Dhaka (2:00 PM)",
+                                              "value": "Asia/Dhaka",
+                                            },
+                                            Object {
+                                              "index": 460,
+                                              "label": "Almaty (2:00 PM)",
+                                              "value": "Asia/Almaty",
+                                            },
+                                            Object {
+                                              "index": 460,
+                                              "label": "Urumqi (2:00 PM)",
+                                              "value": "Asia/Urumqi",
+                                            },
+                                            Object {
+                                              "index": 490,
+                                              "label": "Rangoon (2:30 PM)",
+                                              "value": "Asia/Rangoon",
+                                            },
+                                            Object {
+                                              "index": 520,
+                                              "label": "Tijuana (1:00 AM)",
+                                              "value": "America/Tijuana",
+                                            },
+                                            Object {
+                                              "index": 520,
+                                              "label": "Novosibirsk (3:00 PM)",
+                                              "value": "Asia/Novosibirsk",
+                                            },
+                                            Object {
+                                              "index": 520,
+                                              "label": "Bangkok (3:00 PM)",
+                                              "value": "Asia/Bangkok",
+                                            },
+                                            Object {
+                                              "index": 520,
+                                              "label": "Hanoi (3:00 PM)",
+                                              "value": "Asia/Bangkok",
+                                            },
+                                            Object {
+                                              "index": 520,
+                                              "label": "Jakarta (3:00 PM)",
+                                              "value": "Asia/Jakarta",
+                                            },
+                                            Object {
+                                              "index": 520,
+                                              "label": "Krasnoyarsk (3:00 PM)",
+                                              "value": "Asia/Krasnoyarsk",
+                                            },
+                                            Object {
+                                              "index": 580,
+                                              "label": "Beijing (4:00 PM)",
+                                              "value": "Asia/Shanghai",
+                                            },
+                                            Object {
+                                              "index": 580,
+                                              "label": "Chongqing (4:00 PM)",
+                                              "value": "Asia/Chongqing",
+                                            },
+                                            Object {
+                                              "index": 580,
+                                              "label": "Hong Kong (4:00 PM)",
+                                              "value": "Asia/Hong_Kong",
+                                            },
+                                            Object {
+                                              "index": 580,
+                                              "label": "Kuala Lumpur (4:00 PM)",
+                                              "value": "Asia/Kuala_Lumpur",
+                                            },
+                                            Object {
+                                              "index": 580,
+                                              "label": "Singapore (4:00 PM)",
+                                              "value": "Asia/Singapore",
+                                            },
+                                            Object {
+                                              "index": 580,
+                                              "label": "Taipei (4:00 PM)",
+                                              "value": "Asia/Taipei",
+                                            },
+                                            Object {
+                                              "index": 580,
+                                              "label": "Perth (4:00 PM)",
+                                              "value": "Australia/Perth",
+                                            },
+                                            Object {
+                                              "index": 580,
+                                              "label": "Irkutsk (4:00 PM)",
+                                              "value": "Asia/Irkutsk",
+                                            },
+                                            Object {
+                                              "index": 580,
+                                              "label": "Ulaanbaatar (4:00 PM)",
+                                              "value": "Asia/Ulaanbaatar",
+                                            },
+                                            Object {
+                                              "index": 640,
+                                              "label": "Seoul (5:00 PM)",
+                                              "value": "Asia/Seoul",
+                                            },
+                                            Object {
+                                              "index": 640,
+                                              "label": "Osaka (5:00 PM)",
+                                              "value": "Asia/Tokyo",
+                                            },
+                                            Object {
+                                              "index": 640,
+                                              "label": "Sapporo (5:00 PM)",
+                                              "value": "Asia/Tokyo",
+                                            },
+                                            Object {
+                                              "index": 640,
+                                              "label": "Tokyo (5:00 PM)",
+                                              "value": "Asia/Tokyo",
+                                            },
+                                            Object {
+                                              "index": 640,
+                                              "label": "Yakutsk (5:00 PM)",
+                                              "value": "Asia/Yakutsk",
+                                            },
+                                            Object {
+                                              "index": 670,
+                                              "label": "Darwin (5:30 PM)",
+                                              "value": "Australia/Darwin",
+                                            },
+                                            Object {
+                                              "index": 670,
+                                              "label": "Adelaide (5:30 PM)",
+                                              "value": "Australia/Adelaide",
+                                            },
+                                            Object {
+                                              "index": 700,
+                                              "label": "Canberra (6:00 PM)",
+                                              "value": "Australia/Melbourne",
+                                            },
+                                            Object {
+                                              "index": 700,
+                                              "label": "Melbourne (6:00 PM)",
+                                              "value": "Australia/Melbourne",
+                                            },
+                                            Object {
+                                              "index": 700,
+                                              "label": "Sydney (6:00 PM)",
+                                              "value": "Australia/Sydney",
+                                            },
+                                            Object {
+                                              "index": 700,
+                                              "label": "Brisbane (6:00 PM)",
+                                              "value": "Australia/Brisbane",
+                                            },
+                                            Object {
+                                              "index": 700,
+                                              "label": "Hobart (6:00 PM)",
+                                              "value": "Australia/Hobart",
+                                            },
+                                            Object {
+                                              "index": 700,
+                                              "label": "Vladivostok (6:00 PM)",
+                                              "value": "Asia/Vladivostok",
+                                            },
+                                            Object {
+                                              "index": 700,
+                                              "label": "Guam (6:00 PM)",
+                                              "value": "Pacific/Guam",
+                                            },
+                                            Object {
+                                              "index": 700,
+                                              "label": "Port Moresby (6:00 PM)",
+                                              "value": "Pacific/Port_Moresby",
+                                            },
+                                            Object {
+                                              "index": 760,
+                                              "label": "Midway Island (9:00 PM)",
+                                              "value": "Pacific/Midway",
+                                            },
+                                            Object {
+                                              "index": 760,
+                                              "label": "American Samoa (9:00 PM)",
+                                              "value": "Pacific/Pago_Pago",
+                                            },
+                                            Object {
+                                              "index": 760,
+                                              "label": "Magadan (7:00 PM)",
+                                              "value": "Asia/Magadan",
+                                            },
+                                            Object {
+                                              "index": 760,
+                                              "label": "Srednekolymsk (7:00 PM)",
+                                              "value": "Asia/Srednekolymsk",
+                                            },
+                                            Object {
+                                              "index": 760,
+                                              "label": "Solomon Is. (7:00 PM)",
+                                              "value": "Pacific/Guadalcanal",
+                                            },
+                                            Object {
+                                              "index": 760,
+                                              "label": "New Caledonia (7:00 PM)",
+                                              "value": "Pacific/Noumea",
+                                            },
+                                            Object {
+                                              "index": 820,
+                                              "label": "International Date Line West (8:00 PM)",
+                                              "value": "Etc/GMT+12",
+                                            },
+                                            Object {
+                                              "index": 820,
+                                              "label": "Fiji (8:00 PM)",
+                                              "value": "Pacific/Fiji",
+                                            },
+                                            Object {
+                                              "index": 820,
+                                              "label": "Kamchatka (8:00 PM)",
+                                              "value": "Asia/Kamchatka",
+                                            },
+                                            Object {
+                                              "index": 820,
+                                              "label": "Marshall Is. (8:00 PM)",
+                                              "value": "Pacific/Majuro",
+                                            },
+                                            Object {
+                                              "index": 820,
+                                              "label": "Auckland (8:00 PM)",
+                                              "value": "Pacific/Auckland",
+                                            },
+                                            Object {
+                                              "index": 820,
+                                              "label": "Wellington (8:00 PM)",
+                                              "value": "Pacific/Auckland",
+                                            },
+                                            Object {
+                                              "index": 865,
+                                              "label": "Chatham Is. (8:45 PM)",
+                                              "value": "Pacific/Chatham",
+                                            },
+                                            Object {
+                                              "index": 880,
+                                              "label": "Nuku'alofa (9:00 PM)",
+                                              "value": "Pacific/Tongatapu",
+                                            },
+                                            Object {
+                                              "index": 880,
+                                              "label": "Tokelau Is. (9:00 PM)",
+                                              "value": "Pacific/Fakaofo",
+                                            },
+                                            Object {
+                                              "index": 880,
+                                              "label": "Samoa (9:00 PM)",
+                                              "value": "Pacific/Apia",
+                                            },
+                                          ]
+                                        }
+                                        selectOption={[Function]}
+                                        selectProps={
+                                          Object {
+                                            "backspaceRemovesValue": true,
+                                            "blurInputOnSelect": true,
+                                            "cache": false,
+                                            "captureMenuScroll": false,
+                                            "classNamePrefix": "cf-select",
+                                            "closeMenuOnScroll": false,
+                                            "closeMenuOnSelect": true,
+                                            "components": Object {
+                                              "Input": [Function],
+                                              "MenuList": [Function],
+                                              "Option": [Function],
+                                            },
+                                            "controlShouldRenderValue": true,
+                                            "defaultOptions": undefined,
+                                            "escapeClearsValue": false,
+                                            "filterOption": [Function],
+                                            "formatGroupLabel": [Function],
+                                            "getOptionLabel": [Function],
+                                            "getOptionValue": [Function],
+                                            "inputId": "representative-tz",
+                                            "inputValue": "",
+                                            "isClearable": undefined,
+                                            "isDisabled": false,
+                                            "isLoading": false,
+                                            "isMulti": false,
+                                            "isOptionDisabled": [Function],
+                                            "isRtl": false,
+                                            "isSearchable": true,
+                                            "loadOptions": undefined,
+                                            "loadingMessage": [Function],
+                                            "maxMenuHeight": 300,
+                                            "menuIsOpen": false,
+                                            "menuPlacement": "bottom",
+                                            "menuPosition": "absolute",
+                                            "menuShouldBlockScroll": false,
+                                            "menuShouldScrollIntoView": true,
+                                            "minMenuHeight": 140,
+                                            "name": "representativeTz",
+                                            "noOptionsMessage": [Function],
+                                            "onBlurResetsInput": false,
+                                            "onChange": [Function],
+                                            "onInputChange": [Function],
+                                            "onMenuClose": [Function],
+                                            "onMenuOpen": [Function],
+                                            "openMenuOnClick": true,
+                                            "openMenuOnFocus": false,
+                                            "options": Array [
+                                              Object {
+                                                "label": "",
+                                                "value": null,
+                                              },
+                                              Object {
+                                                "index": -3,
+                                                "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                "value": "America/New_York",
+                                              },
+                                              Object {
+                                                "index": -2,
+                                                "label": "Central Time (US & Canada) (3:00 AM)",
+                                                "value": "America/Chicago",
+                                              },
+                                              Object {
+                                                "index": -1,
+                                                "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                "value": "America/Denver",
+                                              },
+                                              Object {
+                                                "index": -0,
+                                                "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                "value": "America/Los_Angeles",
+                                              },
+                                              Object {
+                                                "index": 2.4,
+                                                "label": "Indiana (East) (4:00 AM)",
+                                                "value": "America/Indiana/Indianapolis",
+                                              },
+                                              Object {
+                                                "index": 2.4,
+                                                "label": "Puerto Rico (4:00 AM)",
+                                                "value": "America/Puerto_Rico",
+                                              },
+                                              Object {
+                                                "index": 4.2,
+                                                "label": "Arizona (1:00 AM)",
+                                                "value": "America/Phoenix",
+                                              },
+                                              Object {
+                                                "index": 4.8,
+                                                "label": "Alaska (12:00 AM)",
+                                                "value": "America/Juneau",
+                                              },
+                                              Object {
+                                                "index": 4.8,
+                                                "label": "Philippine Standard Time (4:00 PM)",
+                                                "value": "Asia/Manila",
+                                              },
+                                              Object {
+                                                "index": 6,
+                                                "label": "Hawaii (10:00 PM)",
+                                                "value": "Pacific/Honolulu",
+                                              },
+                                              Object {
+                                                "index": 100,
+                                                "label": "Azores (8:00 AM)",
+                                                "value": "Atlantic/Azores",
+                                              },
+                                              Object {
+                                                "index": 100,
+                                                "label": "Monrovia (8:00 AM)",
+                                                "value": "Africa/Monrovia",
+                                              },
+                                              Object {
+                                                "index": 100,
+                                                "label": "UTC (8:00 AM)",
+                                                "value": "Etc/UTC",
+                                              },
+                                              Object {
+                                                "index": 160,
+                                                "label": "Cape Verde Is. (7:00 AM)",
+                                                "value": "Atlantic/Cape_Verde",
+                                              },
+                                              Object {
+                                                "index": 160,
+                                                "label": "Dublin (9:00 AM)",
+                                                "value": "Europe/Dublin",
+                                              },
+                                              Object {
+                                                "index": 160,
+                                                "label": "Edinburgh (9:00 AM)",
+                                                "value": "Europe/London",
+                                              },
+                                              Object {
+                                                "index": 160,
+                                                "label": "Lisbon (9:00 AM)",
+                                                "value": "Europe/Lisbon",
+                                              },
+                                              Object {
+                                                "index": 160,
+                                                "label": "London (9:00 AM)",
+                                                "value": "Europe/London",
+                                              },
+                                              Object {
+                                                "index": 160,
+                                                "label": "Casablanca (9:00 AM)",
+                                                "value": "Africa/Casablanca",
+                                              },
+                                              Object {
+                                                "index": 160,
+                                                "label": "West Central Africa (9:00 AM)",
+                                                "value": "Africa/Algiers",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Greenland (6:00 AM)",
+                                                "value": "America/Godthab",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Mid-Atlantic (6:00 AM)",
+                                                "value": "Atlantic/South_Georgia",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Belgrade (10:00 AM)",
+                                                "value": "Europe/Belgrade",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Bratislava (10:00 AM)",
+                                                "value": "Europe/Bratislava",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Budapest (10:00 AM)",
+                                                "value": "Europe/Budapest",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Ljubljana (10:00 AM)",
+                                                "value": "Europe/Ljubljana",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Prague (10:00 AM)",
+                                                "value": "Europe/Prague",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Sarajevo (10:00 AM)",
+                                                "value": "Europe/Sarajevo",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Skopje (10:00 AM)",
+                                                "value": "Europe/Skopje",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Warsaw (10:00 AM)",
+                                                "value": "Europe/Warsaw",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Zagreb (10:00 AM)",
+                                                "value": "Europe/Zagreb",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Brussels (10:00 AM)",
+                                                "value": "Europe/Brussels",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Copenhagen (10:00 AM)",
+                                                "value": "Europe/Copenhagen",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Madrid (10:00 AM)",
+                                                "value": "Europe/Madrid",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Paris (10:00 AM)",
+                                                "value": "Europe/Paris",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Amsterdam (10:00 AM)",
+                                                "value": "Europe/Amsterdam",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Berlin (10:00 AM)",
+                                                "value": "Europe/Berlin",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Bern (10:00 AM)",
+                                                "value": "Europe/Zurich",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Zurich (10:00 AM)",
+                                                "value": "Europe/Zurich",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Rome (10:00 AM)",
+                                                "value": "Europe/Rome",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Stockholm (10:00 AM)",
+                                                "value": "Europe/Stockholm",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Vienna (10:00 AM)",
+                                                "value": "Europe/Vienna",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Cairo (10:00 AM)",
+                                                "value": "Africa/Cairo",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Harare (10:00 AM)",
+                                                "value": "Africa/Harare",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Pretoria (10:00 AM)",
+                                                "value": "Africa/Johannesburg",
+                                              },
+                                              Object {
+                                                "index": 220,
+                                                "label": "Kaliningrad (10:00 AM)",
+                                                "value": "Europe/Kaliningrad",
+                                              },
+                                              Object {
+                                                "index": 250,
+                                                "label": "Newfoundland (5:30 AM)",
+                                                "value": "America/St_Johns",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                "value": "America/Halifax",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Brasilia (5:00 AM)",
+                                                "value": "America/Sao_Paulo",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Buenos Aires (5:00 AM)",
+                                                "value": "America/Argentina/Buenos_Aires",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Montevideo (5:00 AM)",
+                                                "value": "America/Montevideo",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Bucharest (11:00 AM)",
+                                                "value": "Europe/Bucharest",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Helsinki (11:00 AM)",
+                                                "value": "Europe/Helsinki",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Kyiv (11:00 AM)",
+                                                "value": "Europe/Kiev",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Riga (11:00 AM)",
+                                                "value": "Europe/Riga",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Sofia (11:00 AM)",
+                                                "value": "Europe/Sofia",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Tallinn (11:00 AM)",
+                                                "value": "Europe/Tallinn",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Vilnius (11:00 AM)",
+                                                "value": "Europe/Vilnius",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Athens (11:00 AM)",
+                                                "value": "Europe/Athens",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Istanbul (11:00 AM)",
+                                                "value": "Europe/Istanbul",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Minsk (11:00 AM)",
+                                                "value": "Europe/Minsk",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Jerusalem (11:00 AM)",
+                                                "value": "Asia/Jerusalem",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Moscow (11:00 AM)",
+                                                "value": "Europe/Moscow",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "St. Petersburg (11:00 AM)",
+                                                "value": "Europe/Moscow",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Kuwait (11:00 AM)",
+                                                "value": "Asia/Kuwait",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Riyadh (11:00 AM)",
+                                                "value": "Asia/Riyadh",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Nairobi (11:00 AM)",
+                                                "value": "Africa/Nairobi",
+                                              },
+                                              Object {
+                                                "index": 280,
+                                                "label": "Baghdad (11:00 AM)",
+                                                "value": "Asia/Baghdad",
+                                              },
+                                              Object {
+                                                "index": 340,
+                                                "label": "Caracas (4:00 AM)",
+                                                "value": "America/Caracas",
+                                              },
+                                              Object {
+                                                "index": 340,
+                                                "label": "La Paz (4:00 AM)",
+                                                "value": "America/La_Paz",
+                                              },
+                                              Object {
+                                                "index": 340,
+                                                "label": "Santiago (4:00 AM)",
+                                                "value": "America/Santiago",
+                                              },
+                                              Object {
+                                                "index": 340,
+                                                "label": "Georgetown (4:00 AM)",
+                                                "value": "America/Guyana",
+                                              },
+                                              Object {
+                                                "index": 340,
+                                                "label": "Volgograd (12:00 PM)",
+                                                "value": "Europe/Volgograd",
+                                              },
+                                              Object {
+                                                "index": 340,
+                                                "label": "Samara (12:00 PM)",
+                                                "value": "Europe/Samara",
+                                              },
+                                              Object {
+                                                "index": 340,
+                                                "label": "Abu Dhabi (12:00 PM)",
+                                                "value": "Asia/Muscat",
+                                              },
+                                              Object {
+                                                "index": 340,
+                                                "label": "Muscat (12:00 PM)",
+                                                "value": "Asia/Muscat",
+                                              },
+                                              Object {
+                                                "index": 340,
+                                                "label": "Baku (12:00 PM)",
+                                                "value": "Asia/Baku",
+                                              },
+                                              Object {
+                                                "index": 340,
+                                                "label": "Tbilisi (12:00 PM)",
+                                                "value": "Asia/Tbilisi",
+                                              },
+                                              Object {
+                                                "index": 340,
+                                                "label": "Yerevan (12:00 PM)",
+                                                "value": "Asia/Yerevan",
+                                              },
+                                              Object {
+                                                "index": 370,
+                                                "label": "Tehran (12:30 PM)",
+                                                "value": "Asia/Tehran",
+                                              },
+                                              Object {
+                                                "index": 370,
+                                                "label": "Kabul (12:30 PM)",
+                                                "value": "Asia/Kabul",
+                                              },
+                                              Object {
+                                                "index": 400,
+                                                "label": "Guadalajara (3:00 AM)",
+                                                "value": "America/Mexico_City",
+                                              },
+                                              Object {
+                                                "index": 400,
+                                                "label": "Mexico City (3:00 AM)",
+                                                "value": "America/Mexico_City",
+                                              },
+                                              Object {
+                                                "index": 400,
+                                                "label": "Monterrey (3:00 AM)",
+                                                "value": "America/Monterrey",
+                                              },
+                                              Object {
+                                                "index": 400,
+                                                "label": "Bogota (3:00 AM)",
+                                                "value": "America/Bogota",
+                                              },
+                                              Object {
+                                                "index": 400,
+                                                "label": "Lima (3:00 AM)",
+                                                "value": "America/Lima",
+                                              },
+                                              Object {
+                                                "index": 400,
+                                                "label": "Quito (3:00 AM)",
+                                                "value": "America/Lima",
+                                              },
+                                              Object {
+                                                "index": 400,
+                                                "label": "Ekaterinburg (1:00 PM)",
+                                                "value": "Asia/Yekaterinburg",
+                                              },
+                                              Object {
+                                                "index": 400,
+                                                "label": "Islamabad (1:00 PM)",
+                                                "value": "Asia/Karachi",
+                                              },
+                                              Object {
+                                                "index": 400,
+                                                "label": "Karachi (1:00 PM)",
+                                                "value": "Asia/Karachi",
+                                              },
+                                              Object {
+                                                "index": 400,
+                                                "label": "Tashkent (1:00 PM)",
+                                                "value": "Asia/Tashkent",
+                                              },
+                                              Object {
+                                                "index": 430,
+                                                "label": "Chennai (1:30 PM)",
+                                                "value": "Asia/Kolkata",
+                                              },
+                                              Object {
+                                                "index": 430,
+                                                "label": "Kolkata (1:30 PM)",
+                                                "value": "Asia/Kolkata",
+                                              },
+                                              Object {
+                                                "index": 430,
+                                                "label": "Mumbai (1:30 PM)",
+                                                "value": "Asia/Kolkata",
+                                              },
+                                              Object {
+                                                "index": 430,
+                                                "label": "New Delhi (1:30 PM)",
+                                                "value": "Asia/Kolkata",
+                                              },
+                                              Object {
+                                                "index": 430,
+                                                "label": "Sri Jayawardenepura (1:30 PM)",
+                                                "value": "Asia/Colombo",
+                                              },
+                                              Object {
+                                                "index": 445,
+                                                "label": "Kathmandu (1:45 PM)",
+                                                "value": "Asia/Kathmandu",
+                                              },
+                                              Object {
+                                                "index": 460,
+                                                "label": "Chihuahua (2:00 AM)",
+                                                "value": "America/Chihuahua",
+                                              },
+                                              Object {
+                                                "index": 460,
+                                                "label": "Mazatlan (2:00 AM)",
+                                                "value": "America/Mazatlan",
+                                              },
+                                              Object {
+                                                "index": 460,
+                                                "label": "Saskatchewan (2:00 AM)",
+                                                "value": "America/Regina",
+                                              },
+                                              Object {
+                                                "index": 460,
+                                                "label": "Central America (2:00 AM)",
+                                                "value": "America/Guatemala",
+                                              },
+                                              Object {
+                                                "index": 460,
+                                                "label": "Astana (2:00 PM)",
+                                                "value": "Asia/Dhaka",
+                                              },
+                                              Object {
+                                                "index": 460,
+                                                "label": "Dhaka (2:00 PM)",
+                                                "value": "Asia/Dhaka",
+                                              },
+                                              Object {
+                                                "index": 460,
+                                                "label": "Almaty (2:00 PM)",
+                                                "value": "Asia/Almaty",
+                                              },
+                                              Object {
+                                                "index": 460,
+                                                "label": "Urumqi (2:00 PM)",
+                                                "value": "Asia/Urumqi",
+                                              },
+                                              Object {
+                                                "index": 490,
+                                                "label": "Rangoon (2:30 PM)",
+                                                "value": "Asia/Rangoon",
+                                              },
+                                              Object {
+                                                "index": 520,
+                                                "label": "Tijuana (1:00 AM)",
+                                                "value": "America/Tijuana",
+                                              },
+                                              Object {
+                                                "index": 520,
+                                                "label": "Novosibirsk (3:00 PM)",
+                                                "value": "Asia/Novosibirsk",
+                                              },
+                                              Object {
+                                                "index": 520,
+                                                "label": "Bangkok (3:00 PM)",
+                                                "value": "Asia/Bangkok",
+                                              },
+                                              Object {
+                                                "index": 520,
+                                                "label": "Hanoi (3:00 PM)",
+                                                "value": "Asia/Bangkok",
+                                              },
+                                              Object {
+                                                "index": 520,
+                                                "label": "Jakarta (3:00 PM)",
+                                                "value": "Asia/Jakarta",
+                                              },
+                                              Object {
+                                                "index": 520,
+                                                "label": "Krasnoyarsk (3:00 PM)",
+                                                "value": "Asia/Krasnoyarsk",
+                                              },
+                                              Object {
+                                                "index": 580,
+                                                "label": "Beijing (4:00 PM)",
+                                                "value": "Asia/Shanghai",
+                                              },
+                                              Object {
+                                                "index": 580,
+                                                "label": "Chongqing (4:00 PM)",
+                                                "value": "Asia/Chongqing",
+                                              },
+                                              Object {
+                                                "index": 580,
+                                                "label": "Hong Kong (4:00 PM)",
+                                                "value": "Asia/Hong_Kong",
+                                              },
+                                              Object {
+                                                "index": 580,
+                                                "label": "Kuala Lumpur (4:00 PM)",
+                                                "value": "Asia/Kuala_Lumpur",
+                                              },
+                                              Object {
+                                                "index": 580,
+                                                "label": "Singapore (4:00 PM)",
+                                                "value": "Asia/Singapore",
+                                              },
+                                              Object {
+                                                "index": 580,
+                                                "label": "Taipei (4:00 PM)",
+                                                "value": "Asia/Taipei",
+                                              },
+                                              Object {
+                                                "index": 580,
+                                                "label": "Perth (4:00 PM)",
+                                                "value": "Australia/Perth",
+                                              },
+                                              Object {
+                                                "index": 580,
+                                                "label": "Irkutsk (4:00 PM)",
+                                                "value": "Asia/Irkutsk",
+                                              },
+                                              Object {
+                                                "index": 580,
+                                                "label": "Ulaanbaatar (4:00 PM)",
+                                                "value": "Asia/Ulaanbaatar",
+                                              },
+                                              Object {
+                                                "index": 640,
+                                                "label": "Seoul (5:00 PM)",
+                                                "value": "Asia/Seoul",
+                                              },
+                                              Object {
+                                                "index": 640,
+                                                "label": "Osaka (5:00 PM)",
+                                                "value": "Asia/Tokyo",
+                                              },
+                                              Object {
+                                                "index": 640,
+                                                "label": "Sapporo (5:00 PM)",
+                                                "value": "Asia/Tokyo",
+                                              },
+                                              Object {
+                                                "index": 640,
+                                                "label": "Tokyo (5:00 PM)",
+                                                "value": "Asia/Tokyo",
+                                              },
+                                              Object {
+                                                "index": 640,
+                                                "label": "Yakutsk (5:00 PM)",
+                                                "value": "Asia/Yakutsk",
+                                              },
+                                              Object {
+                                                "index": 670,
+                                                "label": "Darwin (5:30 PM)",
+                                                "value": "Australia/Darwin",
+                                              },
+                                              Object {
+                                                "index": 670,
+                                                "label": "Adelaide (5:30 PM)",
+                                                "value": "Australia/Adelaide",
+                                              },
+                                              Object {
+                                                "index": 700,
+                                                "label": "Canberra (6:00 PM)",
+                                                "value": "Australia/Melbourne",
+                                              },
+                                              Object {
+                                                "index": 700,
+                                                "label": "Melbourne (6:00 PM)",
+                                                "value": "Australia/Melbourne",
+                                              },
+                                              Object {
+                                                "index": 700,
+                                                "label": "Sydney (6:00 PM)",
+                                                "value": "Australia/Sydney",
+                                              },
+                                              Object {
+                                                "index": 700,
+                                                "label": "Brisbane (6:00 PM)",
+                                                "value": "Australia/Brisbane",
+                                              },
+                                              Object {
+                                                "index": 700,
+                                                "label": "Hobart (6:00 PM)",
+                                                "value": "Australia/Hobart",
+                                              },
+                                              Object {
+                                                "index": 700,
+                                                "label": "Vladivostok (6:00 PM)",
+                                                "value": "Asia/Vladivostok",
+                                              },
+                                              Object {
+                                                "index": 700,
+                                                "label": "Guam (6:00 PM)",
+                                                "value": "Pacific/Guam",
+                                              },
+                                              Object {
+                                                "index": 700,
+                                                "label": "Port Moresby (6:00 PM)",
+                                                "value": "Pacific/Port_Moresby",
+                                              },
+                                              Object {
+                                                "index": 760,
+                                                "label": "Midway Island (9:00 PM)",
+                                                "value": "Pacific/Midway",
+                                              },
+                                              Object {
+                                                "index": 760,
+                                                "label": "American Samoa (9:00 PM)",
+                                                "value": "Pacific/Pago_Pago",
+                                              },
+                                              Object {
+                                                "index": 760,
+                                                "label": "Magadan (7:00 PM)",
+                                                "value": "Asia/Magadan",
+                                              },
+                                              Object {
+                                                "index": 760,
+                                                "label": "Srednekolymsk (7:00 PM)",
+                                                "value": "Asia/Srednekolymsk",
+                                              },
+                                              Object {
+                                                "index": 760,
+                                                "label": "Solomon Is. (7:00 PM)",
+                                                "value": "Pacific/Guadalcanal",
+                                              },
+                                              Object {
+                                                "index": 760,
+                                                "label": "New Caledonia (7:00 PM)",
+                                                "value": "Pacific/Noumea",
+                                              },
+                                              Object {
+                                                "index": 820,
+                                                "label": "International Date Line West (8:00 PM)",
+                                                "value": "Etc/GMT+12",
+                                              },
+                                              Object {
+                                                "index": 820,
+                                                "label": "Fiji (8:00 PM)",
+                                                "value": "Pacific/Fiji",
+                                              },
+                                              Object {
+                                                "index": 820,
+                                                "label": "Kamchatka (8:00 PM)",
+                                                "value": "Asia/Kamchatka",
+                                              },
+                                              Object {
+                                                "index": 820,
+                                                "label": "Marshall Is. (8:00 PM)",
+                                                "value": "Pacific/Majuro",
+                                              },
+                                              Object {
+                                                "index": 820,
+                                                "label": "Auckland (8:00 PM)",
+                                                "value": "Pacific/Auckland",
+                                              },
+                                              Object {
+                                                "index": 820,
+                                                "label": "Wellington (8:00 PM)",
+                                                "value": "Pacific/Auckland",
+                                              },
+                                              Object {
+                                                "index": 865,
+                                                "label": "Chatham Is. (8:45 PM)",
+                                                "value": "Pacific/Chatham",
+                                              },
+                                              Object {
+                                                "index": 880,
+                                                "label": "Nuku'alofa (9:00 PM)",
+                                                "value": "Pacific/Tongatapu",
+                                              },
+                                              Object {
+                                                "index": 880,
+                                                "label": "Tokelau Is. (9:00 PM)",
+                                                "value": "Pacific/Fakaofo",
+                                              },
+                                              Object {
+                                                "index": 880,
+                                                "label": "Samoa (9:00 PM)",
+                                                "value": "Pacific/Apia",
+                                              },
+                                            ],
+                                            "pageSize": 5,
+                                            "placeholder": "Select a timezone",
+                                            "screenReaderStatus": [Function],
+                                            "searchable": undefined,
+                                            "shouldKeyDownEventCreateNewOption": [Function],
+                                            "styles": Object {
+                                              "input": [Function],
+                                            },
+                                            "tabIndex": "0",
+                                            "tabSelectsValue": true,
                                             "value": null,
-                                          },
-                                          Object {
-                                            "label": "Genesis Government Solutions, Inc.",
-                                            "value": "Genesis Government Solutions, Inc.",
-                                          },
-                                          Object {
-                                            "label": "Jamison Professional Services",
-                                            "value": "Jamison Professional Services",
-                                          },
+                                          }
+                                        }
+                                        setValue={[Function]}
+                                        theme={
                                           Object {
-                                            "label": "The Ravens Group, Inc.",
-                                            "value": "The Ravens Group, Inc.",
-                                          },
-                                        ]
-                                      }
-                                      selectOption={[Function]}
-                                      selectProps={
-                                        Object {
-                                          "backspaceRemovesValue": true,
-                                          "blurInputOnSelect": true,
-                                          "cache": false,
-                                          "captureMenuScroll": false,
-                                          "classNamePrefix": "cf-select",
-                                          "closeMenuOnScroll": false,
-                                          "closeMenuOnSelect": true,
-                                          "components": Object {
-                                            "Input": [Function],
-                                            "MenuList": [Function],
-                                            "Option": [Function],
-                                          },
-                                          "controlShouldRenderValue": true,
-                                          "defaultOptions": undefined,
-                                          "escapeClearsValue": false,
-                                          "filterOption": [Function],
-                                          "formatGroupLabel": [Function],
-                                          "getOptionLabel": [Function],
-                                          "getOptionValue": [Function],
-                                          "inputId": "transcriber",
-                                          "inputValue": "",
-                                          "isClearable": undefined,
-                                          "isDisabled": false,
-                                          "isLoading": false,
-                                          "isMulti": false,
-                                          "isOptionDisabled": [Function],
-                                          "isRtl": false,
-                                          "isSearchable": true,
-                                          "loadOptions": undefined,
-                                          "loadingMessage": [Function],
-                                          "maxMenuHeight": 300,
-                                          "menuIsOpen": false,
-                                          "menuPlacement": "bottom",
-                                          "menuPosition": "absolute",
-                                          "menuShouldBlockScroll": false,
-                                          "menuShouldScrollIntoView": true,
-                                          "minMenuHeight": 140,
-                                          "name": "transcriber",
-                                          "noOptionsMessage": [Function],
-                                          "onBlurResetsInput": false,
-                                          "onChange": [Function],
-                                          "onInputChange": [Function],
-                                          "onMenuClose": [Function],
-                                          "onMenuOpen": [Function],
-                                          "openMenuOnClick": true,
-                                          "openMenuOnFocus": false,
-                                          "options": Array [
-                                            Object {
-                                              "label": "",
-                                              "value": null,
-                                            },
-                                            Object {
-                                              "label": "Genesis Government Solutions, Inc.",
-                                              "value": "Genesis Government Solutions, Inc.",
-                                            },
-                                            Object {
-                                              "label": "Jamison Professional Services",
-                                              "value": "Jamison Professional Services",
+                                            "borderRadius": 4,
+                                            "colors": Object {
+                                              "danger": "#DE350B",
+                                              "dangerLight": "#FFBDAD",
+                                              "neutral0": "hsl(0, 0%, 100%)",
+                                              "neutral10": "hsl(0, 0%, 90%)",
+                                              "neutral20": "hsl(0, 0%, 80%)",
+                                              "neutral30": "hsl(0, 0%, 70%)",
+                                              "neutral40": "hsl(0, 0%, 60%)",
+                                              "neutral5": "hsl(0, 0%, 95%)",
+                                              "neutral50": "hsl(0, 0%, 50%)",
+                                              "neutral60": "hsl(0, 0%, 40%)",
+                                              "neutral70": "hsl(0, 0%, 30%)",
+                                              "neutral80": "hsl(0, 0%, 20%)",
+                                              "neutral90": "hsl(0, 0%, 10%)",
+                                              "primary": "#2684FF",
+                                              "primary25": "#DEEBFF",
+                                              "primary50": "#B2D4FF",
+                                              "primary75": "#4C9AFF",
                                             },
-                                            Object {
-                                              "label": "The Ravens Group, Inc.",
-                                              "value": "The Ravens Group, Inc.",
+                                            "spacing": Object {
+                                              "baseUnit": 4,
+                                              "controlHeight": 38,
+                                              "menuGutter": 8,
                                             },
-                                          ],
-                                          "pageSize": 5,
-                                          "placeholder": "Select...",
-                                          "screenReaderStatus": [Function],
-                                          "searchable": undefined,
-                                          "shouldKeyDownEventCreateNewOption": [Function],
-                                          "styles": Object {
-                                            "input": [Function],
-                                          },
-                                          "tabIndex": "0",
-                                          "tabSelectsValue": true,
-                                          "value": null,
-                                        }
-                                      }
-                                      setValue={[Function]}
-                                      theme={
-                                        Object {
-                                          "borderRadius": 4,
-                                          "colors": Object {
-                                            "danger": "#DE350B",
-                                            "dangerLight": "#FFBDAD",
-                                            "neutral0": "hsl(0, 0%, 100%)",
-                                            "neutral10": "hsl(0, 0%, 90%)",
-                                            "neutral20": "hsl(0, 0%, 80%)",
-                                            "neutral30": "hsl(0, 0%, 70%)",
-                                            "neutral40": "hsl(0, 0%, 60%)",
-                                            "neutral5": "hsl(0, 0%, 95%)",
-                                            "neutral50": "hsl(0, 0%, 50%)",
-                                            "neutral60": "hsl(0, 0%, 40%)",
-                                            "neutral70": "hsl(0, 0%, 30%)",
-                                            "neutral80": "hsl(0, 0%, 20%)",
-                                            "neutral90": "hsl(0, 0%, 10%)",
-                                            "primary": "#2684FF",
-                                            "primary25": "#DEEBFF",
-                                            "primary50": "#B2D4FF",
-                                            "primary75": "#4C9AFF",
-                                          },
-                                          "spacing": Object {
-                                            "baseUnit": 4,
-                                            "controlHeight": 38,
-                                            "menuGutter": 8,
-                                          },
-                                        }
-                                      }
-                                    >
-                                      <EmotionCssPropInternal
-                                        __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SelectContainer"
-                                        __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                        className=""
-                                        css={
-                                          Object {
-                                            "boxSizing": "border-box",
-                                            "direction": null,
-                                            "label": "container",
-                                            "pointerEvents": null,
-                                            "position": "relative",
                                           }
                                         }
-                                        onKeyDown={[Function]}
                                       >
-                                        <div
-                                          className=" css-2b097c-container"
+                                        <EmotionCssPropInternal
+                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SelectContainer"
+                                          __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                          className=""
+                                          css={
+                                            Object {
+                                              "boxSizing": "border-box",
+                                              "direction": null,
+                                              "label": "container",
+                                              "pointerEvents": null,
+                                              "position": "relative",
+                                            }
+                                          }
                                           onKeyDown={[Function]}
                                         >
-                                          <Control
-                                            clearValue={[Function]}
-                                            cx={[Function]}
-                                            getStyles={[Function]}
-                                            getValue={[Function]}
-                                            hasValue={false}
-                                            innerProps={
-                                              Object {
-                                                "onMouseDown": [Function],
-                                                "onTouchEnd": [Function],
-                                              }
-                                            }
-                                            innerRef={[Function]}
-                                            isDisabled={false}
-                                            isFocused={false}
-                                            isMulti={false}
-                                            isRtl={false}
-                                            menuIsOpen={false}
-                                            options={
-                                              Array [
-                                                Object {
-                                                  "label": "",
-                                                  "value": null,
-                                                },
-                                                Object {
-                                                  "label": "Genesis Government Solutions, Inc.",
-                                                  "value": "Genesis Government Solutions, Inc.",
-                                                },
-                                                Object {
-                                                  "label": "Jamison Professional Services",
-                                                  "value": "Jamison Professional Services",
-                                                },
+                                          <div
+                                            className=" css-2b097c-container"
+                                            onKeyDown={[Function]}
+                                          >
+                                            <Control
+                                              clearValue={[Function]}
+                                              cx={[Function]}
+                                              getStyles={[Function]}
+                                              getValue={[Function]}
+                                              hasValue={false}
+                                              innerProps={
                                                 Object {
-                                                  "label": "The Ravens Group, Inc.",
-                                                  "value": "The Ravens Group, Inc.",
-                                                },
-                                              ]
-                                            }
-                                            selectOption={[Function]}
-                                            selectProps={
-                                              Object {
-                                                "backspaceRemovesValue": true,
-                                                "blurInputOnSelect": true,
-                                                "cache": false,
-                                                "captureMenuScroll": false,
-                                                "classNamePrefix": "cf-select",
-                                                "closeMenuOnScroll": false,
-                                                "closeMenuOnSelect": true,
-                                                "components": Object {
-                                                  "Input": [Function],
-                                                  "MenuList": [Function],
-                                                  "Option": [Function],
-                                                },
-                                                "controlShouldRenderValue": true,
-                                                "defaultOptions": undefined,
-                                                "escapeClearsValue": false,
-                                                "filterOption": [Function],
-                                                "formatGroupLabel": [Function],
-                                                "getOptionLabel": [Function],
-                                                "getOptionValue": [Function],
-                                                "inputId": "transcriber",
-                                                "inputValue": "",
-                                                "isClearable": undefined,
-                                                "isDisabled": false,
-                                                "isLoading": false,
-                                                "isMulti": false,
-                                                "isOptionDisabled": [Function],
-                                                "isRtl": false,
-                                                "isSearchable": true,
-                                                "loadOptions": undefined,
-                                                "loadingMessage": [Function],
-                                                "maxMenuHeight": 300,
-                                                "menuIsOpen": false,
-                                                "menuPlacement": "bottom",
-                                                "menuPosition": "absolute",
-                                                "menuShouldBlockScroll": false,
-                                                "menuShouldScrollIntoView": true,
-                                                "minMenuHeight": 140,
-                                                "name": "transcriber",
-                                                "noOptionsMessage": [Function],
-                                                "onBlurResetsInput": false,
-                                                "onChange": [Function],
-                                                "onInputChange": [Function],
-                                                "onMenuClose": [Function],
-                                                "onMenuOpen": [Function],
-                                                "openMenuOnClick": true,
-                                                "openMenuOnFocus": false,
-                                                "options": Array [
+                                                  "onMouseDown": [Function],
+                                                  "onTouchEnd": [Function],
+                                                }
+                                              }
+                                              innerRef={[Function]}
+                                              isDisabled={false}
+                                              isFocused={false}
+                                              isMulti={false}
+                                              isRtl={false}
+                                              menuIsOpen={false}
+                                              options={
+                                                Array [
+                                                  Object {
+                                                    "label": "",
+                                                    "value": null,
+                                                  },
+                                                  Object {
+                                                    "index": -3,
+                                                    "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                    "value": "America/New_York",
+                                                  },
+                                                  Object {
+                                                    "index": -2,
+                                                    "label": "Central Time (US & Canada) (3:00 AM)",
+                                                    "value": "America/Chicago",
+                                                  },
+                                                  Object {
+                                                    "index": -1,
+                                                    "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                    "value": "America/Denver",
+                                                  },
+                                                  Object {
+                                                    "index": -0,
+                                                    "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                    "value": "America/Los_Angeles",
+                                                  },
+                                                  Object {
+                                                    "index": 2.4,
+                                                    "label": "Indiana (East) (4:00 AM)",
+                                                    "value": "America/Indiana/Indianapolis",
+                                                  },
                                                   Object {
-                                                    "label": "",
-                                                    "value": null,
+                                                    "index": 2.4,
+                                                    "label": "Puerto Rico (4:00 AM)",
+                                                    "value": "America/Puerto_Rico",
                                                   },
                                                   Object {
-                                                    "label": "Genesis Government Solutions, Inc.",
-                                                    "value": "Genesis Government Solutions, Inc.",
+                                                    "index": 4.2,
+                                                    "label": "Arizona (1:00 AM)",
+                                                    "value": "America/Phoenix",
                                                   },
                                                   Object {
-                                                    "label": "Jamison Professional Services",
-                                                    "value": "Jamison Professional Services",
+                                                    "index": 4.8,
+                                                    "label": "Alaska (12:00 AM)",
+                                                    "value": "America/Juneau",
                                                   },
                                                   Object {
-                                                    "label": "The Ravens Group, Inc.",
-                                                    "value": "The Ravens Group, Inc.",
+                                                    "index": 4.8,
+                                                    "label": "Philippine Standard Time (4:00 PM)",
+                                                    "value": "Asia/Manila",
+                                                  },
+                                                  Object {
+                                                    "index": 6,
+                                                    "label": "Hawaii (10:00 PM)",
+                                                    "value": "Pacific/Honolulu",
+                                                  },
+                                                  Object {
+                                                    "index": 100,
+                                                    "label": "Azores (8:00 AM)",
+                                                    "value": "Atlantic/Azores",
+                                                  },
+                                                  Object {
+                                                    "index": 100,
+                                                    "label": "Monrovia (8:00 AM)",
+                                                    "value": "Africa/Monrovia",
+                                                  },
+                                                  Object {
+                                                    "index": 100,
+                                                    "label": "UTC (8:00 AM)",
+                                                    "value": "Etc/UTC",
+                                                  },
+                                                  Object {
+                                                    "index": 160,
+                                                    "label": "Cape Verde Is. (7:00 AM)",
+                                                    "value": "Atlantic/Cape_Verde",
+                                                  },
+                                                  Object {
+                                                    "index": 160,
+                                                    "label": "Dublin (9:00 AM)",
+                                                    "value": "Europe/Dublin",
+                                                  },
+                                                  Object {
+                                                    "index": 160,
+                                                    "label": "Edinburgh (9:00 AM)",
+                                                    "value": "Europe/London",
+                                                  },
+                                                  Object {
+                                                    "index": 160,
+                                                    "label": "Lisbon (9:00 AM)",
+                                                    "value": "Europe/Lisbon",
+                                                  },
+                                                  Object {
+                                                    "index": 160,
+                                                    "label": "London (9:00 AM)",
+                                                    "value": "Europe/London",
+                                                  },
+                                                  Object {
+                                                    "index": 160,
+                                                    "label": "Casablanca (9:00 AM)",
+                                                    "value": "Africa/Casablanca",
+                                                  },
+                                                  Object {
+                                                    "index": 160,
+                                                    "label": "West Central Africa (9:00 AM)",
+                                                    "value": "Africa/Algiers",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Greenland (6:00 AM)",
+                                                    "value": "America/Godthab",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Mid-Atlantic (6:00 AM)",
+                                                    "value": "Atlantic/South_Georgia",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Belgrade (10:00 AM)",
+                                                    "value": "Europe/Belgrade",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Bratislava (10:00 AM)",
+                                                    "value": "Europe/Bratislava",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Budapest (10:00 AM)",
+                                                    "value": "Europe/Budapest",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Ljubljana (10:00 AM)",
+                                                    "value": "Europe/Ljubljana",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Prague (10:00 AM)",
+                                                    "value": "Europe/Prague",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Sarajevo (10:00 AM)",
+                                                    "value": "Europe/Sarajevo",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Skopje (10:00 AM)",
+                                                    "value": "Europe/Skopje",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Warsaw (10:00 AM)",
+                                                    "value": "Europe/Warsaw",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Zagreb (10:00 AM)",
+                                                    "value": "Europe/Zagreb",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Brussels (10:00 AM)",
+                                                    "value": "Europe/Brussels",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Copenhagen (10:00 AM)",
+                                                    "value": "Europe/Copenhagen",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Madrid (10:00 AM)",
+                                                    "value": "Europe/Madrid",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Paris (10:00 AM)",
+                                                    "value": "Europe/Paris",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Amsterdam (10:00 AM)",
+                                                    "value": "Europe/Amsterdam",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Berlin (10:00 AM)",
+                                                    "value": "Europe/Berlin",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Bern (10:00 AM)",
+                                                    "value": "Europe/Zurich",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Zurich (10:00 AM)",
+                                                    "value": "Europe/Zurich",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Rome (10:00 AM)",
+                                                    "value": "Europe/Rome",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Stockholm (10:00 AM)",
+                                                    "value": "Europe/Stockholm",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Vienna (10:00 AM)",
+                                                    "value": "Europe/Vienna",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Cairo (10:00 AM)",
+                                                    "value": "Africa/Cairo",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Harare (10:00 AM)",
+                                                    "value": "Africa/Harare",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Pretoria (10:00 AM)",
+                                                    "value": "Africa/Johannesburg",
+                                                  },
+                                                  Object {
+                                                    "index": 220,
+                                                    "label": "Kaliningrad (10:00 AM)",
+                                                    "value": "Europe/Kaliningrad",
+                                                  },
+                                                  Object {
+                                                    "index": 250,
+                                                    "label": "Newfoundland (5:30 AM)",
+                                                    "value": "America/St_Johns",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                    "value": "America/Halifax",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Brasilia (5:00 AM)",
+                                                    "value": "America/Sao_Paulo",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Buenos Aires (5:00 AM)",
+                                                    "value": "America/Argentina/Buenos_Aires",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Montevideo (5:00 AM)",
+                                                    "value": "America/Montevideo",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Bucharest (11:00 AM)",
+                                                    "value": "Europe/Bucharest",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Helsinki (11:00 AM)",
+                                                    "value": "Europe/Helsinki",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Kyiv (11:00 AM)",
+                                                    "value": "Europe/Kiev",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Riga (11:00 AM)",
+                                                    "value": "Europe/Riga",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Sofia (11:00 AM)",
+                                                    "value": "Europe/Sofia",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Tallinn (11:00 AM)",
+                                                    "value": "Europe/Tallinn",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Vilnius (11:00 AM)",
+                                                    "value": "Europe/Vilnius",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Athens (11:00 AM)",
+                                                    "value": "Europe/Athens",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Istanbul (11:00 AM)",
+                                                    "value": "Europe/Istanbul",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Minsk (11:00 AM)",
+                                                    "value": "Europe/Minsk",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Jerusalem (11:00 AM)",
+                                                    "value": "Asia/Jerusalem",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Moscow (11:00 AM)",
+                                                    "value": "Europe/Moscow",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "St. Petersburg (11:00 AM)",
+                                                    "value": "Europe/Moscow",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Kuwait (11:00 AM)",
+                                                    "value": "Asia/Kuwait",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Riyadh (11:00 AM)",
+                                                    "value": "Asia/Riyadh",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Nairobi (11:00 AM)",
+                                                    "value": "Africa/Nairobi",
+                                                  },
+                                                  Object {
+                                                    "index": 280,
+                                                    "label": "Baghdad (11:00 AM)",
+                                                    "value": "Asia/Baghdad",
+                                                  },
+                                                  Object {
+                                                    "index": 340,
+                                                    "label": "Caracas (4:00 AM)",
+                                                    "value": "America/Caracas",
+                                                  },
+                                                  Object {
+                                                    "index": 340,
+                                                    "label": "La Paz (4:00 AM)",
+                                                    "value": "America/La_Paz",
+                                                  },
+                                                  Object {
+                                                    "index": 340,
+                                                    "label": "Santiago (4:00 AM)",
+                                                    "value": "America/Santiago",
+                                                  },
+                                                  Object {
+                                                    "index": 340,
+                                                    "label": "Georgetown (4:00 AM)",
+                                                    "value": "America/Guyana",
+                                                  },
+                                                  Object {
+                                                    "index": 340,
+                                                    "label": "Volgograd (12:00 PM)",
+                                                    "value": "Europe/Volgograd",
+                                                  },
+                                                  Object {
+                                                    "index": 340,
+                                                    "label": "Samara (12:00 PM)",
+                                                    "value": "Europe/Samara",
+                                                  },
+                                                  Object {
+                                                    "index": 340,
+                                                    "label": "Abu Dhabi (12:00 PM)",
+                                                    "value": "Asia/Muscat",
+                                                  },
+                                                  Object {
+                                                    "index": 340,
+                                                    "label": "Muscat (12:00 PM)",
+                                                    "value": "Asia/Muscat",
+                                                  },
+                                                  Object {
+                                                    "index": 340,
+                                                    "label": "Baku (12:00 PM)",
+                                                    "value": "Asia/Baku",
+                                                  },
+                                                  Object {
+                                                    "index": 340,
+                                                    "label": "Tbilisi (12:00 PM)",
+                                                    "value": "Asia/Tbilisi",
+                                                  },
+                                                  Object {
+                                                    "index": 340,
+                                                    "label": "Yerevan (12:00 PM)",
+                                                    "value": "Asia/Yerevan",
+                                                  },
+                                                  Object {
+                                                    "index": 370,
+                                                    "label": "Tehran (12:30 PM)",
+                                                    "value": "Asia/Tehran",
+                                                  },
+                                                  Object {
+                                                    "index": 370,
+                                                    "label": "Kabul (12:30 PM)",
+                                                    "value": "Asia/Kabul",
+                                                  },
+                                                  Object {
+                                                    "index": 400,
+                                                    "label": "Guadalajara (3:00 AM)",
+                                                    "value": "America/Mexico_City",
+                                                  },
+                                                  Object {
+                                                    "index": 400,
+                                                    "label": "Mexico City (3:00 AM)",
+                                                    "value": "America/Mexico_City",
+                                                  },
+                                                  Object {
+                                                    "index": 400,
+                                                    "label": "Monterrey (3:00 AM)",
+                                                    "value": "America/Monterrey",
+                                                  },
+                                                  Object {
+                                                    "index": 400,
+                                                    "label": "Bogota (3:00 AM)",
+                                                    "value": "America/Bogota",
+                                                  },
+                                                  Object {
+                                                    "index": 400,
+                                                    "label": "Lima (3:00 AM)",
+                                                    "value": "America/Lima",
+                                                  },
+                                                  Object {
+                                                    "index": 400,
+                                                    "label": "Quito (3:00 AM)",
+                                                    "value": "America/Lima",
+                                                  },
+                                                  Object {
+                                                    "index": 400,
+                                                    "label": "Ekaterinburg (1:00 PM)",
+                                                    "value": "Asia/Yekaterinburg",
+                                                  },
+                                                  Object {
+                                                    "index": 400,
+                                                    "label": "Islamabad (1:00 PM)",
+                                                    "value": "Asia/Karachi",
+                                                  },
+                                                  Object {
+                                                    "index": 400,
+                                                    "label": "Karachi (1:00 PM)",
+                                                    "value": "Asia/Karachi",
+                                                  },
+                                                  Object {
+                                                    "index": 400,
+                                                    "label": "Tashkent (1:00 PM)",
+                                                    "value": "Asia/Tashkent",
+                                                  },
+                                                  Object {
+                                                    "index": 430,
+                                                    "label": "Chennai (1:30 PM)",
+                                                    "value": "Asia/Kolkata",
+                                                  },
+                                                  Object {
+                                                    "index": 430,
+                                                    "label": "Kolkata (1:30 PM)",
+                                                    "value": "Asia/Kolkata",
+                                                  },
+                                                  Object {
+                                                    "index": 430,
+                                                    "label": "Mumbai (1:30 PM)",
+                                                    "value": "Asia/Kolkata",
+                                                  },
+                                                  Object {
+                                                    "index": 430,
+                                                    "label": "New Delhi (1:30 PM)",
+                                                    "value": "Asia/Kolkata",
+                                                  },
+                                                  Object {
+                                                    "index": 430,
+                                                    "label": "Sri Jayawardenepura (1:30 PM)",
+                                                    "value": "Asia/Colombo",
+                                                  },
+                                                  Object {
+                                                    "index": 445,
+                                                    "label": "Kathmandu (1:45 PM)",
+                                                    "value": "Asia/Kathmandu",
+                                                  },
+                                                  Object {
+                                                    "index": 460,
+                                                    "label": "Chihuahua (2:00 AM)",
+                                                    "value": "America/Chihuahua",
+                                                  },
+                                                  Object {
+                                                    "index": 460,
+                                                    "label": "Mazatlan (2:00 AM)",
+                                                    "value": "America/Mazatlan",
+                                                  },
+                                                  Object {
+                                                    "index": 460,
+                                                    "label": "Saskatchewan (2:00 AM)",
+                                                    "value": "America/Regina",
+                                                  },
+                                                  Object {
+                                                    "index": 460,
+                                                    "label": "Central America (2:00 AM)",
+                                                    "value": "America/Guatemala",
+                                                  },
+                                                  Object {
+                                                    "index": 460,
+                                                    "label": "Astana (2:00 PM)",
+                                                    "value": "Asia/Dhaka",
+                                                  },
+                                                  Object {
+                                                    "index": 460,
+                                                    "label": "Dhaka (2:00 PM)",
+                                                    "value": "Asia/Dhaka",
+                                                  },
+                                                  Object {
+                                                    "index": 460,
+                                                    "label": "Almaty (2:00 PM)",
+                                                    "value": "Asia/Almaty",
+                                                  },
+                                                  Object {
+                                                    "index": 460,
+                                                    "label": "Urumqi (2:00 PM)",
+                                                    "value": "Asia/Urumqi",
+                                                  },
+                                                  Object {
+                                                    "index": 490,
+                                                    "label": "Rangoon (2:30 PM)",
+                                                    "value": "Asia/Rangoon",
+                                                  },
+                                                  Object {
+                                                    "index": 520,
+                                                    "label": "Tijuana (1:00 AM)",
+                                                    "value": "America/Tijuana",
+                                                  },
+                                                  Object {
+                                                    "index": 520,
+                                                    "label": "Novosibirsk (3:00 PM)",
+                                                    "value": "Asia/Novosibirsk",
+                                                  },
+                                                  Object {
+                                                    "index": 520,
+                                                    "label": "Bangkok (3:00 PM)",
+                                                    "value": "Asia/Bangkok",
+                                                  },
+                                                  Object {
+                                                    "index": 520,
+                                                    "label": "Hanoi (3:00 PM)",
+                                                    "value": "Asia/Bangkok",
+                                                  },
+                                                  Object {
+                                                    "index": 520,
+                                                    "label": "Jakarta (3:00 PM)",
+                                                    "value": "Asia/Jakarta",
+                                                  },
+                                                  Object {
+                                                    "index": 520,
+                                                    "label": "Krasnoyarsk (3:00 PM)",
+                                                    "value": "Asia/Krasnoyarsk",
+                                                  },
+                                                  Object {
+                                                    "index": 580,
+                                                    "label": "Beijing (4:00 PM)",
+                                                    "value": "Asia/Shanghai",
+                                                  },
+                                                  Object {
+                                                    "index": 580,
+                                                    "label": "Chongqing (4:00 PM)",
+                                                    "value": "Asia/Chongqing",
+                                                  },
+                                                  Object {
+                                                    "index": 580,
+                                                    "label": "Hong Kong (4:00 PM)",
+                                                    "value": "Asia/Hong_Kong",
+                                                  },
+                                                  Object {
+                                                    "index": 580,
+                                                    "label": "Kuala Lumpur (4:00 PM)",
+                                                    "value": "Asia/Kuala_Lumpur",
+                                                  },
+                                                  Object {
+                                                    "index": 580,
+                                                    "label": "Singapore (4:00 PM)",
+                                                    "value": "Asia/Singapore",
+                                                  },
+                                                  Object {
+                                                    "index": 580,
+                                                    "label": "Taipei (4:00 PM)",
+                                                    "value": "Asia/Taipei",
+                                                  },
+                                                  Object {
+                                                    "index": 580,
+                                                    "label": "Perth (4:00 PM)",
+                                                    "value": "Australia/Perth",
+                                                  },
+                                                  Object {
+                                                    "index": 580,
+                                                    "label": "Irkutsk (4:00 PM)",
+                                                    "value": "Asia/Irkutsk",
+                                                  },
+                                                  Object {
+                                                    "index": 580,
+                                                    "label": "Ulaanbaatar (4:00 PM)",
+                                                    "value": "Asia/Ulaanbaatar",
+                                                  },
+                                                  Object {
+                                                    "index": 640,
+                                                    "label": "Seoul (5:00 PM)",
+                                                    "value": "Asia/Seoul",
+                                                  },
+                                                  Object {
+                                                    "index": 640,
+                                                    "label": "Osaka (5:00 PM)",
+                                                    "value": "Asia/Tokyo",
+                                                  },
+                                                  Object {
+                                                    "index": 640,
+                                                    "label": "Sapporo (5:00 PM)",
+                                                    "value": "Asia/Tokyo",
+                                                  },
+                                                  Object {
+                                                    "index": 640,
+                                                    "label": "Tokyo (5:00 PM)",
+                                                    "value": "Asia/Tokyo",
+                                                  },
+                                                  Object {
+                                                    "index": 640,
+                                                    "label": "Yakutsk (5:00 PM)",
+                                                    "value": "Asia/Yakutsk",
+                                                  },
+                                                  Object {
+                                                    "index": 670,
+                                                    "label": "Darwin (5:30 PM)",
+                                                    "value": "Australia/Darwin",
+                                                  },
+                                                  Object {
+                                                    "index": 670,
+                                                    "label": "Adelaide (5:30 PM)",
+                                                    "value": "Australia/Adelaide",
+                                                  },
+                                                  Object {
+                                                    "index": 700,
+                                                    "label": "Canberra (6:00 PM)",
+                                                    "value": "Australia/Melbourne",
+                                                  },
+                                                  Object {
+                                                    "index": 700,
+                                                    "label": "Melbourne (6:00 PM)",
+                                                    "value": "Australia/Melbourne",
+                                                  },
+                                                  Object {
+                                                    "index": 700,
+                                                    "label": "Sydney (6:00 PM)",
+                                                    "value": "Australia/Sydney",
+                                                  },
+                                                  Object {
+                                                    "index": 700,
+                                                    "label": "Brisbane (6:00 PM)",
+                                                    "value": "Australia/Brisbane",
+                                                  },
+                                                  Object {
+                                                    "index": 700,
+                                                    "label": "Hobart (6:00 PM)",
+                                                    "value": "Australia/Hobart",
+                                                  },
+                                                  Object {
+                                                    "index": 700,
+                                                    "label": "Vladivostok (6:00 PM)",
+                                                    "value": "Asia/Vladivostok",
+                                                  },
+                                                  Object {
+                                                    "index": 700,
+                                                    "label": "Guam (6:00 PM)",
+                                                    "value": "Pacific/Guam",
+                                                  },
+                                                  Object {
+                                                    "index": 700,
+                                                    "label": "Port Moresby (6:00 PM)",
+                                                    "value": "Pacific/Port_Moresby",
+                                                  },
+                                                  Object {
+                                                    "index": 760,
+                                                    "label": "Midway Island (9:00 PM)",
+                                                    "value": "Pacific/Midway",
+                                                  },
+                                                  Object {
+                                                    "index": 760,
+                                                    "label": "American Samoa (9:00 PM)",
+                                                    "value": "Pacific/Pago_Pago",
+                                                  },
+                                                  Object {
+                                                    "index": 760,
+                                                    "label": "Magadan (7:00 PM)",
+                                                    "value": "Asia/Magadan",
+                                                  },
+                                                  Object {
+                                                    "index": 760,
+                                                    "label": "Srednekolymsk (7:00 PM)",
+                                                    "value": "Asia/Srednekolymsk",
+                                                  },
+                                                  Object {
+                                                    "index": 760,
+                                                    "label": "Solomon Is. (7:00 PM)",
+                                                    "value": "Pacific/Guadalcanal",
+                                                  },
+                                                  Object {
+                                                    "index": 760,
+                                                    "label": "New Caledonia (7:00 PM)",
+                                                    "value": "Pacific/Noumea",
+                                                  },
+                                                  Object {
+                                                    "index": 820,
+                                                    "label": "International Date Line West (8:00 PM)",
+                                                    "value": "Etc/GMT+12",
+                                                  },
+                                                  Object {
+                                                    "index": 820,
+                                                    "label": "Fiji (8:00 PM)",
+                                                    "value": "Pacific/Fiji",
+                                                  },
+                                                  Object {
+                                                    "index": 820,
+                                                    "label": "Kamchatka (8:00 PM)",
+                                                    "value": "Asia/Kamchatka",
+                                                  },
+                                                  Object {
+                                                    "index": 820,
+                                                    "label": "Marshall Is. (8:00 PM)",
+                                                    "value": "Pacific/Majuro",
+                                                  },
+                                                  Object {
+                                                    "index": 820,
+                                                    "label": "Auckland (8:00 PM)",
+                                                    "value": "Pacific/Auckland",
+                                                  },
+                                                  Object {
+                                                    "index": 820,
+                                                    "label": "Wellington (8:00 PM)",
+                                                    "value": "Pacific/Auckland",
+                                                  },
+                                                  Object {
+                                                    "index": 865,
+                                                    "label": "Chatham Is. (8:45 PM)",
+                                                    "value": "Pacific/Chatham",
+                                                  },
+                                                  Object {
+                                                    "index": 880,
+                                                    "label": "Nuku'alofa (9:00 PM)",
+                                                    "value": "Pacific/Tongatapu",
+                                                  },
+                                                  Object {
+                                                    "index": 880,
+                                                    "label": "Tokelau Is. (9:00 PM)",
+                                                    "value": "Pacific/Fakaofo",
+                                                  },
+                                                  Object {
+                                                    "index": 880,
+                                                    "label": "Samoa (9:00 PM)",
+                                                    "value": "Pacific/Apia",
+                                                  },
+                                                ]
+                                              }
+                                              selectOption={[Function]}
+                                              selectProps={
+                                                Object {
+                                                  "backspaceRemovesValue": true,
+                                                  "blurInputOnSelect": true,
+                                                  "cache": false,
+                                                  "captureMenuScroll": false,
+                                                  "classNamePrefix": "cf-select",
+                                                  "closeMenuOnScroll": false,
+                                                  "closeMenuOnSelect": true,
+                                                  "components": Object {
+                                                    "Input": [Function],
+                                                    "MenuList": [Function],
+                                                    "Option": [Function],
+                                                  },
+                                                  "controlShouldRenderValue": true,
+                                                  "defaultOptions": undefined,
+                                                  "escapeClearsValue": false,
+                                                  "filterOption": [Function],
+                                                  "formatGroupLabel": [Function],
+                                                  "getOptionLabel": [Function],
+                                                  "getOptionValue": [Function],
+                                                  "inputId": "representative-tz",
+                                                  "inputValue": "",
+                                                  "isClearable": undefined,
+                                                  "isDisabled": false,
+                                                  "isLoading": false,
+                                                  "isMulti": false,
+                                                  "isOptionDisabled": [Function],
+                                                  "isRtl": false,
+                                                  "isSearchable": true,
+                                                  "loadOptions": undefined,
+                                                  "loadingMessage": [Function],
+                                                  "maxMenuHeight": 300,
+                                                  "menuIsOpen": false,
+                                                  "menuPlacement": "bottom",
+                                                  "menuPosition": "absolute",
+                                                  "menuShouldBlockScroll": false,
+                                                  "menuShouldScrollIntoView": true,
+                                                  "minMenuHeight": 140,
+                                                  "name": "representativeTz",
+                                                  "noOptionsMessage": [Function],
+                                                  "onBlurResetsInput": false,
+                                                  "onChange": [Function],
+                                                  "onInputChange": [Function],
+                                                  "onMenuClose": [Function],
+                                                  "onMenuOpen": [Function],
+                                                  "openMenuOnClick": true,
+                                                  "openMenuOnFocus": false,
+                                                  "options": Array [
+                                                    Object {
+                                                      "label": "",
+                                                      "value": null,
+                                                    },
+                                                    Object {
+                                                      "index": -3,
+                                                      "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                      "value": "America/New_York",
+                                                    },
+                                                    Object {
+                                                      "index": -2,
+                                                      "label": "Central Time (US & Canada) (3:00 AM)",
+                                                      "value": "America/Chicago",
+                                                    },
+                                                    Object {
+                                                      "index": -1,
+                                                      "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                      "value": "America/Denver",
+                                                    },
+                                                    Object {
+                                                      "index": -0,
+                                                      "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                      "value": "America/Los_Angeles",
+                                                    },
+                                                    Object {
+                                                      "index": 2.4,
+                                                      "label": "Indiana (East) (4:00 AM)",
+                                                      "value": "America/Indiana/Indianapolis",
+                                                    },
+                                                    Object {
+                                                      "index": 2.4,
+                                                      "label": "Puerto Rico (4:00 AM)",
+                                                      "value": "America/Puerto_Rico",
+                                                    },
+                                                    Object {
+                                                      "index": 4.2,
+                                                      "label": "Arizona (1:00 AM)",
+                                                      "value": "America/Phoenix",
+                                                    },
+                                                    Object {
+                                                      "index": 4.8,
+                                                      "label": "Alaska (12:00 AM)",
+                                                      "value": "America/Juneau",
+                                                    },
+                                                    Object {
+                                                      "index": 4.8,
+                                                      "label": "Philippine Standard Time (4:00 PM)",
+                                                      "value": "Asia/Manila",
+                                                    },
+                                                    Object {
+                                                      "index": 6,
+                                                      "label": "Hawaii (10:00 PM)",
+                                                      "value": "Pacific/Honolulu",
+                                                    },
+                                                    Object {
+                                                      "index": 100,
+                                                      "label": "Azores (8:00 AM)",
+                                                      "value": "Atlantic/Azores",
+                                                    },
+                                                    Object {
+                                                      "index": 100,
+                                                      "label": "Monrovia (8:00 AM)",
+                                                      "value": "Africa/Monrovia",
+                                                    },
+                                                    Object {
+                                                      "index": 100,
+                                                      "label": "UTC (8:00 AM)",
+                                                      "value": "Etc/UTC",
+                                                    },
+                                                    Object {
+                                                      "index": 160,
+                                                      "label": "Cape Verde Is. (7:00 AM)",
+                                                      "value": "Atlantic/Cape_Verde",
+                                                    },
+                                                    Object {
+                                                      "index": 160,
+                                                      "label": "Dublin (9:00 AM)",
+                                                      "value": "Europe/Dublin",
+                                                    },
+                                                    Object {
+                                                      "index": 160,
+                                                      "label": "Edinburgh (9:00 AM)",
+                                                      "value": "Europe/London",
+                                                    },
+                                                    Object {
+                                                      "index": 160,
+                                                      "label": "Lisbon (9:00 AM)",
+                                                      "value": "Europe/Lisbon",
+                                                    },
+                                                    Object {
+                                                      "index": 160,
+                                                      "label": "London (9:00 AM)",
+                                                      "value": "Europe/London",
+                                                    },
+                                                    Object {
+                                                      "index": 160,
+                                                      "label": "Casablanca (9:00 AM)",
+                                                      "value": "Africa/Casablanca",
+                                                    },
+                                                    Object {
+                                                      "index": 160,
+                                                      "label": "West Central Africa (9:00 AM)",
+                                                      "value": "Africa/Algiers",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Greenland (6:00 AM)",
+                                                      "value": "America/Godthab",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Mid-Atlantic (6:00 AM)",
+                                                      "value": "Atlantic/South_Georgia",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Belgrade (10:00 AM)",
+                                                      "value": "Europe/Belgrade",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Bratislava (10:00 AM)",
+                                                      "value": "Europe/Bratislava",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Budapest (10:00 AM)",
+                                                      "value": "Europe/Budapest",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Ljubljana (10:00 AM)",
+                                                      "value": "Europe/Ljubljana",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Prague (10:00 AM)",
+                                                      "value": "Europe/Prague",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Sarajevo (10:00 AM)",
+                                                      "value": "Europe/Sarajevo",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Skopje (10:00 AM)",
+                                                      "value": "Europe/Skopje",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Warsaw (10:00 AM)",
+                                                      "value": "Europe/Warsaw",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Zagreb (10:00 AM)",
+                                                      "value": "Europe/Zagreb",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Brussels (10:00 AM)",
+                                                      "value": "Europe/Brussels",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Copenhagen (10:00 AM)",
+                                                      "value": "Europe/Copenhagen",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Madrid (10:00 AM)",
+                                                      "value": "Europe/Madrid",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Paris (10:00 AM)",
+                                                      "value": "Europe/Paris",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Amsterdam (10:00 AM)",
+                                                      "value": "Europe/Amsterdam",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Berlin (10:00 AM)",
+                                                      "value": "Europe/Berlin",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Bern (10:00 AM)",
+                                                      "value": "Europe/Zurich",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Zurich (10:00 AM)",
+                                                      "value": "Europe/Zurich",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Rome (10:00 AM)",
+                                                      "value": "Europe/Rome",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Stockholm (10:00 AM)",
+                                                      "value": "Europe/Stockholm",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Vienna (10:00 AM)",
+                                                      "value": "Europe/Vienna",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Cairo (10:00 AM)",
+                                                      "value": "Africa/Cairo",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Harare (10:00 AM)",
+                                                      "value": "Africa/Harare",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Pretoria (10:00 AM)",
+                                                      "value": "Africa/Johannesburg",
+                                                    },
+                                                    Object {
+                                                      "index": 220,
+                                                      "label": "Kaliningrad (10:00 AM)",
+                                                      "value": "Europe/Kaliningrad",
+                                                    },
+                                                    Object {
+                                                      "index": 250,
+                                                      "label": "Newfoundland (5:30 AM)",
+                                                      "value": "America/St_Johns",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                      "value": "America/Halifax",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Brasilia (5:00 AM)",
+                                                      "value": "America/Sao_Paulo",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Buenos Aires (5:00 AM)",
+                                                      "value": "America/Argentina/Buenos_Aires",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Montevideo (5:00 AM)",
+                                                      "value": "America/Montevideo",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Bucharest (11:00 AM)",
+                                                      "value": "Europe/Bucharest",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Helsinki (11:00 AM)",
+                                                      "value": "Europe/Helsinki",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Kyiv (11:00 AM)",
+                                                      "value": "Europe/Kiev",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Riga (11:00 AM)",
+                                                      "value": "Europe/Riga",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Sofia (11:00 AM)",
+                                                      "value": "Europe/Sofia",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Tallinn (11:00 AM)",
+                                                      "value": "Europe/Tallinn",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Vilnius (11:00 AM)",
+                                                      "value": "Europe/Vilnius",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Athens (11:00 AM)",
+                                                      "value": "Europe/Athens",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Istanbul (11:00 AM)",
+                                                      "value": "Europe/Istanbul",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Minsk (11:00 AM)",
+                                                      "value": "Europe/Minsk",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Jerusalem (11:00 AM)",
+                                                      "value": "Asia/Jerusalem",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Moscow (11:00 AM)",
+                                                      "value": "Europe/Moscow",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "St. Petersburg (11:00 AM)",
+                                                      "value": "Europe/Moscow",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Kuwait (11:00 AM)",
+                                                      "value": "Asia/Kuwait",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Riyadh (11:00 AM)",
+                                                      "value": "Asia/Riyadh",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Nairobi (11:00 AM)",
+                                                      "value": "Africa/Nairobi",
+                                                    },
+                                                    Object {
+                                                      "index": 280,
+                                                      "label": "Baghdad (11:00 AM)",
+                                                      "value": "Asia/Baghdad",
+                                                    },
+                                                    Object {
+                                                      "index": 340,
+                                                      "label": "Caracas (4:00 AM)",
+                                                      "value": "America/Caracas",
+                                                    },
+                                                    Object {
+                                                      "index": 340,
+                                                      "label": "La Paz (4:00 AM)",
+                                                      "value": "America/La_Paz",
+                                                    },
+                                                    Object {
+                                                      "index": 340,
+                                                      "label": "Santiago (4:00 AM)",
+                                                      "value": "America/Santiago",
+                                                    },
+                                                    Object {
+                                                      "index": 340,
+                                                      "label": "Georgetown (4:00 AM)",
+                                                      "value": "America/Guyana",
+                                                    },
+                                                    Object {
+                                                      "index": 340,
+                                                      "label": "Volgograd (12:00 PM)",
+                                                      "value": "Europe/Volgograd",
+                                                    },
+                                                    Object {
+                                                      "index": 340,
+                                                      "label": "Samara (12:00 PM)",
+                                                      "value": "Europe/Samara",
+                                                    },
+                                                    Object {
+                                                      "index": 340,
+                                                      "label": "Abu Dhabi (12:00 PM)",
+                                                      "value": "Asia/Muscat",
+                                                    },
+                                                    Object {
+                                                      "index": 340,
+                                                      "label": "Muscat (12:00 PM)",
+                                                      "value": "Asia/Muscat",
+                                                    },
+                                                    Object {
+                                                      "index": 340,
+                                                      "label": "Baku (12:00 PM)",
+                                                      "value": "Asia/Baku",
+                                                    },
+                                                    Object {
+                                                      "index": 340,
+                                                      "label": "Tbilisi (12:00 PM)",
+                                                      "value": "Asia/Tbilisi",
+                                                    },
+                                                    Object {
+                                                      "index": 340,
+                                                      "label": "Yerevan (12:00 PM)",
+                                                      "value": "Asia/Yerevan",
+                                                    },
+                                                    Object {
+                                                      "index": 370,
+                                                      "label": "Tehran (12:30 PM)",
+                                                      "value": "Asia/Tehran",
+                                                    },
+                                                    Object {
+                                                      "index": 370,
+                                                      "label": "Kabul (12:30 PM)",
+                                                      "value": "Asia/Kabul",
+                                                    },
+                                                    Object {
+                                                      "index": 400,
+                                                      "label": "Guadalajara (3:00 AM)",
+                                                      "value": "America/Mexico_City",
+                                                    },
+                                                    Object {
+                                                      "index": 400,
+                                                      "label": "Mexico City (3:00 AM)",
+                                                      "value": "America/Mexico_City",
+                                                    },
+                                                    Object {
+                                                      "index": 400,
+                                                      "label": "Monterrey (3:00 AM)",
+                                                      "value": "America/Monterrey",
+                                                    },
+                                                    Object {
+                                                      "index": 400,
+                                                      "label": "Bogota (3:00 AM)",
+                                                      "value": "America/Bogota",
+                                                    },
+                                                    Object {
+                                                      "index": 400,
+                                                      "label": "Lima (3:00 AM)",
+                                                      "value": "America/Lima",
+                                                    },
+                                                    Object {
+                                                      "index": 400,
+                                                      "label": "Quito (3:00 AM)",
+                                                      "value": "America/Lima",
+                                                    },
+                                                    Object {
+                                                      "index": 400,
+                                                      "label": "Ekaterinburg (1:00 PM)",
+                                                      "value": "Asia/Yekaterinburg",
+                                                    },
+                                                    Object {
+                                                      "index": 400,
+                                                      "label": "Islamabad (1:00 PM)",
+                                                      "value": "Asia/Karachi",
+                                                    },
+                                                    Object {
+                                                      "index": 400,
+                                                      "label": "Karachi (1:00 PM)",
+                                                      "value": "Asia/Karachi",
+                                                    },
+                                                    Object {
+                                                      "index": 400,
+                                                      "label": "Tashkent (1:00 PM)",
+                                                      "value": "Asia/Tashkent",
+                                                    },
+                                                    Object {
+                                                      "index": 430,
+                                                      "label": "Chennai (1:30 PM)",
+                                                      "value": "Asia/Kolkata",
+                                                    },
+                                                    Object {
+                                                      "index": 430,
+                                                      "label": "Kolkata (1:30 PM)",
+                                                      "value": "Asia/Kolkata",
+                                                    },
+                                                    Object {
+                                                      "index": 430,
+                                                      "label": "Mumbai (1:30 PM)",
+                                                      "value": "Asia/Kolkata",
+                                                    },
+                                                    Object {
+                                                      "index": 430,
+                                                      "label": "New Delhi (1:30 PM)",
+                                                      "value": "Asia/Kolkata",
+                                                    },
+                                                    Object {
+                                                      "index": 430,
+                                                      "label": "Sri Jayawardenepura (1:30 PM)",
+                                                      "value": "Asia/Colombo",
+                                                    },
+                                                    Object {
+                                                      "index": 445,
+                                                      "label": "Kathmandu (1:45 PM)",
+                                                      "value": "Asia/Kathmandu",
+                                                    },
+                                                    Object {
+                                                      "index": 460,
+                                                      "label": "Chihuahua (2:00 AM)",
+                                                      "value": "America/Chihuahua",
+                                                    },
+                                                    Object {
+                                                      "index": 460,
+                                                      "label": "Mazatlan (2:00 AM)",
+                                                      "value": "America/Mazatlan",
+                                                    },
+                                                    Object {
+                                                      "index": 460,
+                                                      "label": "Saskatchewan (2:00 AM)",
+                                                      "value": "America/Regina",
+                                                    },
+                                                    Object {
+                                                      "index": 460,
+                                                      "label": "Central America (2:00 AM)",
+                                                      "value": "America/Guatemala",
+                                                    },
+                                                    Object {
+                                                      "index": 460,
+                                                      "label": "Astana (2:00 PM)",
+                                                      "value": "Asia/Dhaka",
+                                                    },
+                                                    Object {
+                                                      "index": 460,
+                                                      "label": "Dhaka (2:00 PM)",
+                                                      "value": "Asia/Dhaka",
+                                                    },
+                                                    Object {
+                                                      "index": 460,
+                                                      "label": "Almaty (2:00 PM)",
+                                                      "value": "Asia/Almaty",
+                                                    },
+                                                    Object {
+                                                      "index": 460,
+                                                      "label": "Urumqi (2:00 PM)",
+                                                      "value": "Asia/Urumqi",
+                                                    },
+                                                    Object {
+                                                      "index": 490,
+                                                      "label": "Rangoon (2:30 PM)",
+                                                      "value": "Asia/Rangoon",
+                                                    },
+                                                    Object {
+                                                      "index": 520,
+                                                      "label": "Tijuana (1:00 AM)",
+                                                      "value": "America/Tijuana",
+                                                    },
+                                                    Object {
+                                                      "index": 520,
+                                                      "label": "Novosibirsk (3:00 PM)",
+                                                      "value": "Asia/Novosibirsk",
+                                                    },
+                                                    Object {
+                                                      "index": 520,
+                                                      "label": "Bangkok (3:00 PM)",
+                                                      "value": "Asia/Bangkok",
+                                                    },
+                                                    Object {
+                                                      "index": 520,
+                                                      "label": "Hanoi (3:00 PM)",
+                                                      "value": "Asia/Bangkok",
+                                                    },
+                                                    Object {
+                                                      "index": 520,
+                                                      "label": "Jakarta (3:00 PM)",
+                                                      "value": "Asia/Jakarta",
+                                                    },
+                                                    Object {
+                                                      "index": 520,
+                                                      "label": "Krasnoyarsk (3:00 PM)",
+                                                      "value": "Asia/Krasnoyarsk",
+                                                    },
+                                                    Object {
+                                                      "index": 580,
+                                                      "label": "Beijing (4:00 PM)",
+                                                      "value": "Asia/Shanghai",
+                                                    },
+                                                    Object {
+                                                      "index": 580,
+                                                      "label": "Chongqing (4:00 PM)",
+                                                      "value": "Asia/Chongqing",
+                                                    },
+                                                    Object {
+                                                      "index": 580,
+                                                      "label": "Hong Kong (4:00 PM)",
+                                                      "value": "Asia/Hong_Kong",
+                                                    },
+                                                    Object {
+                                                      "index": 580,
+                                                      "label": "Kuala Lumpur (4:00 PM)",
+                                                      "value": "Asia/Kuala_Lumpur",
+                                                    },
+                                                    Object {
+                                                      "index": 580,
+                                                      "label": "Singapore (4:00 PM)",
+                                                      "value": "Asia/Singapore",
+                                                    },
+                                                    Object {
+                                                      "index": 580,
+                                                      "label": "Taipei (4:00 PM)",
+                                                      "value": "Asia/Taipei",
+                                                    },
+                                                    Object {
+                                                      "index": 580,
+                                                      "label": "Perth (4:00 PM)",
+                                                      "value": "Australia/Perth",
+                                                    },
+                                                    Object {
+                                                      "index": 580,
+                                                      "label": "Irkutsk (4:00 PM)",
+                                                      "value": "Asia/Irkutsk",
+                                                    },
+                                                    Object {
+                                                      "index": 580,
+                                                      "label": "Ulaanbaatar (4:00 PM)",
+                                                      "value": "Asia/Ulaanbaatar",
+                                                    },
+                                                    Object {
+                                                      "index": 640,
+                                                      "label": "Seoul (5:00 PM)",
+                                                      "value": "Asia/Seoul",
+                                                    },
+                                                    Object {
+                                                      "index": 640,
+                                                      "label": "Osaka (5:00 PM)",
+                                                      "value": "Asia/Tokyo",
+                                                    },
+                                                    Object {
+                                                      "index": 640,
+                                                      "label": "Sapporo (5:00 PM)",
+                                                      "value": "Asia/Tokyo",
+                                                    },
+                                                    Object {
+                                                      "index": 640,
+                                                      "label": "Tokyo (5:00 PM)",
+                                                      "value": "Asia/Tokyo",
+                                                    },
+                                                    Object {
+                                                      "index": 640,
+                                                      "label": "Yakutsk (5:00 PM)",
+                                                      "value": "Asia/Yakutsk",
+                                                    },
+                                                    Object {
+                                                      "index": 670,
+                                                      "label": "Darwin (5:30 PM)",
+                                                      "value": "Australia/Darwin",
+                                                    },
+                                                    Object {
+                                                      "index": 670,
+                                                      "label": "Adelaide (5:30 PM)",
+                                                      "value": "Australia/Adelaide",
+                                                    },
+                                                    Object {
+                                                      "index": 700,
+                                                      "label": "Canberra (6:00 PM)",
+                                                      "value": "Australia/Melbourne",
+                                                    },
+                                                    Object {
+                                                      "index": 700,
+                                                      "label": "Melbourne (6:00 PM)",
+                                                      "value": "Australia/Melbourne",
+                                                    },
+                                                    Object {
+                                                      "index": 700,
+                                                      "label": "Sydney (6:00 PM)",
+                                                      "value": "Australia/Sydney",
+                                                    },
+                                                    Object {
+                                                      "index": 700,
+                                                      "label": "Brisbane (6:00 PM)",
+                                                      "value": "Australia/Brisbane",
+                                                    },
+                                                    Object {
+                                                      "index": 700,
+                                                      "label": "Hobart (6:00 PM)",
+                                                      "value": "Australia/Hobart",
+                                                    },
+                                                    Object {
+                                                      "index": 700,
+                                                      "label": "Vladivostok (6:00 PM)",
+                                                      "value": "Asia/Vladivostok",
+                                                    },
+                                                    Object {
+                                                      "index": 700,
+                                                      "label": "Guam (6:00 PM)",
+                                                      "value": "Pacific/Guam",
+                                                    },
+                                                    Object {
+                                                      "index": 700,
+                                                      "label": "Port Moresby (6:00 PM)",
+                                                      "value": "Pacific/Port_Moresby",
+                                                    },
+                                                    Object {
+                                                      "index": 760,
+                                                      "label": "Midway Island (9:00 PM)",
+                                                      "value": "Pacific/Midway",
+                                                    },
+                                                    Object {
+                                                      "index": 760,
+                                                      "label": "American Samoa (9:00 PM)",
+                                                      "value": "Pacific/Pago_Pago",
+                                                    },
+                                                    Object {
+                                                      "index": 760,
+                                                      "label": "Magadan (7:00 PM)",
+                                                      "value": "Asia/Magadan",
+                                                    },
+                                                    Object {
+                                                      "index": 760,
+                                                      "label": "Srednekolymsk (7:00 PM)",
+                                                      "value": "Asia/Srednekolymsk",
+                                                    },
+                                                    Object {
+                                                      "index": 760,
+                                                      "label": "Solomon Is. (7:00 PM)",
+                                                      "value": "Pacific/Guadalcanal",
+                                                    },
+                                                    Object {
+                                                      "index": 760,
+                                                      "label": "New Caledonia (7:00 PM)",
+                                                      "value": "Pacific/Noumea",
+                                                    },
+                                                    Object {
+                                                      "index": 820,
+                                                      "label": "International Date Line West (8:00 PM)",
+                                                      "value": "Etc/GMT+12",
+                                                    },
+                                                    Object {
+                                                      "index": 820,
+                                                      "label": "Fiji (8:00 PM)",
+                                                      "value": "Pacific/Fiji",
+                                                    },
+                                                    Object {
+                                                      "index": 820,
+                                                      "label": "Kamchatka (8:00 PM)",
+                                                      "value": "Asia/Kamchatka",
+                                                    },
+                                                    Object {
+                                                      "index": 820,
+                                                      "label": "Marshall Is. (8:00 PM)",
+                                                      "value": "Pacific/Majuro",
+                                                    },
+                                                    Object {
+                                                      "index": 820,
+                                                      "label": "Auckland (8:00 PM)",
+                                                      "value": "Pacific/Auckland",
+                                                    },
+                                                    Object {
+                                                      "index": 820,
+                                                      "label": "Wellington (8:00 PM)",
+                                                      "value": "Pacific/Auckland",
+                                                    },
+                                                    Object {
+                                                      "index": 865,
+                                                      "label": "Chatham Is. (8:45 PM)",
+                                                      "value": "Pacific/Chatham",
+                                                    },
+                                                    Object {
+                                                      "index": 880,
+                                                      "label": "Nuku'alofa (9:00 PM)",
+                                                      "value": "Pacific/Tongatapu",
+                                                    },
+                                                    Object {
+                                                      "index": 880,
+                                                      "label": "Tokelau Is. (9:00 PM)",
+                                                      "value": "Pacific/Fakaofo",
+                                                    },
+                                                    Object {
+                                                      "index": 880,
+                                                      "label": "Samoa (9:00 PM)",
+                                                      "value": "Pacific/Apia",
+                                                    },
+                                                  ],
+                                                  "pageSize": 5,
+                                                  "placeholder": "Select a timezone",
+                                                  "screenReaderStatus": [Function],
+                                                  "searchable": undefined,
+                                                  "shouldKeyDownEventCreateNewOption": [Function],
+                                                  "styles": Object {
+                                                    "input": [Function],
                                                   },
-                                                ],
-                                                "pageSize": 5,
-                                                "placeholder": "Select...",
-                                                "screenReaderStatus": [Function],
-                                                "searchable": undefined,
-                                                "shouldKeyDownEventCreateNewOption": [Function],
-                                                "styles": Object {
-                                                  "input": [Function],
-                                                },
-                                                "tabIndex": "0",
-                                                "tabSelectsValue": true,
-                                                "value": null,
-                                              }
-                                            }
-                                            setValue={[Function]}
-                                            theme={
-                                              Object {
-                                                "borderRadius": 4,
-                                                "colors": Object {
-                                                  "danger": "#DE350B",
-                                                  "dangerLight": "#FFBDAD",
-                                                  "neutral0": "hsl(0, 0%, 100%)",
-                                                  "neutral10": "hsl(0, 0%, 90%)",
-                                                  "neutral20": "hsl(0, 0%, 80%)",
-                                                  "neutral30": "hsl(0, 0%, 70%)",
-                                                  "neutral40": "hsl(0, 0%, 60%)",
-                                                  "neutral5": "hsl(0, 0%, 95%)",
-                                                  "neutral50": "hsl(0, 0%, 50%)",
-                                                  "neutral60": "hsl(0, 0%, 40%)",
-                                                  "neutral70": "hsl(0, 0%, 30%)",
-                                                  "neutral80": "hsl(0, 0%, 20%)",
-                                                  "neutral90": "hsl(0, 0%, 10%)",
-                                                  "primary": "#2684FF",
-                                                  "primary25": "#DEEBFF",
-                                                  "primary50": "#B2D4FF",
-                                                  "primary75": "#4C9AFF",
-                                                },
-                                                "spacing": Object {
-                                                  "baseUnit": 4,
-                                                  "controlHeight": 38,
-                                                  "menuGutter": 8,
-                                                },
+                                                  "tabIndex": "0",
+                                                  "tabSelectsValue": true,
+                                                  "value": null,
+                                                }
                                               }
-                                            }
-                                          >
-                                            <EmotionCssPropInternal
-                                              __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Control"
-                                              __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                              className="cf-select__control"
-                                              css={
+                                              setValue={[Function]}
+                                              theme={
                                                 Object {
-                                                  "&:hover": Object {
-                                                    "borderColor": "hsl(0, 0%, 70%)",
-                                                  },
-                                                  "alignItems": "center",
-                                                  "backgroundColor": "hsl(0, 0%, 100%)",
-                                                  "borderColor": "hsl(0, 0%, 80%)",
                                                   "borderRadius": 4,
-                                                  "borderStyle": "solid",
-                                                  "borderWidth": 1,
-                                                  "boxShadow": null,
-                                                  "boxSizing": "border-box",
-                                                  "cursor": "default",
-                                                  "display": "flex",
-                                                  "flexWrap": "wrap",
-                                                  "justifyContent": "space-between",
-                                                  "label": "control",
-                                                  "minHeight": 38,
-                                                  "outline": "0 !important",
-                                                  "position": "relative",
-                                                  "transition": "all 100ms",
+                                                  "colors": Object {
+                                                    "danger": "#DE350B",
+                                                    "dangerLight": "#FFBDAD",
+                                                    "neutral0": "hsl(0, 0%, 100%)",
+                                                    "neutral10": "hsl(0, 0%, 90%)",
+                                                    "neutral20": "hsl(0, 0%, 80%)",
+                                                    "neutral30": "hsl(0, 0%, 70%)",
+                                                    "neutral40": "hsl(0, 0%, 60%)",
+                                                    "neutral5": "hsl(0, 0%, 95%)",
+                                                    "neutral50": "hsl(0, 0%, 50%)",
+                                                    "neutral60": "hsl(0, 0%, 40%)",
+                                                    "neutral70": "hsl(0, 0%, 30%)",
+                                                    "neutral80": "hsl(0, 0%, 20%)",
+                                                    "neutral90": "hsl(0, 0%, 10%)",
+                                                    "primary": "#2684FF",
+                                                    "primary25": "#DEEBFF",
+                                                    "primary50": "#B2D4FF",
+                                                    "primary75": "#4C9AFF",
+                                                  },
+                                                  "spacing": Object {
+                                                    "baseUnit": 4,
+                                                    "controlHeight": 38,
+                                                    "menuGutter": 8,
+                                                  },
                                                 }
                                               }
-                                              onMouseDown={[Function]}
-                                              onTouchEnd={[Function]}
                                             >
-                                              <div
-                                                className="cf-select__control css-yk16xz-control"
+                                              <EmotionCssPropInternal
+                                                __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Control"
+                                                __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                className="cf-select__control"
+                                                css={
+                                                  Object {
+                                                    "&:hover": Object {
+                                                      "borderColor": "hsl(0, 0%, 70%)",
+                                                    },
+                                                    "alignItems": "center",
+                                                    "backgroundColor": "hsl(0, 0%, 100%)",
+                                                    "borderColor": "hsl(0, 0%, 80%)",
+                                                    "borderRadius": 4,
+                                                    "borderStyle": "solid",
+                                                    "borderWidth": 1,
+                                                    "boxShadow": null,
+                                                    "boxSizing": "border-box",
+                                                    "cursor": "default",
+                                                    "display": "flex",
+                                                    "flexWrap": "wrap",
+                                                    "justifyContent": "space-between",
+                                                    "label": "control",
+                                                    "minHeight": 38,
+                                                    "outline": "0 !important",
+                                                    "position": "relative",
+                                                    "transition": "all 100ms",
+                                                  }
+                                                }
                                                 onMouseDown={[Function]}
                                                 onTouchEnd={[Function]}
                                               >
-                                                <ValueContainer
-                                                  clearValue={[Function]}
-                                                  cx={[Function]}
-                                                  getStyles={[Function]}
-                                                  getValue={[Function]}
-                                                  hasValue={false}
-                                                  isDisabled={false}
-                                                  isMulti={false}
-                                                  isRtl={false}
-                                                  options={
-                                                    Array [
+                                                <div
+                                                  className="cf-select__control css-yk16xz-control"
+                                                  onMouseDown={[Function]}
+                                                  onTouchEnd={[Function]}
+                                                >
+                                                  <ValueContainer
+                                                    clearValue={[Function]}
+                                                    cx={[Function]}
+                                                    getStyles={[Function]}
+                                                    getValue={[Function]}
+                                                    hasValue={false}
+                                                    isDisabled={false}
+                                                    isMulti={false}
+                                                    isRtl={false}
+                                                    options={
+                                                      Array [
+                                                        Object {
+                                                          "label": "",
+                                                          "value": null,
+                                                        },
+                                                        Object {
+                                                          "index": -3,
+                                                          "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                          "value": "America/New_York",
+                                                        },
+                                                        Object {
+                                                          "index": -2,
+                                                          "label": "Central Time (US & Canada) (3:00 AM)",
+                                                          "value": "America/Chicago",
+                                                        },
+                                                        Object {
+                                                          "index": -1,
+                                                          "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                          "value": "America/Denver",
+                                                        },
+                                                        Object {
+                                                          "index": -0,
+                                                          "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                          "value": "America/Los_Angeles",
+                                                        },
+                                                        Object {
+                                                          "index": 2.4,
+                                                          "label": "Indiana (East) (4:00 AM)",
+                                                          "value": "America/Indiana/Indianapolis",
+                                                        },
+                                                        Object {
+                                                          "index": 2.4,
+                                                          "label": "Puerto Rico (4:00 AM)",
+                                                          "value": "America/Puerto_Rico",
+                                                        },
+                                                        Object {
+                                                          "index": 4.2,
+                                                          "label": "Arizona (1:00 AM)",
+                                                          "value": "America/Phoenix",
+                                                        },
+                                                        Object {
+                                                          "index": 4.8,
+                                                          "label": "Alaska (12:00 AM)",
+                                                          "value": "America/Juneau",
+                                                        },
+                                                        Object {
+                                                          "index": 4.8,
+                                                          "label": "Philippine Standard Time (4:00 PM)",
+                                                          "value": "Asia/Manila",
+                                                        },
+                                                        Object {
+                                                          "index": 6,
+                                                          "label": "Hawaii (10:00 PM)",
+                                                          "value": "Pacific/Honolulu",
+                                                        },
+                                                        Object {
+                                                          "index": 100,
+                                                          "label": "Azores (8:00 AM)",
+                                                          "value": "Atlantic/Azores",
+                                                        },
+                                                        Object {
+                                                          "index": 100,
+                                                          "label": "Monrovia (8:00 AM)",
+                                                          "value": "Africa/Monrovia",
+                                                        },
+                                                        Object {
+                                                          "index": 100,
+                                                          "label": "UTC (8:00 AM)",
+                                                          "value": "Etc/UTC",
+                                                        },
+                                                        Object {
+                                                          "index": 160,
+                                                          "label": "Cape Verde Is. (7:00 AM)",
+                                                          "value": "Atlantic/Cape_Verde",
+                                                        },
+                                                        Object {
+                                                          "index": 160,
+                                                          "label": "Dublin (9:00 AM)",
+                                                          "value": "Europe/Dublin",
+                                                        },
+                                                        Object {
+                                                          "index": 160,
+                                                          "label": "Edinburgh (9:00 AM)",
+                                                          "value": "Europe/London",
+                                                        },
+                                                        Object {
+                                                          "index": 160,
+                                                          "label": "Lisbon (9:00 AM)",
+                                                          "value": "Europe/Lisbon",
+                                                        },
+                                                        Object {
+                                                          "index": 160,
+                                                          "label": "London (9:00 AM)",
+                                                          "value": "Europe/London",
+                                                        },
+                                                        Object {
+                                                          "index": 160,
+                                                          "label": "Casablanca (9:00 AM)",
+                                                          "value": "Africa/Casablanca",
+                                                        },
+                                                        Object {
+                                                          "index": 160,
+                                                          "label": "West Central Africa (9:00 AM)",
+                                                          "value": "Africa/Algiers",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Greenland (6:00 AM)",
+                                                          "value": "America/Godthab",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Mid-Atlantic (6:00 AM)",
+                                                          "value": "Atlantic/South_Georgia",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Belgrade (10:00 AM)",
+                                                          "value": "Europe/Belgrade",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Bratislava (10:00 AM)",
+                                                          "value": "Europe/Bratislava",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Budapest (10:00 AM)",
+                                                          "value": "Europe/Budapest",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Ljubljana (10:00 AM)",
+                                                          "value": "Europe/Ljubljana",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Prague (10:00 AM)",
+                                                          "value": "Europe/Prague",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Sarajevo (10:00 AM)",
+                                                          "value": "Europe/Sarajevo",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Skopje (10:00 AM)",
+                                                          "value": "Europe/Skopje",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Warsaw (10:00 AM)",
+                                                          "value": "Europe/Warsaw",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Zagreb (10:00 AM)",
+                                                          "value": "Europe/Zagreb",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Brussels (10:00 AM)",
+                                                          "value": "Europe/Brussels",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Copenhagen (10:00 AM)",
+                                                          "value": "Europe/Copenhagen",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Madrid (10:00 AM)",
+                                                          "value": "Europe/Madrid",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Paris (10:00 AM)",
+                                                          "value": "Europe/Paris",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Amsterdam (10:00 AM)",
+                                                          "value": "Europe/Amsterdam",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Berlin (10:00 AM)",
+                                                          "value": "Europe/Berlin",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Bern (10:00 AM)",
+                                                          "value": "Europe/Zurich",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Zurich (10:00 AM)",
+                                                          "value": "Europe/Zurich",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Rome (10:00 AM)",
+                                                          "value": "Europe/Rome",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Stockholm (10:00 AM)",
+                                                          "value": "Europe/Stockholm",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Vienna (10:00 AM)",
+                                                          "value": "Europe/Vienna",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Cairo (10:00 AM)",
+                                                          "value": "Africa/Cairo",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Harare (10:00 AM)",
+                                                          "value": "Africa/Harare",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Pretoria (10:00 AM)",
+                                                          "value": "Africa/Johannesburg",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Kaliningrad (10:00 AM)",
+                                                          "value": "Europe/Kaliningrad",
+                                                        },
+                                                        Object {
+                                                          "index": 250,
+                                                          "label": "Newfoundland (5:30 AM)",
+                                                          "value": "America/St_Johns",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                          "value": "America/Halifax",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Brasilia (5:00 AM)",
+                                                          "value": "America/Sao_Paulo",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Buenos Aires (5:00 AM)",
+                                                          "value": "America/Argentina/Buenos_Aires",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Montevideo (5:00 AM)",
+                                                          "value": "America/Montevideo",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Bucharest (11:00 AM)",
+                                                          "value": "Europe/Bucharest",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Helsinki (11:00 AM)",
+                                                          "value": "Europe/Helsinki",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Kyiv (11:00 AM)",
+                                                          "value": "Europe/Kiev",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Riga (11:00 AM)",
+                                                          "value": "Europe/Riga",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Sofia (11:00 AM)",
+                                                          "value": "Europe/Sofia",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Tallinn (11:00 AM)",
+                                                          "value": "Europe/Tallinn",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Vilnius (11:00 AM)",
+                                                          "value": "Europe/Vilnius",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Athens (11:00 AM)",
+                                                          "value": "Europe/Athens",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Istanbul (11:00 AM)",
+                                                          "value": "Europe/Istanbul",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Minsk (11:00 AM)",
+                                                          "value": "Europe/Minsk",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Jerusalem (11:00 AM)",
+                                                          "value": "Asia/Jerusalem",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Moscow (11:00 AM)",
+                                                          "value": "Europe/Moscow",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "St. Petersburg (11:00 AM)",
+                                                          "value": "Europe/Moscow",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Kuwait (11:00 AM)",
+                                                          "value": "Asia/Kuwait",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Riyadh (11:00 AM)",
+                                                          "value": "Asia/Riyadh",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Nairobi (11:00 AM)",
+                                                          "value": "Africa/Nairobi",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Baghdad (11:00 AM)",
+                                                          "value": "Asia/Baghdad",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Caracas (4:00 AM)",
+                                                          "value": "America/Caracas",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "La Paz (4:00 AM)",
+                                                          "value": "America/La_Paz",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Santiago (4:00 AM)",
+                                                          "value": "America/Santiago",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Georgetown (4:00 AM)",
+                                                          "value": "America/Guyana",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Volgograd (12:00 PM)",
+                                                          "value": "Europe/Volgograd",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Samara (12:00 PM)",
+                                                          "value": "Europe/Samara",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Abu Dhabi (12:00 PM)",
+                                                          "value": "Asia/Muscat",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Muscat (12:00 PM)",
+                                                          "value": "Asia/Muscat",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Baku (12:00 PM)",
+                                                          "value": "Asia/Baku",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Tbilisi (12:00 PM)",
+                                                          "value": "Asia/Tbilisi",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Yerevan (12:00 PM)",
+                                                          "value": "Asia/Yerevan",
+                                                        },
+                                                        Object {
+                                                          "index": 370,
+                                                          "label": "Tehran (12:30 PM)",
+                                                          "value": "Asia/Tehran",
+                                                        },
+                                                        Object {
+                                                          "index": 370,
+                                                          "label": "Kabul (12:30 PM)",
+                                                          "value": "Asia/Kabul",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Guadalajara (3:00 AM)",
+                                                          "value": "America/Mexico_City",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Mexico City (3:00 AM)",
+                                                          "value": "America/Mexico_City",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Monterrey (3:00 AM)",
+                                                          "value": "America/Monterrey",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Bogota (3:00 AM)",
+                                                          "value": "America/Bogota",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Lima (3:00 AM)",
+                                                          "value": "America/Lima",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Quito (3:00 AM)",
+                                                          "value": "America/Lima",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Ekaterinburg (1:00 PM)",
+                                                          "value": "Asia/Yekaterinburg",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Islamabad (1:00 PM)",
+                                                          "value": "Asia/Karachi",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Karachi (1:00 PM)",
+                                                          "value": "Asia/Karachi",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Tashkent (1:00 PM)",
+                                                          "value": "Asia/Tashkent",
+                                                        },
+                                                        Object {
+                                                          "index": 430,
+                                                          "label": "Chennai (1:30 PM)",
+                                                          "value": "Asia/Kolkata",
+                                                        },
+                                                        Object {
+                                                          "index": 430,
+                                                          "label": "Kolkata (1:30 PM)",
+                                                          "value": "Asia/Kolkata",
+                                                        },
+                                                        Object {
+                                                          "index": 430,
+                                                          "label": "Mumbai (1:30 PM)",
+                                                          "value": "Asia/Kolkata",
+                                                        },
+                                                        Object {
+                                                          "index": 430,
+                                                          "label": "New Delhi (1:30 PM)",
+                                                          "value": "Asia/Kolkata",
+                                                        },
+                                                        Object {
+                                                          "index": 430,
+                                                          "label": "Sri Jayawardenepura (1:30 PM)",
+                                                          "value": "Asia/Colombo",
+                                                        },
+                                                        Object {
+                                                          "index": 445,
+                                                          "label": "Kathmandu (1:45 PM)",
+                                                          "value": "Asia/Kathmandu",
+                                                        },
+                                                        Object {
+                                                          "index": 460,
+                                                          "label": "Chihuahua (2:00 AM)",
+                                                          "value": "America/Chihuahua",
+                                                        },
+                                                        Object {
+                                                          "index": 460,
+                                                          "label": "Mazatlan (2:00 AM)",
+                                                          "value": "America/Mazatlan",
+                                                        },
+                                                        Object {
+                                                          "index": 460,
+                                                          "label": "Saskatchewan (2:00 AM)",
+                                                          "value": "America/Regina",
+                                                        },
+                                                        Object {
+                                                          "index": 460,
+                                                          "label": "Central America (2:00 AM)",
+                                                          "value": "America/Guatemala",
+                                                        },
+                                                        Object {
+                                                          "index": 460,
+                                                          "label": "Astana (2:00 PM)",
+                                                          "value": "Asia/Dhaka",
+                                                        },
+                                                        Object {
+                                                          "index": 460,
+                                                          "label": "Dhaka (2:00 PM)",
+                                                          "value": "Asia/Dhaka",
+                                                        },
+                                                        Object {
+                                                          "index": 460,
+                                                          "label": "Almaty (2:00 PM)",
+                                                          "value": "Asia/Almaty",
+                                                        },
+                                                        Object {
+                                                          "index": 460,
+                                                          "label": "Urumqi (2:00 PM)",
+                                                          "value": "Asia/Urumqi",
+                                                        },
+                                                        Object {
+                                                          "index": 490,
+                                                          "label": "Rangoon (2:30 PM)",
+                                                          "value": "Asia/Rangoon",
+                                                        },
+                                                        Object {
+                                                          "index": 520,
+                                                          "label": "Tijuana (1:00 AM)",
+                                                          "value": "America/Tijuana",
+                                                        },
+                                                        Object {
+                                                          "index": 520,
+                                                          "label": "Novosibirsk (3:00 PM)",
+                                                          "value": "Asia/Novosibirsk",
+                                                        },
+                                                        Object {
+                                                          "index": 520,
+                                                          "label": "Bangkok (3:00 PM)",
+                                                          "value": "Asia/Bangkok",
+                                                        },
+                                                        Object {
+                                                          "index": 520,
+                                                          "label": "Hanoi (3:00 PM)",
+                                                          "value": "Asia/Bangkok",
+                                                        },
+                                                        Object {
+                                                          "index": 520,
+                                                          "label": "Jakarta (3:00 PM)",
+                                                          "value": "Asia/Jakarta",
+                                                        },
+                                                        Object {
+                                                          "index": 520,
+                                                          "label": "Krasnoyarsk (3:00 PM)",
+                                                          "value": "Asia/Krasnoyarsk",
+                                                        },
+                                                        Object {
+                                                          "index": 580,
+                                                          "label": "Beijing (4:00 PM)",
+                                                          "value": "Asia/Shanghai",
+                                                        },
+                                                        Object {
+                                                          "index": 580,
+                                                          "label": "Chongqing (4:00 PM)",
+                                                          "value": "Asia/Chongqing",
+                                                        },
+                                                        Object {
+                                                          "index": 580,
+                                                          "label": "Hong Kong (4:00 PM)",
+                                                          "value": "Asia/Hong_Kong",
+                                                        },
+                                                        Object {
+                                                          "index": 580,
+                                                          "label": "Kuala Lumpur (4:00 PM)",
+                                                          "value": "Asia/Kuala_Lumpur",
+                                                        },
+                                                        Object {
+                                                          "index": 580,
+                                                          "label": "Singapore (4:00 PM)",
+                                                          "value": "Asia/Singapore",
+                                                        },
+                                                        Object {
+                                                          "index": 580,
+                                                          "label": "Taipei (4:00 PM)",
+                                                          "value": "Asia/Taipei",
+                                                        },
+                                                        Object {
+                                                          "index": 580,
+                                                          "label": "Perth (4:00 PM)",
+                                                          "value": "Australia/Perth",
+                                                        },
+                                                        Object {
+                                                          "index": 580,
+                                                          "label": "Irkutsk (4:00 PM)",
+                                                          "value": "Asia/Irkutsk",
+                                                        },
+                                                        Object {
+                                                          "index": 580,
+                                                          "label": "Ulaanbaatar (4:00 PM)",
+                                                          "value": "Asia/Ulaanbaatar",
+                                                        },
+                                                        Object {
+                                                          "index": 640,
+                                                          "label": "Seoul (5:00 PM)",
+                                                          "value": "Asia/Seoul",
+                                                        },
+                                                        Object {
+                                                          "index": 640,
+                                                          "label": "Osaka (5:00 PM)",
+                                                          "value": "Asia/Tokyo",
+                                                        },
+                                                        Object {
+                                                          "index": 640,
+                                                          "label": "Sapporo (5:00 PM)",
+                                                          "value": "Asia/Tokyo",
+                                                        },
+                                                        Object {
+                                                          "index": 640,
+                                                          "label": "Tokyo (5:00 PM)",
+                                                          "value": "Asia/Tokyo",
+                                                        },
+                                                        Object {
+                                                          "index": 640,
+                                                          "label": "Yakutsk (5:00 PM)",
+                                                          "value": "Asia/Yakutsk",
+                                                        },
+                                                        Object {
+                                                          "index": 670,
+                                                          "label": "Darwin (5:30 PM)",
+                                                          "value": "Australia/Darwin",
+                                                        },
+                                                        Object {
+                                                          "index": 670,
+                                                          "label": "Adelaide (5:30 PM)",
+                                                          "value": "Australia/Adelaide",
+                                                        },
+                                                        Object {
+                                                          "index": 700,
+                                                          "label": "Canberra (6:00 PM)",
+                                                          "value": "Australia/Melbourne",
+                                                        },
+                                                        Object {
+                                                          "index": 700,
+                                                          "label": "Melbourne (6:00 PM)",
+                                                          "value": "Australia/Melbourne",
+                                                        },
+                                                        Object {
+                                                          "index": 700,
+                                                          "label": "Sydney (6:00 PM)",
+                                                          "value": "Australia/Sydney",
+                                                        },
+                                                        Object {
+                                                          "index": 700,
+                                                          "label": "Brisbane (6:00 PM)",
+                                                          "value": "Australia/Brisbane",
+                                                        },
+                                                        Object {
+                                                          "index": 700,
+                                                          "label": "Hobart (6:00 PM)",
+                                                          "value": "Australia/Hobart",
+                                                        },
+                                                        Object {
+                                                          "index": 700,
+                                                          "label": "Vladivostok (6:00 PM)",
+                                                          "value": "Asia/Vladivostok",
+                                                        },
+                                                        Object {
+                                                          "index": 700,
+                                                          "label": "Guam (6:00 PM)",
+                                                          "value": "Pacific/Guam",
+                                                        },
+                                                        Object {
+                                                          "index": 700,
+                                                          "label": "Port Moresby (6:00 PM)",
+                                                          "value": "Pacific/Port_Moresby",
+                                                        },
+                                                        Object {
+                                                          "index": 760,
+                                                          "label": "Midway Island (9:00 PM)",
+                                                          "value": "Pacific/Midway",
+                                                        },
+                                                        Object {
+                                                          "index": 760,
+                                                          "label": "American Samoa (9:00 PM)",
+                                                          "value": "Pacific/Pago_Pago",
+                                                        },
+                                                        Object {
+                                                          "index": 760,
+                                                          "label": "Magadan (7:00 PM)",
+                                                          "value": "Asia/Magadan",
+                                                        },
+                                                        Object {
+                                                          "index": 760,
+                                                          "label": "Srednekolymsk (7:00 PM)",
+                                                          "value": "Asia/Srednekolymsk",
+                                                        },
+                                                        Object {
+                                                          "index": 760,
+                                                          "label": "Solomon Is. (7:00 PM)",
+                                                          "value": "Pacific/Guadalcanal",
+                                                        },
+                                                        Object {
+                                                          "index": 760,
+                                                          "label": "New Caledonia (7:00 PM)",
+                                                          "value": "Pacific/Noumea",
+                                                        },
+                                                        Object {
+                                                          "index": 820,
+                                                          "label": "International Date Line West (8:00 PM)",
+                                                          "value": "Etc/GMT+12",
+                                                        },
+                                                        Object {
+                                                          "index": 820,
+                                                          "label": "Fiji (8:00 PM)",
+                                                          "value": "Pacific/Fiji",
+                                                        },
+                                                        Object {
+                                                          "index": 820,
+                                                          "label": "Kamchatka (8:00 PM)",
+                                                          "value": "Asia/Kamchatka",
+                                                        },
+                                                        Object {
+                                                          "index": 820,
+                                                          "label": "Marshall Is. (8:00 PM)",
+                                                          "value": "Pacific/Majuro",
+                                                        },
+                                                        Object {
+                                                          "index": 820,
+                                                          "label": "Auckland (8:00 PM)",
+                                                          "value": "Pacific/Auckland",
+                                                        },
+                                                        Object {
+                                                          "index": 820,
+                                                          "label": "Wellington (8:00 PM)",
+                                                          "value": "Pacific/Auckland",
+                                                        },
+                                                        Object {
+                                                          "index": 865,
+                                                          "label": "Chatham Is. (8:45 PM)",
+                                                          "value": "Pacific/Chatham",
+                                                        },
+                                                        Object {
+                                                          "index": 880,
+                                                          "label": "Nuku'alofa (9:00 PM)",
+                                                          "value": "Pacific/Tongatapu",
+                                                        },
+                                                        Object {
+                                                          "index": 880,
+                                                          "label": "Tokelau Is. (9:00 PM)",
+                                                          "value": "Pacific/Fakaofo",
+                                                        },
+                                                        Object {
+                                                          "index": 880,
+                                                          "label": "Samoa (9:00 PM)",
+                                                          "value": "Pacific/Apia",
+                                                        },
+                                                      ]
+                                                    }
+                                                    selectOption={[Function]}
+                                                    selectProps={
                                                       Object {
-                                                        "label": "",
+                                                        "backspaceRemovesValue": true,
+                                                        "blurInputOnSelect": true,
+                                                        "cache": false,
+                                                        "captureMenuScroll": false,
+                                                        "classNamePrefix": "cf-select",
+                                                        "closeMenuOnScroll": false,
+                                                        "closeMenuOnSelect": true,
+                                                        "components": Object {
+                                                          "Input": [Function],
+                                                          "MenuList": [Function],
+                                                          "Option": [Function],
+                                                        },
+                                                        "controlShouldRenderValue": true,
+                                                        "defaultOptions": undefined,
+                                                        "escapeClearsValue": false,
+                                                        "filterOption": [Function],
+                                                        "formatGroupLabel": [Function],
+                                                        "getOptionLabel": [Function],
+                                                        "getOptionValue": [Function],
+                                                        "inputId": "representative-tz",
+                                                        "inputValue": "",
+                                                        "isClearable": undefined,
+                                                        "isDisabled": false,
+                                                        "isLoading": false,
+                                                        "isMulti": false,
+                                                        "isOptionDisabled": [Function],
+                                                        "isRtl": false,
+                                                        "isSearchable": true,
+                                                        "loadOptions": undefined,
+                                                        "loadingMessage": [Function],
+                                                        "maxMenuHeight": 300,
+                                                        "menuIsOpen": false,
+                                                        "menuPlacement": "bottom",
+                                                        "menuPosition": "absolute",
+                                                        "menuShouldBlockScroll": false,
+                                                        "menuShouldScrollIntoView": true,
+                                                        "minMenuHeight": 140,
+                                                        "name": "representativeTz",
+                                                        "noOptionsMessage": [Function],
+                                                        "onBlurResetsInput": false,
+                                                        "onChange": [Function],
+                                                        "onInputChange": [Function],
+                                                        "onMenuClose": [Function],
+                                                        "onMenuOpen": [Function],
+                                                        "openMenuOnClick": true,
+                                                        "openMenuOnFocus": false,
+                                                        "options": Array [
+                                                          Object {
+                                                            "label": "",
+                                                            "value": null,
+                                                          },
+                                                          Object {
+                                                            "index": -3,
+                                                            "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                            "value": "America/New_York",
+                                                          },
+                                                          Object {
+                                                            "index": -2,
+                                                            "label": "Central Time (US & Canada) (3:00 AM)",
+                                                            "value": "America/Chicago",
+                                                          },
+                                                          Object {
+                                                            "index": -1,
+                                                            "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                            "value": "America/Denver",
+                                                          },
+                                                          Object {
+                                                            "index": -0,
+                                                            "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                            "value": "America/Los_Angeles",
+                                                          },
+                                                          Object {
+                                                            "index": 2.4,
+                                                            "label": "Indiana (East) (4:00 AM)",
+                                                            "value": "America/Indiana/Indianapolis",
+                                                          },
+                                                          Object {
+                                                            "index": 2.4,
+                                                            "label": "Puerto Rico (4:00 AM)",
+                                                            "value": "America/Puerto_Rico",
+                                                          },
+                                                          Object {
+                                                            "index": 4.2,
+                                                            "label": "Arizona (1:00 AM)",
+                                                            "value": "America/Phoenix",
+                                                          },
+                                                          Object {
+                                                            "index": 4.8,
+                                                            "label": "Alaska (12:00 AM)",
+                                                            "value": "America/Juneau",
+                                                          },
+                                                          Object {
+                                                            "index": 4.8,
+                                                            "label": "Philippine Standard Time (4:00 PM)",
+                                                            "value": "Asia/Manila",
+                                                          },
+                                                          Object {
+                                                            "index": 6,
+                                                            "label": "Hawaii (10:00 PM)",
+                                                            "value": "Pacific/Honolulu",
+                                                          },
+                                                          Object {
+                                                            "index": 100,
+                                                            "label": "Azores (8:00 AM)",
+                                                            "value": "Atlantic/Azores",
+                                                          },
+                                                          Object {
+                                                            "index": 100,
+                                                            "label": "Monrovia (8:00 AM)",
+                                                            "value": "Africa/Monrovia",
+                                                          },
+                                                          Object {
+                                                            "index": 100,
+                                                            "label": "UTC (8:00 AM)",
+                                                            "value": "Etc/UTC",
+                                                          },
+                                                          Object {
+                                                            "index": 160,
+                                                            "label": "Cape Verde Is. (7:00 AM)",
+                                                            "value": "Atlantic/Cape_Verde",
+                                                          },
+                                                          Object {
+                                                            "index": 160,
+                                                            "label": "Dublin (9:00 AM)",
+                                                            "value": "Europe/Dublin",
+                                                          },
+                                                          Object {
+                                                            "index": 160,
+                                                            "label": "Edinburgh (9:00 AM)",
+                                                            "value": "Europe/London",
+                                                          },
+                                                          Object {
+                                                            "index": 160,
+                                                            "label": "Lisbon (9:00 AM)",
+                                                            "value": "Europe/Lisbon",
+                                                          },
+                                                          Object {
+                                                            "index": 160,
+                                                            "label": "London (9:00 AM)",
+                                                            "value": "Europe/London",
+                                                          },
+                                                          Object {
+                                                            "index": 160,
+                                                            "label": "Casablanca (9:00 AM)",
+                                                            "value": "Africa/Casablanca",
+                                                          },
+                                                          Object {
+                                                            "index": 160,
+                                                            "label": "West Central Africa (9:00 AM)",
+                                                            "value": "Africa/Algiers",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Greenland (6:00 AM)",
+                                                            "value": "America/Godthab",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Mid-Atlantic (6:00 AM)",
+                                                            "value": "Atlantic/South_Georgia",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Belgrade (10:00 AM)",
+                                                            "value": "Europe/Belgrade",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Bratislava (10:00 AM)",
+                                                            "value": "Europe/Bratislava",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Budapest (10:00 AM)",
+                                                            "value": "Europe/Budapest",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Ljubljana (10:00 AM)",
+                                                            "value": "Europe/Ljubljana",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Prague (10:00 AM)",
+                                                            "value": "Europe/Prague",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Sarajevo (10:00 AM)",
+                                                            "value": "Europe/Sarajevo",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Skopje (10:00 AM)",
+                                                            "value": "Europe/Skopje",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Warsaw (10:00 AM)",
+                                                            "value": "Europe/Warsaw",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Zagreb (10:00 AM)",
+                                                            "value": "Europe/Zagreb",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Brussels (10:00 AM)",
+                                                            "value": "Europe/Brussels",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Copenhagen (10:00 AM)",
+                                                            "value": "Europe/Copenhagen",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Madrid (10:00 AM)",
+                                                            "value": "Europe/Madrid",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Paris (10:00 AM)",
+                                                            "value": "Europe/Paris",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Amsterdam (10:00 AM)",
+                                                            "value": "Europe/Amsterdam",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Berlin (10:00 AM)",
+                                                            "value": "Europe/Berlin",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Bern (10:00 AM)",
+                                                            "value": "Europe/Zurich",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Zurich (10:00 AM)",
+                                                            "value": "Europe/Zurich",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Rome (10:00 AM)",
+                                                            "value": "Europe/Rome",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Stockholm (10:00 AM)",
+                                                            "value": "Europe/Stockholm",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Vienna (10:00 AM)",
+                                                            "value": "Europe/Vienna",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Cairo (10:00 AM)",
+                                                            "value": "Africa/Cairo",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Harare (10:00 AM)",
+                                                            "value": "Africa/Harare",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Pretoria (10:00 AM)",
+                                                            "value": "Africa/Johannesburg",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Kaliningrad (10:00 AM)",
+                                                            "value": "Europe/Kaliningrad",
+                                                          },
+                                                          Object {
+                                                            "index": 250,
+                                                            "label": "Newfoundland (5:30 AM)",
+                                                            "value": "America/St_Johns",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                            "value": "America/Halifax",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Brasilia (5:00 AM)",
+                                                            "value": "America/Sao_Paulo",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Buenos Aires (5:00 AM)",
+                                                            "value": "America/Argentina/Buenos_Aires",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Montevideo (5:00 AM)",
+                                                            "value": "America/Montevideo",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Bucharest (11:00 AM)",
+                                                            "value": "Europe/Bucharest",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Helsinki (11:00 AM)",
+                                                            "value": "Europe/Helsinki",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Kyiv (11:00 AM)",
+                                                            "value": "Europe/Kiev",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Riga (11:00 AM)",
+                                                            "value": "Europe/Riga",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Sofia (11:00 AM)",
+                                                            "value": "Europe/Sofia",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Tallinn (11:00 AM)",
+                                                            "value": "Europe/Tallinn",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Vilnius (11:00 AM)",
+                                                            "value": "Europe/Vilnius",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Athens (11:00 AM)",
+                                                            "value": "Europe/Athens",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Istanbul (11:00 AM)",
+                                                            "value": "Europe/Istanbul",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Minsk (11:00 AM)",
+                                                            "value": "Europe/Minsk",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Jerusalem (11:00 AM)",
+                                                            "value": "Asia/Jerusalem",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Moscow (11:00 AM)",
+                                                            "value": "Europe/Moscow",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "St. Petersburg (11:00 AM)",
+                                                            "value": "Europe/Moscow",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Kuwait (11:00 AM)",
+                                                            "value": "Asia/Kuwait",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Riyadh (11:00 AM)",
+                                                            "value": "Asia/Riyadh",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Nairobi (11:00 AM)",
+                                                            "value": "Africa/Nairobi",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Baghdad (11:00 AM)",
+                                                            "value": "Asia/Baghdad",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Caracas (4:00 AM)",
+                                                            "value": "America/Caracas",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "La Paz (4:00 AM)",
+                                                            "value": "America/La_Paz",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Santiago (4:00 AM)",
+                                                            "value": "America/Santiago",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Georgetown (4:00 AM)",
+                                                            "value": "America/Guyana",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Volgograd (12:00 PM)",
+                                                            "value": "Europe/Volgograd",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Samara (12:00 PM)",
+                                                            "value": "Europe/Samara",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Abu Dhabi (12:00 PM)",
+                                                            "value": "Asia/Muscat",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Muscat (12:00 PM)",
+                                                            "value": "Asia/Muscat",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Baku (12:00 PM)",
+                                                            "value": "Asia/Baku",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Tbilisi (12:00 PM)",
+                                                            "value": "Asia/Tbilisi",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Yerevan (12:00 PM)",
+                                                            "value": "Asia/Yerevan",
+                                                          },
+                                                          Object {
+                                                            "index": 370,
+                                                            "label": "Tehran (12:30 PM)",
+                                                            "value": "Asia/Tehran",
+                                                          },
+                                                          Object {
+                                                            "index": 370,
+                                                            "label": "Kabul (12:30 PM)",
+                                                            "value": "Asia/Kabul",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Guadalajara (3:00 AM)",
+                                                            "value": "America/Mexico_City",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Mexico City (3:00 AM)",
+                                                            "value": "America/Mexico_City",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Monterrey (3:00 AM)",
+                                                            "value": "America/Monterrey",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Bogota (3:00 AM)",
+                                                            "value": "America/Bogota",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Lima (3:00 AM)",
+                                                            "value": "America/Lima",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Quito (3:00 AM)",
+                                                            "value": "America/Lima",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Ekaterinburg (1:00 PM)",
+                                                            "value": "Asia/Yekaterinburg",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Islamabad (1:00 PM)",
+                                                            "value": "Asia/Karachi",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Karachi (1:00 PM)",
+                                                            "value": "Asia/Karachi",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Tashkent (1:00 PM)",
+                                                            "value": "Asia/Tashkent",
+                                                          },
+                                                          Object {
+                                                            "index": 430,
+                                                            "label": "Chennai (1:30 PM)",
+                                                            "value": "Asia/Kolkata",
+                                                          },
+                                                          Object {
+                                                            "index": 430,
+                                                            "label": "Kolkata (1:30 PM)",
+                                                            "value": "Asia/Kolkata",
+                                                          },
+                                                          Object {
+                                                            "index": 430,
+                                                            "label": "Mumbai (1:30 PM)",
+                                                            "value": "Asia/Kolkata",
+                                                          },
+                                                          Object {
+                                                            "index": 430,
+                                                            "label": "New Delhi (1:30 PM)",
+                                                            "value": "Asia/Kolkata",
+                                                          },
+                                                          Object {
+                                                            "index": 430,
+                                                            "label": "Sri Jayawardenepura (1:30 PM)",
+                                                            "value": "Asia/Colombo",
+                                                          },
+                                                          Object {
+                                                            "index": 445,
+                                                            "label": "Kathmandu (1:45 PM)",
+                                                            "value": "Asia/Kathmandu",
+                                                          },
+                                                          Object {
+                                                            "index": 460,
+                                                            "label": "Chihuahua (2:00 AM)",
+                                                            "value": "America/Chihuahua",
+                                                          },
+                                                          Object {
+                                                            "index": 460,
+                                                            "label": "Mazatlan (2:00 AM)",
+                                                            "value": "America/Mazatlan",
+                                                          },
+                                                          Object {
+                                                            "index": 460,
+                                                            "label": "Saskatchewan (2:00 AM)",
+                                                            "value": "America/Regina",
+                                                          },
+                                                          Object {
+                                                            "index": 460,
+                                                            "label": "Central America (2:00 AM)",
+                                                            "value": "America/Guatemala",
+                                                          },
+                                                          Object {
+                                                            "index": 460,
+                                                            "label": "Astana (2:00 PM)",
+                                                            "value": "Asia/Dhaka",
+                                                          },
+                                                          Object {
+                                                            "index": 460,
+                                                            "label": "Dhaka (2:00 PM)",
+                                                            "value": "Asia/Dhaka",
+                                                          },
+                                                          Object {
+                                                            "index": 460,
+                                                            "label": "Almaty (2:00 PM)",
+                                                            "value": "Asia/Almaty",
+                                                          },
+                                                          Object {
+                                                            "index": 460,
+                                                            "label": "Urumqi (2:00 PM)",
+                                                            "value": "Asia/Urumqi",
+                                                          },
+                                                          Object {
+                                                            "index": 490,
+                                                            "label": "Rangoon (2:30 PM)",
+                                                            "value": "Asia/Rangoon",
+                                                          },
+                                                          Object {
+                                                            "index": 520,
+                                                            "label": "Tijuana (1:00 AM)",
+                                                            "value": "America/Tijuana",
+                                                          },
+                                                          Object {
+                                                            "index": 520,
+                                                            "label": "Novosibirsk (3:00 PM)",
+                                                            "value": "Asia/Novosibirsk",
+                                                          },
+                                                          Object {
+                                                            "index": 520,
+                                                            "label": "Bangkok (3:00 PM)",
+                                                            "value": "Asia/Bangkok",
+                                                          },
+                                                          Object {
+                                                            "index": 520,
+                                                            "label": "Hanoi (3:00 PM)",
+                                                            "value": "Asia/Bangkok",
+                                                          },
+                                                          Object {
+                                                            "index": 520,
+                                                            "label": "Jakarta (3:00 PM)",
+                                                            "value": "Asia/Jakarta",
+                                                          },
+                                                          Object {
+                                                            "index": 520,
+                                                            "label": "Krasnoyarsk (3:00 PM)",
+                                                            "value": "Asia/Krasnoyarsk",
+                                                          },
+                                                          Object {
+                                                            "index": 580,
+                                                            "label": "Beijing (4:00 PM)",
+                                                            "value": "Asia/Shanghai",
+                                                          },
+                                                          Object {
+                                                            "index": 580,
+                                                            "label": "Chongqing (4:00 PM)",
+                                                            "value": "Asia/Chongqing",
+                                                          },
+                                                          Object {
+                                                            "index": 580,
+                                                            "label": "Hong Kong (4:00 PM)",
+                                                            "value": "Asia/Hong_Kong",
+                                                          },
+                                                          Object {
+                                                            "index": 580,
+                                                            "label": "Kuala Lumpur (4:00 PM)",
+                                                            "value": "Asia/Kuala_Lumpur",
+                                                          },
+                                                          Object {
+                                                            "index": 580,
+                                                            "label": "Singapore (4:00 PM)",
+                                                            "value": "Asia/Singapore",
+                                                          },
+                                                          Object {
+                                                            "index": 580,
+                                                            "label": "Taipei (4:00 PM)",
+                                                            "value": "Asia/Taipei",
+                                                          },
+                                                          Object {
+                                                            "index": 580,
+                                                            "label": "Perth (4:00 PM)",
+                                                            "value": "Australia/Perth",
+                                                          },
+                                                          Object {
+                                                            "index": 580,
+                                                            "label": "Irkutsk (4:00 PM)",
+                                                            "value": "Asia/Irkutsk",
+                                                          },
+                                                          Object {
+                                                            "index": 580,
+                                                            "label": "Ulaanbaatar (4:00 PM)",
+                                                            "value": "Asia/Ulaanbaatar",
+                                                          },
+                                                          Object {
+                                                            "index": 640,
+                                                            "label": "Seoul (5:00 PM)",
+                                                            "value": "Asia/Seoul",
+                                                          },
+                                                          Object {
+                                                            "index": 640,
+                                                            "label": "Osaka (5:00 PM)",
+                                                            "value": "Asia/Tokyo",
+                                                          },
+                                                          Object {
+                                                            "index": 640,
+                                                            "label": "Sapporo (5:00 PM)",
+                                                            "value": "Asia/Tokyo",
+                                                          },
+                                                          Object {
+                                                            "index": 640,
+                                                            "label": "Tokyo (5:00 PM)",
+                                                            "value": "Asia/Tokyo",
+                                                          },
+                                                          Object {
+                                                            "index": 640,
+                                                            "label": "Yakutsk (5:00 PM)",
+                                                            "value": "Asia/Yakutsk",
+                                                          },
+                                                          Object {
+                                                            "index": 670,
+                                                            "label": "Darwin (5:30 PM)",
+                                                            "value": "Australia/Darwin",
+                                                          },
+                                                          Object {
+                                                            "index": 670,
+                                                            "label": "Adelaide (5:30 PM)",
+                                                            "value": "Australia/Adelaide",
+                                                          },
+                                                          Object {
+                                                            "index": 700,
+                                                            "label": "Canberra (6:00 PM)",
+                                                            "value": "Australia/Melbourne",
+                                                          },
+                                                          Object {
+                                                            "index": 700,
+                                                            "label": "Melbourne (6:00 PM)",
+                                                            "value": "Australia/Melbourne",
+                                                          },
+                                                          Object {
+                                                            "index": 700,
+                                                            "label": "Sydney (6:00 PM)",
+                                                            "value": "Australia/Sydney",
+                                                          },
+                                                          Object {
+                                                            "index": 700,
+                                                            "label": "Brisbane (6:00 PM)",
+                                                            "value": "Australia/Brisbane",
+                                                          },
+                                                          Object {
+                                                            "index": 700,
+                                                            "label": "Hobart (6:00 PM)",
+                                                            "value": "Australia/Hobart",
+                                                          },
+                                                          Object {
+                                                            "index": 700,
+                                                            "label": "Vladivostok (6:00 PM)",
+                                                            "value": "Asia/Vladivostok",
+                                                          },
+                                                          Object {
+                                                            "index": 700,
+                                                            "label": "Guam (6:00 PM)",
+                                                            "value": "Pacific/Guam",
+                                                          },
+                                                          Object {
+                                                            "index": 700,
+                                                            "label": "Port Moresby (6:00 PM)",
+                                                            "value": "Pacific/Port_Moresby",
+                                                          },
+                                                          Object {
+                                                            "index": 760,
+                                                            "label": "Midway Island (9:00 PM)",
+                                                            "value": "Pacific/Midway",
+                                                          },
+                                                          Object {
+                                                            "index": 760,
+                                                            "label": "American Samoa (9:00 PM)",
+                                                            "value": "Pacific/Pago_Pago",
+                                                          },
+                                                          Object {
+                                                            "index": 760,
+                                                            "label": "Magadan (7:00 PM)",
+                                                            "value": "Asia/Magadan",
+                                                          },
+                                                          Object {
+                                                            "index": 760,
+                                                            "label": "Srednekolymsk (7:00 PM)",
+                                                            "value": "Asia/Srednekolymsk",
+                                                          },
+                                                          Object {
+                                                            "index": 760,
+                                                            "label": "Solomon Is. (7:00 PM)",
+                                                            "value": "Pacific/Guadalcanal",
+                                                          },
+                                                          Object {
+                                                            "index": 760,
+                                                            "label": "New Caledonia (7:00 PM)",
+                                                            "value": "Pacific/Noumea",
+                                                          },
+                                                          Object {
+                                                            "index": 820,
+                                                            "label": "International Date Line West (8:00 PM)",
+                                                            "value": "Etc/GMT+12",
+                                                          },
+                                                          Object {
+                                                            "index": 820,
+                                                            "label": "Fiji (8:00 PM)",
+                                                            "value": "Pacific/Fiji",
+                                                          },
+                                                          Object {
+                                                            "index": 820,
+                                                            "label": "Kamchatka (8:00 PM)",
+                                                            "value": "Asia/Kamchatka",
+                                                          },
+                                                          Object {
+                                                            "index": 820,
+                                                            "label": "Marshall Is. (8:00 PM)",
+                                                            "value": "Pacific/Majuro",
+                                                          },
+                                                          Object {
+                                                            "index": 820,
+                                                            "label": "Auckland (8:00 PM)",
+                                                            "value": "Pacific/Auckland",
+                                                          },
+                                                          Object {
+                                                            "index": 820,
+                                                            "label": "Wellington (8:00 PM)",
+                                                            "value": "Pacific/Auckland",
+                                                          },
+                                                          Object {
+                                                            "index": 865,
+                                                            "label": "Chatham Is. (8:45 PM)",
+                                                            "value": "Pacific/Chatham",
+                                                          },
+                                                          Object {
+                                                            "index": 880,
+                                                            "label": "Nuku'alofa (9:00 PM)",
+                                                            "value": "Pacific/Tongatapu",
+                                                          },
+                                                          Object {
+                                                            "index": 880,
+                                                            "label": "Tokelau Is. (9:00 PM)",
+                                                            "value": "Pacific/Fakaofo",
+                                                          },
+                                                          Object {
+                                                            "index": 880,
+                                                            "label": "Samoa (9:00 PM)",
+                                                            "value": "Pacific/Apia",
+                                                          },
+                                                        ],
+                                                        "pageSize": 5,
+                                                        "placeholder": "Select a timezone",
+                                                        "screenReaderStatus": [Function],
+                                                        "searchable": undefined,
+                                                        "shouldKeyDownEventCreateNewOption": [Function],
+                                                        "styles": Object {
+                                                          "input": [Function],
+                                                        },
+                                                        "tabIndex": "0",
+                                                        "tabSelectsValue": true,
                                                         "value": null,
-                                                      },
-                                                      Object {
-                                                        "label": "Genesis Government Solutions, Inc.",
-                                                        "value": "Genesis Government Solutions, Inc.",
-                                                      },
-                                                      Object {
-                                                        "label": "Jamison Professional Services",
-                                                        "value": "Jamison Professional Services",
-                                                      },
+                                                      }
+                                                    }
+                                                    setValue={[Function]}
+                                                    theme={
                                                       Object {
-                                                        "label": "The Ravens Group, Inc.",
-                                                        "value": "The Ravens Group, Inc.",
-                                                      },
-                                                    ]
-                                                  }
-                                                  selectOption={[Function]}
-                                                  selectProps={
-                                                    Object {
-                                                      "backspaceRemovesValue": true,
-                                                      "blurInputOnSelect": true,
-                                                      "cache": false,
-                                                      "captureMenuScroll": false,
-                                                      "classNamePrefix": "cf-select",
-                                                      "closeMenuOnScroll": false,
-                                                      "closeMenuOnSelect": true,
-                                                      "components": Object {
-                                                        "Input": [Function],
-                                                        "MenuList": [Function],
-                                                        "Option": [Function],
-                                                      },
-                                                      "controlShouldRenderValue": true,
-                                                      "defaultOptions": undefined,
-                                                      "escapeClearsValue": false,
-                                                      "filterOption": [Function],
-                                                      "formatGroupLabel": [Function],
-                                                      "getOptionLabel": [Function],
-                                                      "getOptionValue": [Function],
-                                                      "inputId": "transcriber",
-                                                      "inputValue": "",
-                                                      "isClearable": undefined,
-                                                      "isDisabled": false,
-                                                      "isLoading": false,
-                                                      "isMulti": false,
-                                                      "isOptionDisabled": [Function],
-                                                      "isRtl": false,
-                                                      "isSearchable": true,
-                                                      "loadOptions": undefined,
-                                                      "loadingMessage": [Function],
-                                                      "maxMenuHeight": 300,
-                                                      "menuIsOpen": false,
-                                                      "menuPlacement": "bottom",
-                                                      "menuPosition": "absolute",
-                                                      "menuShouldBlockScroll": false,
-                                                      "menuShouldScrollIntoView": true,
-                                                      "minMenuHeight": 140,
-                                                      "name": "transcriber",
-                                                      "noOptionsMessage": [Function],
-                                                      "onBlurResetsInput": false,
-                                                      "onChange": [Function],
-                                                      "onInputChange": [Function],
-                                                      "onMenuClose": [Function],
-                                                      "onMenuOpen": [Function],
-                                                      "openMenuOnClick": true,
-                                                      "openMenuOnFocus": false,
-                                                      "options": Array [
-                                                        Object {
-                                                          "label": "",
-                                                          "value": null,
-                                                        },
-                                                        Object {
-                                                          "label": "Genesis Government Solutions, Inc.",
-                                                          "value": "Genesis Government Solutions, Inc.",
-                                                        },
-                                                        Object {
-                                                          "label": "Jamison Professional Services",
-                                                          "value": "Jamison Professional Services",
+                                                        "borderRadius": 4,
+                                                        "colors": Object {
+                                                          "danger": "#DE350B",
+                                                          "dangerLight": "#FFBDAD",
+                                                          "neutral0": "hsl(0, 0%, 100%)",
+                                                          "neutral10": "hsl(0, 0%, 90%)",
+                                                          "neutral20": "hsl(0, 0%, 80%)",
+                                                          "neutral30": "hsl(0, 0%, 70%)",
+                                                          "neutral40": "hsl(0, 0%, 60%)",
+                                                          "neutral5": "hsl(0, 0%, 95%)",
+                                                          "neutral50": "hsl(0, 0%, 50%)",
+                                                          "neutral60": "hsl(0, 0%, 40%)",
+                                                          "neutral70": "hsl(0, 0%, 30%)",
+                                                          "neutral80": "hsl(0, 0%, 20%)",
+                                                          "neutral90": "hsl(0, 0%, 10%)",
+                                                          "primary": "#2684FF",
+                                                          "primary25": "#DEEBFF",
+                                                          "primary50": "#B2D4FF",
+                                                          "primary75": "#4C9AFF",
                                                         },
-                                                        Object {
-                                                          "label": "The Ravens Group, Inc.",
-                                                          "value": "The Ravens Group, Inc.",
+                                                        "spacing": Object {
+                                                          "baseUnit": 4,
+                                                          "controlHeight": 38,
+                                                          "menuGutter": 8,
                                                         },
-                                                      ],
-                                                      "pageSize": 5,
-                                                      "placeholder": "Select...",
-                                                      "screenReaderStatus": [Function],
-                                                      "searchable": undefined,
-                                                      "shouldKeyDownEventCreateNewOption": [Function],
-                                                      "styles": Object {
-                                                        "input": [Function],
-                                                      },
-                                                      "tabIndex": "0",
-                                                      "tabSelectsValue": true,
-                                                      "value": null,
-                                                    }
-                                                  }
-                                                  setValue={[Function]}
-                                                  theme={
-                                                    Object {
-                                                      "borderRadius": 4,
-                                                      "colors": Object {
-                                                        "danger": "#DE350B",
-                                                        "dangerLight": "#FFBDAD",
-                                                        "neutral0": "hsl(0, 0%, 100%)",
-                                                        "neutral10": "hsl(0, 0%, 90%)",
-                                                        "neutral20": "hsl(0, 0%, 80%)",
-                                                        "neutral30": "hsl(0, 0%, 70%)",
-                                                        "neutral40": "hsl(0, 0%, 60%)",
-                                                        "neutral5": "hsl(0, 0%, 95%)",
-                                                        "neutral50": "hsl(0, 0%, 50%)",
-                                                        "neutral60": "hsl(0, 0%, 40%)",
-                                                        "neutral70": "hsl(0, 0%, 30%)",
-                                                        "neutral80": "hsl(0, 0%, 20%)",
-                                                        "neutral90": "hsl(0, 0%, 10%)",
-                                                        "primary": "#2684FF",
-                                                        "primary25": "#DEEBFF",
-                                                        "primary50": "#B2D4FF",
-                                                        "primary75": "#4C9AFF",
-                                                      },
-                                                      "spacing": Object {
-                                                        "baseUnit": 4,
-                                                        "controlHeight": 38,
-                                                        "menuGutter": 8,
-                                                      },
-                                                    }
-                                                  }
-                                                >
-                                                  <EmotionCssPropInternal
-                                                    __EMOTION_LABEL_PLEASE_DO_NOT_USE__="ValueContainer"
-                                                    __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                    className="cf-select__value-container"
-                                                    css={
-                                                      Object {
-                                                        "WebkitOverflowScrolling": "touch",
-                                                        "alignItems": "center",
-                                                        "boxSizing": "border-box",
-                                                        "display": "flex",
-                                                        "flex": 1,
-                                                        "flexWrap": "wrap",
-                                                        "overflow": "hidden",
-                                                        "padding": "2px 8px",
-                                                        "position": "relative",
                                                       }
                                                     }
                                                   >
-                                                    <div
-                                                      className="cf-select__value-container css-g1d714-ValueContainer"
-                                                    >
-                                                      <Placeholder
-                                                        clearValue={[Function]}
-                                                        cx={[Function]}
-                                                        getStyles={[Function]}
-                                                        getValue={[Function]}
-                                                        hasValue={false}
-                                                        isDisabled={false}
-                                                        isFocused={false}
-                                                        isMulti={false}
-                                                        isRtl={false}
-                                                        key="placeholder"
-                                                        options={
-                                                          Array [
-                                                            Object {
-                                                              "label": "",
-                                                              "value": null,
-                                                            },
-                                                            Object {
-                                                              "label": "Genesis Government Solutions, Inc.",
-                                                              "value": "Genesis Government Solutions, Inc.",
-                                                            },
-                                                            Object {
-                                                              "label": "Jamison Professional Services",
-                                                              "value": "Jamison Professional Services",
-                                                            },
-                                                            Object {
-                                                              "label": "The Ravens Group, Inc.",
-                                                              "value": "The Ravens Group, Inc.",
-                                                            },
-                                                          ]
+                                                    <EmotionCssPropInternal
+                                                      __EMOTION_LABEL_PLEASE_DO_NOT_USE__="ValueContainer"
+                                                      __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                      className="cf-select__value-container"
+                                                      css={
+                                                        Object {
+                                                          "WebkitOverflowScrolling": "touch",
+                                                          "alignItems": "center",
+                                                          "boxSizing": "border-box",
+                                                          "display": "flex",
+                                                          "flex": 1,
+                                                          "flexWrap": "wrap",
+                                                          "overflow": "hidden",
+                                                          "padding": "2px 8px",
+                                                          "position": "relative",
                                                         }
-                                                        selectOption={[Function]}
-                                                        selectProps={
-                                                          Object {
-                                                            "backspaceRemovesValue": true,
-                                                            "blurInputOnSelect": true,
-                                                            "cache": false,
-                                                            "captureMenuScroll": false,
-                                                            "classNamePrefix": "cf-select",
-                                                            "closeMenuOnScroll": false,
-                                                            "closeMenuOnSelect": true,
-                                                            "components": Object {
-                                                              "Input": [Function],
-                                                              "MenuList": [Function],
-                                                              "Option": [Function],
-                                                            },
-                                                            "controlShouldRenderValue": true,
-                                                            "defaultOptions": undefined,
-                                                            "escapeClearsValue": false,
-                                                            "filterOption": [Function],
-                                                            "formatGroupLabel": [Function],
-                                                            "getOptionLabel": [Function],
-                                                            "getOptionValue": [Function],
-                                                            "inputId": "transcriber",
-                                                            "inputValue": "",
-                                                            "isClearable": undefined,
-                                                            "isDisabled": false,
-                                                            "isLoading": false,
-                                                            "isMulti": false,
-                                                            "isOptionDisabled": [Function],
-                                                            "isRtl": false,
-                                                            "isSearchable": true,
-                                                            "loadOptions": undefined,
-                                                            "loadingMessage": [Function],
-                                                            "maxMenuHeight": 300,
-                                                            "menuIsOpen": false,
-                                                            "menuPlacement": "bottom",
-                                                            "menuPosition": "absolute",
-                                                            "menuShouldBlockScroll": false,
-                                                            "menuShouldScrollIntoView": true,
-                                                            "minMenuHeight": 140,
-                                                            "name": "transcriber",
-                                                            "noOptionsMessage": [Function],
-                                                            "onBlurResetsInput": false,
-                                                            "onChange": [Function],
-                                                            "onInputChange": [Function],
-                                                            "onMenuClose": [Function],
-                                                            "onMenuOpen": [Function],
-                                                            "openMenuOnClick": true,
-                                                            "openMenuOnFocus": false,
-                                                            "options": Array [
+                                                      }
+                                                    >
+                                                      <div
+                                                        className="cf-select__value-container css-g1d714-ValueContainer"
+                                                      >
+                                                        <Placeholder
+                                                          clearValue={[Function]}
+                                                          cx={[Function]}
+                                                          getStyles={[Function]}
+                                                          getValue={[Function]}
+                                                          hasValue={false}
+                                                          isDisabled={false}
+                                                          isFocused={false}
+                                                          isMulti={false}
+                                                          isRtl={false}
+                                                          options={
+                                                            Array [
+                                                              Object {
+                                                                "label": "",
+                                                                "value": null,
+                                                              },
+                                                              Object {
+                                                                "index": -3,
+                                                                "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                "value": "America/New_York",
+                                                              },
+                                                              Object {
+                                                                "index": -2,
+                                                                "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                "value": "America/Chicago",
+                                                              },
+                                                              Object {
+                                                                "index": -1,
+                                                                "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                "value": "America/Denver",
+                                                              },
+                                                              Object {
+                                                                "index": -0,
+                                                                "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                "value": "America/Los_Angeles",
+                                                              },
+                                                              Object {
+                                                                "index": 2.4,
+                                                                "label": "Indiana (East) (4:00 AM)",
+                                                                "value": "America/Indiana/Indianapolis",
+                                                              },
+                                                              Object {
+                                                                "index": 2.4,
+                                                                "label": "Puerto Rico (4:00 AM)",
+                                                                "value": "America/Puerto_Rico",
+                                                              },
+                                                              Object {
+                                                                "index": 4.2,
+                                                                "label": "Arizona (1:00 AM)",
+                                                                "value": "America/Phoenix",
+                                                              },
+                                                              Object {
+                                                                "index": 4.8,
+                                                                "label": "Alaska (12:00 AM)",
+                                                                "value": "America/Juneau",
+                                                              },
+                                                              Object {
+                                                                "index": 4.8,
+                                                                "label": "Philippine Standard Time (4:00 PM)",
+                                                                "value": "Asia/Manila",
+                                                              },
+                                                              Object {
+                                                                "index": 6,
+                                                                "label": "Hawaii (10:00 PM)",
+                                                                "value": "Pacific/Honolulu",
+                                                              },
+                                                              Object {
+                                                                "index": 100,
+                                                                "label": "Azores (8:00 AM)",
+                                                                "value": "Atlantic/Azores",
+                                                              },
+                                                              Object {
+                                                                "index": 100,
+                                                                "label": "Monrovia (8:00 AM)",
+                                                                "value": "Africa/Monrovia",
+                                                              },
+                                                              Object {
+                                                                "index": 100,
+                                                                "label": "UTC (8:00 AM)",
+                                                                "value": "Etc/UTC",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "Cape Verde Is. (7:00 AM)",
+                                                                "value": "Atlantic/Cape_Verde",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "Dublin (9:00 AM)",
+                                                                "value": "Europe/Dublin",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "Edinburgh (9:00 AM)",
+                                                                "value": "Europe/London",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "Lisbon (9:00 AM)",
+                                                                "value": "Europe/Lisbon",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "London (9:00 AM)",
+                                                                "value": "Europe/London",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "Casablanca (9:00 AM)",
+                                                                "value": "Africa/Casablanca",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "West Central Africa (9:00 AM)",
+                                                                "value": "Africa/Algiers",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Greenland (6:00 AM)",
+                                                                "value": "America/Godthab",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Mid-Atlantic (6:00 AM)",
+                                                                "value": "Atlantic/South_Georgia",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Belgrade (10:00 AM)",
+                                                                "value": "Europe/Belgrade",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Bratislava (10:00 AM)",
+                                                                "value": "Europe/Bratislava",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Budapest (10:00 AM)",
+                                                                "value": "Europe/Budapest",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Ljubljana (10:00 AM)",
+                                                                "value": "Europe/Ljubljana",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Prague (10:00 AM)",
+                                                                "value": "Europe/Prague",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Sarajevo (10:00 AM)",
+                                                                "value": "Europe/Sarajevo",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Skopje (10:00 AM)",
+                                                                "value": "Europe/Skopje",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Warsaw (10:00 AM)",
+                                                                "value": "Europe/Warsaw",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Zagreb (10:00 AM)",
+                                                                "value": "Europe/Zagreb",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Brussels (10:00 AM)",
+                                                                "value": "Europe/Brussels",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Copenhagen (10:00 AM)",
+                                                                "value": "Europe/Copenhagen",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Madrid (10:00 AM)",
+                                                                "value": "Europe/Madrid",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Paris (10:00 AM)",
+                                                                "value": "Europe/Paris",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Amsterdam (10:00 AM)",
+                                                                "value": "Europe/Amsterdam",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Berlin (10:00 AM)",
+                                                                "value": "Europe/Berlin",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Bern (10:00 AM)",
+                                                                "value": "Europe/Zurich",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Zurich (10:00 AM)",
+                                                                "value": "Europe/Zurich",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Rome (10:00 AM)",
+                                                                "value": "Europe/Rome",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Stockholm (10:00 AM)",
+                                                                "value": "Europe/Stockholm",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Vienna (10:00 AM)",
+                                                                "value": "Europe/Vienna",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Cairo (10:00 AM)",
+                                                                "value": "Africa/Cairo",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Harare (10:00 AM)",
+                                                                "value": "Africa/Harare",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Pretoria (10:00 AM)",
+                                                                "value": "Africa/Johannesburg",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Kaliningrad (10:00 AM)",
+                                                                "value": "Europe/Kaliningrad",
+                                                              },
+                                                              Object {
+                                                                "index": 250,
+                                                                "label": "Newfoundland (5:30 AM)",
+                                                                "value": "America/St_Johns",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                "value": "America/Halifax",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Brasilia (5:00 AM)",
+                                                                "value": "America/Sao_Paulo",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Buenos Aires (5:00 AM)",
+                                                                "value": "America/Argentina/Buenos_Aires",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Montevideo (5:00 AM)",
+                                                                "value": "America/Montevideo",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Bucharest (11:00 AM)",
+                                                                "value": "Europe/Bucharest",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Helsinki (11:00 AM)",
+                                                                "value": "Europe/Helsinki",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Kyiv (11:00 AM)",
+                                                                "value": "Europe/Kiev",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Riga (11:00 AM)",
+                                                                "value": "Europe/Riga",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Sofia (11:00 AM)",
+                                                                "value": "Europe/Sofia",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Tallinn (11:00 AM)",
+                                                                "value": "Europe/Tallinn",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Vilnius (11:00 AM)",
+                                                                "value": "Europe/Vilnius",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Athens (11:00 AM)",
+                                                                "value": "Europe/Athens",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Istanbul (11:00 AM)",
+                                                                "value": "Europe/Istanbul",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Minsk (11:00 AM)",
+                                                                "value": "Europe/Minsk",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Jerusalem (11:00 AM)",
+                                                                "value": "Asia/Jerusalem",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Moscow (11:00 AM)",
+                                                                "value": "Europe/Moscow",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "St. Petersburg (11:00 AM)",
+                                                                "value": "Europe/Moscow",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Kuwait (11:00 AM)",
+                                                                "value": "Asia/Kuwait",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Riyadh (11:00 AM)",
+                                                                "value": "Asia/Riyadh",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Nairobi (11:00 AM)",
+                                                                "value": "Africa/Nairobi",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Baghdad (11:00 AM)",
+                                                                "value": "Asia/Baghdad",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Caracas (4:00 AM)",
+                                                                "value": "America/Caracas",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "La Paz (4:00 AM)",
+                                                                "value": "America/La_Paz",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Santiago (4:00 AM)",
+                                                                "value": "America/Santiago",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Georgetown (4:00 AM)",
+                                                                "value": "America/Guyana",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Volgograd (12:00 PM)",
+                                                                "value": "Europe/Volgograd",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Samara (12:00 PM)",
+                                                                "value": "Europe/Samara",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Abu Dhabi (12:00 PM)",
+                                                                "value": "Asia/Muscat",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Muscat (12:00 PM)",
+                                                                "value": "Asia/Muscat",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Baku (12:00 PM)",
+                                                                "value": "Asia/Baku",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Tbilisi (12:00 PM)",
+                                                                "value": "Asia/Tbilisi",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Yerevan (12:00 PM)",
+                                                                "value": "Asia/Yerevan",
+                                                              },
+                                                              Object {
+                                                                "index": 370,
+                                                                "label": "Tehran (12:30 PM)",
+                                                                "value": "Asia/Tehran",
+                                                              },
+                                                              Object {
+                                                                "index": 370,
+                                                                "label": "Kabul (12:30 PM)",
+                                                                "value": "Asia/Kabul",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Guadalajara (3:00 AM)",
+                                                                "value": "America/Mexico_City",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Mexico City (3:00 AM)",
+                                                                "value": "America/Mexico_City",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Monterrey (3:00 AM)",
+                                                                "value": "America/Monterrey",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Bogota (3:00 AM)",
+                                                                "value": "America/Bogota",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Lima (3:00 AM)",
+                                                                "value": "America/Lima",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Quito (3:00 AM)",
+                                                                "value": "America/Lima",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Ekaterinburg (1:00 PM)",
+                                                                "value": "Asia/Yekaterinburg",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Islamabad (1:00 PM)",
+                                                                "value": "Asia/Karachi",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Karachi (1:00 PM)",
+                                                                "value": "Asia/Karachi",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Tashkent (1:00 PM)",
+                                                                "value": "Asia/Tashkent",
+                                                              },
+                                                              Object {
+                                                                "index": 430,
+                                                                "label": "Chennai (1:30 PM)",
+                                                                "value": "Asia/Kolkata",
+                                                              },
+                                                              Object {
+                                                                "index": 430,
+                                                                "label": "Kolkata (1:30 PM)",
+                                                                "value": "Asia/Kolkata",
+                                                              },
+                                                              Object {
+                                                                "index": 430,
+                                                                "label": "Mumbai (1:30 PM)",
+                                                                "value": "Asia/Kolkata",
+                                                              },
+                                                              Object {
+                                                                "index": 430,
+                                                                "label": "New Delhi (1:30 PM)",
+                                                                "value": "Asia/Kolkata",
+                                                              },
+                                                              Object {
+                                                                "index": 430,
+                                                                "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                "value": "Asia/Colombo",
+                                                              },
+                                                              Object {
+                                                                "index": 445,
+                                                                "label": "Kathmandu (1:45 PM)",
+                                                                "value": "Asia/Kathmandu",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Chihuahua (2:00 AM)",
+                                                                "value": "America/Chihuahua",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Mazatlan (2:00 AM)",
+                                                                "value": "America/Mazatlan",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Saskatchewan (2:00 AM)",
+                                                                "value": "America/Regina",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Central America (2:00 AM)",
+                                                                "value": "America/Guatemala",
+                                                              },
                                                               Object {
-                                                                "label": "",
-                                                                "value": null,
+                                                                "index": 460,
+                                                                "label": "Astana (2:00 PM)",
+                                                                "value": "Asia/Dhaka",
                                                               },
                                                               Object {
-                                                                "label": "Genesis Government Solutions, Inc.",
-                                                                "value": "Genesis Government Solutions, Inc.",
+                                                                "index": 460,
+                                                                "label": "Dhaka (2:00 PM)",
+                                                                "value": "Asia/Dhaka",
                                                               },
                                                               Object {
-                                                                "label": "Jamison Professional Services",
-                                                                "value": "Jamison Professional Services",
+                                                                "index": 460,
+                                                                "label": "Almaty (2:00 PM)",
+                                                                "value": "Asia/Almaty",
                                                               },
                                                               Object {
-                                                                "label": "The Ravens Group, Inc.",
-                                                                "value": "The Ravens Group, Inc.",
+                                                                "index": 460,
+                                                                "label": "Urumqi (2:00 PM)",
+                                                                "value": "Asia/Urumqi",
                                                               },
-                                                            ],
-                                                            "pageSize": 5,
-                                                            "placeholder": "Select...",
-                                                            "screenReaderStatus": [Function],
-                                                            "searchable": undefined,
-                                                            "shouldKeyDownEventCreateNewOption": [Function],
-                                                            "styles": Object {
-                                                              "input": [Function],
-                                                            },
-                                                            "tabIndex": "0",
-                                                            "tabSelectsValue": true,
-                                                            "value": null,
-                                                          }
-                                                        }
-                                                        setValue={[Function]}
-                                                        theme={
-                                                          Object {
-                                                            "borderRadius": 4,
-                                                            "colors": Object {
-                                                              "danger": "#DE350B",
-                                                              "dangerLight": "#FFBDAD",
-                                                              "neutral0": "hsl(0, 0%, 100%)",
-                                                              "neutral10": "hsl(0, 0%, 90%)",
-                                                              "neutral20": "hsl(0, 0%, 80%)",
-                                                              "neutral30": "hsl(0, 0%, 70%)",
-                                                              "neutral40": "hsl(0, 0%, 60%)",
-                                                              "neutral5": "hsl(0, 0%, 95%)",
-                                                              "neutral50": "hsl(0, 0%, 50%)",
-                                                              "neutral60": "hsl(0, 0%, 40%)",
-                                                              "neutral70": "hsl(0, 0%, 30%)",
-                                                              "neutral80": "hsl(0, 0%, 20%)",
-                                                              "neutral90": "hsl(0, 0%, 10%)",
-                                                              "primary": "#2684FF",
-                                                              "primary25": "#DEEBFF",
-                                                              "primary50": "#B2D4FF",
-                                                              "primary75": "#4C9AFF",
-                                                            },
-                                                            "spacing": Object {
-                                                              "baseUnit": 4,
-                                                              "controlHeight": 38,
-                                                              "menuGutter": 8,
-                                                            },
-                                                          }
-                                                        }
-                                                      >
-                                                        <EmotionCssPropInternal
-                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Placeholder"
-                                                          __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                          className="cf-select__placeholder"
-                                                          css={
-                                                            Object {
-                                                              "boxSizing": "border-box",
-                                                              "color": "hsl(0, 0%, 50%)",
-                                                              "label": "placeholder",
-                                                              "marginLeft": 2,
-                                                              "marginRight": 2,
-                                                              "position": "absolute",
-                                                              "top": "50%",
-                                                              "transform": "translateY(-50%)",
-                                                            }
-                                                          }
-                                                        >
-                                                          <div
-                                                            className="cf-select__placeholder css-1wa3eu0-placeholder"
-                                                          >
-                                                            Select...
-                                                          </div>
-                                                        </EmotionCssPropInternal>
-                                                      </Placeholder>
-                                                      <CustomInput
-                                                        aria-autocomplete="list"
-                                                        autoCapitalize="none"
-                                                        autoComplete="off"
-                                                        autoCorrect="off"
-                                                        cx={[Function]}
-                                                        getStyles={[Function]}
-                                                        id="transcriber"
-                                                        innerRef={[Function]}
-                                                        isDisabled={false}
-                                                        isHidden={false}
-                                                        onBlur={[Function]}
-                                                        onChange={[Function]}
-                                                        onFocus={[Function]}
-                                                        selectProps={
-                                                          Object {
-                                                            "backspaceRemovesValue": true,
-                                                            "blurInputOnSelect": true,
-                                                            "cache": false,
-                                                            "captureMenuScroll": false,
-                                                            "classNamePrefix": "cf-select",
-                                                            "closeMenuOnScroll": false,
-                                                            "closeMenuOnSelect": true,
-                                                            "components": Object {
-                                                              "Input": [Function],
-                                                              "MenuList": [Function],
-                                                              "Option": [Function],
-                                                            },
-                                                            "controlShouldRenderValue": true,
-                                                            "defaultOptions": undefined,
-                                                            "escapeClearsValue": false,
-                                                            "filterOption": [Function],
-                                                            "formatGroupLabel": [Function],
-                                                            "getOptionLabel": [Function],
-                                                            "getOptionValue": [Function],
-                                                            "inputId": "transcriber",
-                                                            "inputValue": "",
-                                                            "isClearable": undefined,
-                                                            "isDisabled": false,
-                                                            "isLoading": false,
-                                                            "isMulti": false,
-                                                            "isOptionDisabled": [Function],
-                                                            "isRtl": false,
-                                                            "isSearchable": true,
-                                                            "loadOptions": undefined,
-                                                            "loadingMessage": [Function],
-                                                            "maxMenuHeight": 300,
-                                                            "menuIsOpen": false,
-                                                            "menuPlacement": "bottom",
-                                                            "menuPosition": "absolute",
-                                                            "menuShouldBlockScroll": false,
-                                                            "menuShouldScrollIntoView": true,
-                                                            "minMenuHeight": 140,
-                                                            "name": "transcriber",
-                                                            "noOptionsMessage": [Function],
-                                                            "onBlurResetsInput": false,
-                                                            "onChange": [Function],
-                                                            "onInputChange": [Function],
-                                                            "onMenuClose": [Function],
-                                                            "onMenuOpen": [Function],
-                                                            "openMenuOnClick": true,
-                                                            "openMenuOnFocus": false,
-                                                            "options": Array [
                                                               Object {
-                                                                "label": "",
-                                                                "value": null,
+                                                                "index": 490,
+                                                                "label": "Rangoon (2:30 PM)",
+                                                                "value": "Asia/Rangoon",
                                                               },
                                                               Object {
-                                                                "label": "Genesis Government Solutions, Inc.",
-                                                                "value": "Genesis Government Solutions, Inc.",
+                                                                "index": 520,
+                                                                "label": "Tijuana (1:00 AM)",
+                                                                "value": "America/Tijuana",
                                                               },
                                                               Object {
-                                                                "label": "Jamison Professional Services",
-                                                                "value": "Jamison Professional Services",
+                                                                "index": 520,
+                                                                "label": "Novosibirsk (3:00 PM)",
+                                                                "value": "Asia/Novosibirsk",
                                                               },
                                                               Object {
-                                                                "label": "The Ravens Group, Inc.",
-                                                                "value": "The Ravens Group, Inc.",
+                                                                "index": 520,
+                                                                "label": "Bangkok (3:00 PM)",
+                                                                "value": "Asia/Bangkok",
                                                               },
-                                                            ],
-                                                            "pageSize": 5,
-                                                            "placeholder": "Select...",
-                                                            "screenReaderStatus": [Function],
-                                                            "searchable": undefined,
-                                                            "shouldKeyDownEventCreateNewOption": [Function],
-                                                            "styles": Object {
-                                                              "input": [Function],
-                                                            },
-                                                            "tabIndex": "0",
-                                                            "tabSelectsValue": true,
-                                                            "value": null,
-                                                          }
-                                                        }
-                                                        spellCheck="false"
-                                                        tabIndex="0"
-                                                        theme={
-                                                          Object {
-                                                            "borderRadius": 4,
-                                                            "colors": Object {
-                                                              "danger": "#DE350B",
-                                                              "dangerLight": "#FFBDAD",
-                                                              "neutral0": "hsl(0, 0%, 100%)",
-                                                              "neutral10": "hsl(0, 0%, 90%)",
-                                                              "neutral20": "hsl(0, 0%, 80%)",
-                                                              "neutral30": "hsl(0, 0%, 70%)",
-                                                              "neutral40": "hsl(0, 0%, 60%)",
-                                                              "neutral5": "hsl(0, 0%, 95%)",
-                                                              "neutral50": "hsl(0, 0%, 50%)",
-                                                              "neutral60": "hsl(0, 0%, 40%)",
-                                                              "neutral70": "hsl(0, 0%, 30%)",
-                                                              "neutral80": "hsl(0, 0%, 20%)",
-                                                              "neutral90": "hsl(0, 0%, 10%)",
-                                                              "primary": "#2684FF",
-                                                              "primary25": "#DEEBFF",
-                                                              "primary50": "#B2D4FF",
-                                                              "primary75": "#4C9AFF",
-                                                            },
-                                                            "spacing": Object {
-                                                              "baseUnit": 4,
-                                                              "controlHeight": 38,
-                                                              "menuGutter": 8,
-                                                            },
-                                                          }
-                                                        }
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <Input
-                                                          aria-autocomplete="list"
-                                                          aria-expanded={false}
-                                                          aria-haspopup={true}
-                                                          aria-labelledby="transcriber-label"
-                                                          aria-owns="transcriber-listbox"
-                                                          autoCapitalize="none"
-                                                          autoComplete="off"
-                                                          autoCorrect="off"
-                                                          cx={[Function]}
-                                                          getStyles={[Function]}
-                                                          id="transcriber"
-                                                          innerRef={[Function]}
-                                                          isDisabled={false}
-                                                          isHidden={false}
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          role="combobox"
-                                                          selectProps={
-                                                            Object {
-                                                              "backspaceRemovesValue": true,
-                                                              "blurInputOnSelect": true,
-                                                              "cache": false,
-                                                              "captureMenuScroll": false,
-                                                              "classNamePrefix": "cf-select",
-                                                              "closeMenuOnScroll": false,
-                                                              "closeMenuOnSelect": true,
-                                                              "components": Object {
-                                                                "Input": [Function],
-                                                                "MenuList": [Function],
-                                                                "Option": [Function],
+                                                              Object {
+                                                                "index": 520,
+                                                                "label": "Hanoi (3:00 PM)",
+                                                                "value": "Asia/Bangkok",
                                                               },
-                                                              "controlShouldRenderValue": true,
-                                                              "defaultOptions": undefined,
-                                                              "escapeClearsValue": false,
-                                                              "filterOption": [Function],
-                                                              "formatGroupLabel": [Function],
-                                                              "getOptionLabel": [Function],
-                                                              "getOptionValue": [Function],
-                                                              "inputId": "transcriber",
-                                                              "inputValue": "",
-                                                              "isClearable": undefined,
-                                                              "isDisabled": false,
-                                                              "isLoading": false,
-                                                              "isMulti": false,
-                                                              "isOptionDisabled": [Function],
-                                                              "isRtl": false,
-                                                              "isSearchable": true,
-                                                              "loadOptions": undefined,
-                                                              "loadingMessage": [Function],
-                                                              "maxMenuHeight": 300,
-                                                              "menuIsOpen": false,
-                                                              "menuPlacement": "bottom",
-                                                              "menuPosition": "absolute",
-                                                              "menuShouldBlockScroll": false,
-                                                              "menuShouldScrollIntoView": true,
-                                                              "minMenuHeight": 140,
-                                                              "name": "transcriber",
-                                                              "noOptionsMessage": [Function],
-                                                              "onBlurResetsInput": false,
-                                                              "onChange": [Function],
-                                                              "onInputChange": [Function],
-                                                              "onMenuClose": [Function],
-                                                              "onMenuOpen": [Function],
-                                                              "openMenuOnClick": true,
-                                                              "openMenuOnFocus": false,
-                                                              "options": Array [
-                                                                Object {
-                                                                  "label": "",
-                                                                  "value": null,
-                                                                },
-                                                                Object {
-                                                                  "label": "Genesis Government Solutions, Inc.",
-                                                                  "value": "Genesis Government Solutions, Inc.",
-                                                                },
-                                                                Object {
-                                                                  "label": "Jamison Professional Services",
-                                                                  "value": "Jamison Professional Services",
-                                                                },
-                                                                Object {
-                                                                  "label": "The Ravens Group, Inc.",
-                                                                  "value": "The Ravens Group, Inc.",
-                                                                },
-                                                              ],
-                                                              "pageSize": 5,
-                                                              "placeholder": "Select...",
-                                                              "screenReaderStatus": [Function],
-                                                              "searchable": undefined,
-                                                              "shouldKeyDownEventCreateNewOption": [Function],
-                                                              "styles": Object {
-                                                                "input": [Function],
+                                                              Object {
+                                                                "index": 520,
+                                                                "label": "Jakarta (3:00 PM)",
+                                                                "value": "Asia/Jakarta",
                                                               },
-                                                              "tabIndex": "0",
-                                                              "tabSelectsValue": true,
-                                                              "value": null,
-                                                            }
-                                                          }
-                                                          spellCheck="false"
-                                                          tabIndex="0"
-                                                          theme={
-                                                            Object {
-                                                              "borderRadius": 4,
-                                                              "colors": Object {
-                                                                "danger": "#DE350B",
-                                                                "dangerLight": "#FFBDAD",
-                                                                "neutral0": "hsl(0, 0%, 100%)",
-                                                                "neutral10": "hsl(0, 0%, 90%)",
-                                                                "neutral20": "hsl(0, 0%, 80%)",
-                                                                "neutral30": "hsl(0, 0%, 70%)",
-                                                                "neutral40": "hsl(0, 0%, 60%)",
-                                                                "neutral5": "hsl(0, 0%, 95%)",
-                                                                "neutral50": "hsl(0, 0%, 50%)",
-                                                                "neutral60": "hsl(0, 0%, 40%)",
-                                                                "neutral70": "hsl(0, 0%, 30%)",
-                                                                "neutral80": "hsl(0, 0%, 20%)",
-                                                                "neutral90": "hsl(0, 0%, 10%)",
-                                                                "primary": "#2684FF",
-                                                                "primary25": "#DEEBFF",
-                                                                "primary50": "#B2D4FF",
-                                                                "primary75": "#4C9AFF",
+                                                              Object {
+                                                                "index": 520,
+                                                                "label": "Krasnoyarsk (3:00 PM)",
+                                                                "value": "Asia/Krasnoyarsk",
                                                               },
-                                                              "spacing": Object {
-                                                                "baseUnit": 4,
-                                                                "controlHeight": 38,
-                                                                "menuGutter": 8,
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Beijing (4:00 PM)",
+                                                                "value": "Asia/Shanghai",
                                                               },
-                                                            }
-                                                          }
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <EmotionCssPropInternal
-                                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Input"
-                                                            __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                            css={
                                                               Object {
-                                                                "height": "44px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <div
-                                                              className="css-81nyic-Input"
-                                                            >
-                                                              <AutosizeInput
-                                                                aria-autocomplete="list"
-                                                                aria-expanded={false}
-                                                                aria-haspopup={true}
-                                                                aria-labelledby="transcriber-label"
-                                                                aria-owns="transcriber-listbox"
-                                                                autoCapitalize="none"
-                                                                autoComplete="off"
-                                                                autoCorrect="off"
-                                                                className="cf-select__input"
-                                                                disabled={false}
-                                                                id="transcriber"
-                                                                injectStyles={true}
-                                                                inputRef={[Function]}
-                                                                inputStyle={
-                                                                  Object {
-                                                                    "background": 0,
-                                                                    "border": 0,
-                                                                    "color": "inherit",
-                                                                    "fontSize": "inherit",
-                                                                    "label": "input",
-                                                                    "opacity": 1,
-                                                                    "outline": 0,
-                                                                    "padding": 0,
-                                                                  }
-                                                                }
-                                                                minWidth={1}
-                                                                onBlur={[Function]}
-                                                                onChange={[Function]}
-                                                                onFocus={[Function]}
-                                                                role="combobox"
-                                                                spellCheck="false"
-                                                                tabIndex="0"
-                                                                type="text"
-                                                                value=""
-                                                              >
-                                                                <div
-                                                                  className="cf-select__input"
-                                                                  style={
-                                                                    Object {
-                                                                      "display": "inline-block",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <input
-                                                                    aria-autocomplete="list"
-                                                                    aria-expanded={false}
-                                                                    aria-haspopup={true}
-                                                                    aria-labelledby="transcriber-label"
-                                                                    aria-owns="transcriber-listbox"
-                                                                    autoCapitalize="none"
-                                                                    autoComplete="off"
-                                                                    autoCorrect="off"
-                                                                    disabled={false}
-                                                                    id="transcriber"
-                                                                    onBlur={[Function]}
-                                                                    onChange={[Function]}
-                                                                    onFocus={[Function]}
-                                                                    role="combobox"
-                                                                    spellCheck="false"
-                                                                    style={
-                                                                      Object {
-                                                                        "background": 0,
-                                                                        "border": 0,
-                                                                        "boxSizing": "content-box",
-                                                                        "color": "inherit",
-                                                                        "fontSize": "inherit",
-                                                                        "label": "input",
-                                                                        "opacity": 1,
-                                                                        "outline": 0,
-                                                                        "padding": 0,
-                                                                        "width": "2px",
-                                                                      }
-                                                                    }
-                                                                    tabIndex="0"
-                                                                    type="text"
-                                                                    value=""
-                                                                  />
-                                                                  <div
-                                                                    style={
-                                                                      Object {
-                                                                        "height": 0,
-                                                                        "left": 0,
-                                                                        "overflow": "scroll",
-                                                                        "position": "absolute",
-                                                                        "top": 0,
-                                                                        "visibility": "hidden",
-                                                                        "whiteSpace": "pre",
-                                                                      }
-                                                                    }
-                                                                  />
-                                                                </div>
-                                                              </AutosizeInput>
-                                                            </div>
-                                                          </EmotionCssPropInternal>
-                                                        </Input>
-                                                      </CustomInput>
-                                                    </div>
-                                                  </EmotionCssPropInternal>
-                                                </ValueContainer>
-                                                <IndicatorsContainer
-                                                  clearValue={[Function]}
-                                                  cx={[Function]}
-                                                  getStyles={[Function]}
-                                                  getValue={[Function]}
-                                                  hasValue={false}
-                                                  isDisabled={false}
-                                                  isMulti={false}
-                                                  isRtl={false}
-                                                  options={
-                                                    Array [
-                                                      Object {
-                                                        "label": "",
-                                                        "value": null,
-                                                      },
-                                                      Object {
-                                                        "label": "Genesis Government Solutions, Inc.",
-                                                        "value": "Genesis Government Solutions, Inc.",
-                                                      },
-                                                      Object {
-                                                        "label": "Jamison Professional Services",
-                                                        "value": "Jamison Professional Services",
-                                                      },
-                                                      Object {
-                                                        "label": "The Ravens Group, Inc.",
-                                                        "value": "The Ravens Group, Inc.",
-                                                      },
-                                                    ]
-                                                  }
-                                                  selectOption={[Function]}
-                                                  selectProps={
-                                                    Object {
-                                                      "backspaceRemovesValue": true,
-                                                      "blurInputOnSelect": true,
-                                                      "cache": false,
-                                                      "captureMenuScroll": false,
-                                                      "classNamePrefix": "cf-select",
-                                                      "closeMenuOnScroll": false,
-                                                      "closeMenuOnSelect": true,
-                                                      "components": Object {
-                                                        "Input": [Function],
-                                                        "MenuList": [Function],
-                                                        "Option": [Function],
-                                                      },
-                                                      "controlShouldRenderValue": true,
-                                                      "defaultOptions": undefined,
-                                                      "escapeClearsValue": false,
-                                                      "filterOption": [Function],
-                                                      "formatGroupLabel": [Function],
-                                                      "getOptionLabel": [Function],
-                                                      "getOptionValue": [Function],
-                                                      "inputId": "transcriber",
-                                                      "inputValue": "",
-                                                      "isClearable": undefined,
-                                                      "isDisabled": false,
-                                                      "isLoading": false,
-                                                      "isMulti": false,
-                                                      "isOptionDisabled": [Function],
-                                                      "isRtl": false,
-                                                      "isSearchable": true,
-                                                      "loadOptions": undefined,
-                                                      "loadingMessage": [Function],
-                                                      "maxMenuHeight": 300,
-                                                      "menuIsOpen": false,
-                                                      "menuPlacement": "bottom",
-                                                      "menuPosition": "absolute",
-                                                      "menuShouldBlockScroll": false,
-                                                      "menuShouldScrollIntoView": true,
-                                                      "minMenuHeight": 140,
-                                                      "name": "transcriber",
-                                                      "noOptionsMessage": [Function],
-                                                      "onBlurResetsInput": false,
-                                                      "onChange": [Function],
-                                                      "onInputChange": [Function],
-                                                      "onMenuClose": [Function],
-                                                      "onMenuOpen": [Function],
-                                                      "openMenuOnClick": true,
-                                                      "openMenuOnFocus": false,
-                                                      "options": Array [
-                                                        Object {
-                                                          "label": "",
-                                                          "value": null,
-                                                        },
-                                                        Object {
-                                                          "label": "Genesis Government Solutions, Inc.",
-                                                          "value": "Genesis Government Solutions, Inc.",
-                                                        },
-                                                        Object {
-                                                          "label": "Jamison Professional Services",
-                                                          "value": "Jamison Professional Services",
-                                                        },
-                                                        Object {
-                                                          "label": "The Ravens Group, Inc.",
-                                                          "value": "The Ravens Group, Inc.",
-                                                        },
-                                                      ],
-                                                      "pageSize": 5,
-                                                      "placeholder": "Select...",
-                                                      "screenReaderStatus": [Function],
-                                                      "searchable": undefined,
-                                                      "shouldKeyDownEventCreateNewOption": [Function],
-                                                      "styles": Object {
-                                                        "input": [Function],
-                                                      },
-                                                      "tabIndex": "0",
-                                                      "tabSelectsValue": true,
-                                                      "value": null,
-                                                    }
-                                                  }
-                                                  setValue={[Function]}
-                                                  theme={
-                                                    Object {
-                                                      "borderRadius": 4,
-                                                      "colors": Object {
-                                                        "danger": "#DE350B",
-                                                        "dangerLight": "#FFBDAD",
-                                                        "neutral0": "hsl(0, 0%, 100%)",
-                                                        "neutral10": "hsl(0, 0%, 90%)",
-                                                        "neutral20": "hsl(0, 0%, 80%)",
-                                                        "neutral30": "hsl(0, 0%, 70%)",
-                                                        "neutral40": "hsl(0, 0%, 60%)",
-                                                        "neutral5": "hsl(0, 0%, 95%)",
-                                                        "neutral50": "hsl(0, 0%, 50%)",
-                                                        "neutral60": "hsl(0, 0%, 40%)",
-                                                        "neutral70": "hsl(0, 0%, 30%)",
-                                                        "neutral80": "hsl(0, 0%, 20%)",
-                                                        "neutral90": "hsl(0, 0%, 10%)",
-                                                        "primary": "#2684FF",
-                                                        "primary25": "#DEEBFF",
-                                                        "primary50": "#B2D4FF",
-                                                        "primary75": "#4C9AFF",
-                                                      },
-                                                      "spacing": Object {
-                                                        "baseUnit": 4,
-                                                        "controlHeight": 38,
-                                                        "menuGutter": 8,
-                                                      },
-                                                    }
-                                                  }
-                                                >
-                                                  <EmotionCssPropInternal
-                                                    __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorsContainer"
-                                                    __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                    className="cf-select__indicators"
-                                                    css={
-                                                      Object {
-                                                        "alignItems": "center",
-                                                        "alignSelf": "stretch",
-                                                        "boxSizing": "border-box",
-                                                        "display": "flex",
-                                                        "flexShrink": 0,
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="cf-select__indicators css-1hb7zxy-IndicatorsContainer"
-                                                    >
-                                                      <IndicatorSeparator
-                                                        clearValue={[Function]}
-                                                        cx={[Function]}
-                                                        getStyles={[Function]}
-                                                        getValue={[Function]}
-                                                        hasValue={false}
-                                                        isDisabled={false}
-                                                        isFocused={false}
-                                                        isMulti={false}
-                                                        isRtl={false}
-                                                        options={
-                                                          Array [
-                                                            Object {
-                                                              "label": "",
-                                                              "value": null,
-                                                            },
-                                                            Object {
-                                                              "label": "Genesis Government Solutions, Inc.",
-                                                              "value": "Genesis Government Solutions, Inc.",
-                                                            },
-                                                            Object {
-                                                              "label": "Jamison Professional Services",
-                                                              "value": "Jamison Professional Services",
-                                                            },
-                                                            Object {
-                                                              "label": "The Ravens Group, Inc.",
-                                                              "value": "The Ravens Group, Inc.",
-                                                            },
-                                                          ]
-                                                        }
-                                                        selectOption={[Function]}
-                                                        selectProps={
-                                                          Object {
-                                                            "backspaceRemovesValue": true,
-                                                            "blurInputOnSelect": true,
-                                                            "cache": false,
-                                                            "captureMenuScroll": false,
-                                                            "classNamePrefix": "cf-select",
-                                                            "closeMenuOnScroll": false,
-                                                            "closeMenuOnSelect": true,
-                                                            "components": Object {
-                                                              "Input": [Function],
-                                                              "MenuList": [Function],
-                                                              "Option": [Function],
-                                                            },
-                                                            "controlShouldRenderValue": true,
-                                                            "defaultOptions": undefined,
-                                                            "escapeClearsValue": false,
-                                                            "filterOption": [Function],
-                                                            "formatGroupLabel": [Function],
-                                                            "getOptionLabel": [Function],
-                                                            "getOptionValue": [Function],
-                                                            "inputId": "transcriber",
-                                                            "inputValue": "",
-                                                            "isClearable": undefined,
-                                                            "isDisabled": false,
-                                                            "isLoading": false,
-                                                            "isMulti": false,
-                                                            "isOptionDisabled": [Function],
-                                                            "isRtl": false,
-                                                            "isSearchable": true,
-                                                            "loadOptions": undefined,
-                                                            "loadingMessage": [Function],
-                                                            "maxMenuHeight": 300,
-                                                            "menuIsOpen": false,
-                                                            "menuPlacement": "bottom",
-                                                            "menuPosition": "absolute",
-                                                            "menuShouldBlockScroll": false,
-                                                            "menuShouldScrollIntoView": true,
-                                                            "minMenuHeight": 140,
-                                                            "name": "transcriber",
-                                                            "noOptionsMessage": [Function],
-                                                            "onBlurResetsInput": false,
-                                                            "onChange": [Function],
-                                                            "onInputChange": [Function],
-                                                            "onMenuClose": [Function],
-                                                            "onMenuOpen": [Function],
-                                                            "openMenuOnClick": true,
-                                                            "openMenuOnFocus": false,
-                                                            "options": Array [
+                                                                "index": 580,
+                                                                "label": "Chongqing (4:00 PM)",
+                                                                "value": "Asia/Chongqing",
+                                                              },
                                                               Object {
-                                                                "label": "",
-                                                                "value": null,
+                                                                "index": 580,
+                                                                "label": "Hong Kong (4:00 PM)",
+                                                                "value": "Asia/Hong_Kong",
                                                               },
                                                               Object {
-                                                                "label": "Genesis Government Solutions, Inc.",
-                                                                "value": "Genesis Government Solutions, Inc.",
+                                                                "index": 580,
+                                                                "label": "Kuala Lumpur (4:00 PM)",
+                                                                "value": "Asia/Kuala_Lumpur",
                                                               },
                                                               Object {
-                                                                "label": "Jamison Professional Services",
-                                                                "value": "Jamison Professional Services",
+                                                                "index": 580,
+                                                                "label": "Singapore (4:00 PM)",
+                                                                "value": "Asia/Singapore",
                                                               },
                                                               Object {
-                                                                "label": "The Ravens Group, Inc.",
-                                                                "value": "The Ravens Group, Inc.",
+                                                                "index": 580,
+                                                                "label": "Taipei (4:00 PM)",
+                                                                "value": "Asia/Taipei",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Perth (4:00 PM)",
+                                                                "value": "Australia/Perth",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Irkutsk (4:00 PM)",
+                                                                "value": "Asia/Irkutsk",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Ulaanbaatar (4:00 PM)",
+                                                                "value": "Asia/Ulaanbaatar",
+                                                              },
+                                                              Object {
+                                                                "index": 640,
+                                                                "label": "Seoul (5:00 PM)",
+                                                                "value": "Asia/Seoul",
+                                                              },
+                                                              Object {
+                                                                "index": 640,
+                                                                "label": "Osaka (5:00 PM)",
+                                                                "value": "Asia/Tokyo",
+                                                              },
+                                                              Object {
+                                                                "index": 640,
+                                                                "label": "Sapporo (5:00 PM)",
+                                                                "value": "Asia/Tokyo",
+                                                              },
+                                                              Object {
+                                                                "index": 640,
+                                                                "label": "Tokyo (5:00 PM)",
+                                                                "value": "Asia/Tokyo",
+                                                              },
+                                                              Object {
+                                                                "index": 640,
+                                                                "label": "Yakutsk (5:00 PM)",
+                                                                "value": "Asia/Yakutsk",
+                                                              },
+                                                              Object {
+                                                                "index": 670,
+                                                                "label": "Darwin (5:30 PM)",
+                                                                "value": "Australia/Darwin",
+                                                              },
+                                                              Object {
+                                                                "index": 670,
+                                                                "label": "Adelaide (5:30 PM)",
+                                                                "value": "Australia/Adelaide",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Canberra (6:00 PM)",
+                                                                "value": "Australia/Melbourne",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Melbourne (6:00 PM)",
+                                                                "value": "Australia/Melbourne",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Sydney (6:00 PM)",
+                                                                "value": "Australia/Sydney",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Brisbane (6:00 PM)",
+                                                                "value": "Australia/Brisbane",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Hobart (6:00 PM)",
+                                                                "value": "Australia/Hobart",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Vladivostok (6:00 PM)",
+                                                                "value": "Asia/Vladivostok",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Guam (6:00 PM)",
+                                                                "value": "Pacific/Guam",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Port Moresby (6:00 PM)",
+                                                                "value": "Pacific/Port_Moresby",
+                                                              },
+                                                              Object {
+                                                                "index": 760,
+                                                                "label": "Midway Island (9:00 PM)",
+                                                                "value": "Pacific/Midway",
+                                                              },
+                                                              Object {
+                                                                "index": 760,
+                                                                "label": "American Samoa (9:00 PM)",
+                                                                "value": "Pacific/Pago_Pago",
+                                                              },
+                                                              Object {
+                                                                "index": 760,
+                                                                "label": "Magadan (7:00 PM)",
+                                                                "value": "Asia/Magadan",
+                                                              },
+                                                              Object {
+                                                                "index": 760,
+                                                                "label": "Srednekolymsk (7:00 PM)",
+                                                                "value": "Asia/Srednekolymsk",
+                                                              },
+                                                              Object {
+                                                                "index": 760,
+                                                                "label": "Solomon Is. (7:00 PM)",
+                                                                "value": "Pacific/Guadalcanal",
+                                                              },
+                                                              Object {
+                                                                "index": 760,
+                                                                "label": "New Caledonia (7:00 PM)",
+                                                                "value": "Pacific/Noumea",
+                                                              },
+                                                              Object {
+                                                                "index": 820,
+                                                                "label": "International Date Line West (8:00 PM)",
+                                                                "value": "Etc/GMT+12",
+                                                              },
+                                                              Object {
+                                                                "index": 820,
+                                                                "label": "Fiji (8:00 PM)",
+                                                                "value": "Pacific/Fiji",
+                                                              },
+                                                              Object {
+                                                                "index": 820,
+                                                                "label": "Kamchatka (8:00 PM)",
+                                                                "value": "Asia/Kamchatka",
                                                               },
-                                                            ],
-                                                            "pageSize": 5,
-                                                            "placeholder": "Select...",
-                                                            "screenReaderStatus": [Function],
-                                                            "searchable": undefined,
-                                                            "shouldKeyDownEventCreateNewOption": [Function],
-                                                            "styles": Object {
-                                                              "input": [Function],
-                                                            },
-                                                            "tabIndex": "0",
-                                                            "tabSelectsValue": true,
-                                                            "value": null,
-                                                          }
-                                                        }
-                                                        setValue={[Function]}
-                                                        theme={
-                                                          Object {
-                                                            "borderRadius": 4,
-                                                            "colors": Object {
-                                                              "danger": "#DE350B",
-                                                              "dangerLight": "#FFBDAD",
-                                                              "neutral0": "hsl(0, 0%, 100%)",
-                                                              "neutral10": "hsl(0, 0%, 90%)",
-                                                              "neutral20": "hsl(0, 0%, 80%)",
-                                                              "neutral30": "hsl(0, 0%, 70%)",
-                                                              "neutral40": "hsl(0, 0%, 60%)",
-                                                              "neutral5": "hsl(0, 0%, 95%)",
-                                                              "neutral50": "hsl(0, 0%, 50%)",
-                                                              "neutral60": "hsl(0, 0%, 40%)",
-                                                              "neutral70": "hsl(0, 0%, 30%)",
-                                                              "neutral80": "hsl(0, 0%, 20%)",
-                                                              "neutral90": "hsl(0, 0%, 10%)",
-                                                              "primary": "#2684FF",
-                                                              "primary25": "#DEEBFF",
-                                                              "primary50": "#B2D4FF",
-                                                              "primary75": "#4C9AFF",
-                                                            },
-                                                            "spacing": Object {
-                                                              "baseUnit": 4,
-                                                              "controlHeight": 38,
-                                                              "menuGutter": 8,
-                                                            },
-                                                          }
-                                                        }
-                                                      >
-                                                        <EmotionCssPropInternal
-                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorSeparator"
-                                                          __EMOTION_TYPE_PLEASE_DO_NOT_USE__="span"
-                                                          className="cf-select__indicator-separator"
-                                                          css={
-                                                            Object {
-                                                              "alignSelf": "stretch",
-                                                              "backgroundColor": "hsl(0, 0%, 80%)",
-                                                              "boxSizing": "border-box",
-                                                              "label": "indicatorSeparator",
-                                                              "marginBottom": 8,
-                                                              "marginTop": 8,
-                                                              "width": 1,
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            className="cf-select__indicator-separator css-1okebmr-indicatorSeparator"
-                                                          />
-                                                        </EmotionCssPropInternal>
-                                                      </IndicatorSeparator>
-                                                      <DropdownIndicator
-                                                        clearValue={[Function]}
-                                                        cx={[Function]}
-                                                        getStyles={[Function]}
-                                                        getValue={[Function]}
-                                                        hasValue={false}
-                                                        innerProps={
-                                                          Object {
-                                                            "aria-hidden": "true",
-                                                            "onMouseDown": [Function],
-                                                            "onTouchEnd": [Function],
-                                                          }
-                                                        }
-                                                        isDisabled={false}
-                                                        isFocused={false}
-                                                        isMulti={false}
-                                                        isRtl={false}
-                                                        options={
-                                                          Array [
-                                                            Object {
-                                                              "label": "",
-                                                              "value": null,
-                                                            },
-                                                            Object {
-                                                              "label": "Genesis Government Solutions, Inc.",
-                                                              "value": "Genesis Government Solutions, Inc.",
-                                                            },
-                                                            Object {
-                                                              "label": "Jamison Professional Services",
-                                                              "value": "Jamison Professional Services",
-                                                            },
-                                                            Object {
-                                                              "label": "The Ravens Group, Inc.",
-                                                              "value": "The Ravens Group, Inc.",
-                                                            },
-                                                          ]
-                                                        }
-                                                        selectOption={[Function]}
-                                                        selectProps={
-                                                          Object {
-                                                            "backspaceRemovesValue": true,
-                                                            "blurInputOnSelect": true,
-                                                            "cache": false,
-                                                            "captureMenuScroll": false,
-                                                            "classNamePrefix": "cf-select",
-                                                            "closeMenuOnScroll": false,
-                                                            "closeMenuOnSelect": true,
-                                                            "components": Object {
-                                                              "Input": [Function],
-                                                              "MenuList": [Function],
-                                                              "Option": [Function],
-                                                            },
-                                                            "controlShouldRenderValue": true,
-                                                            "defaultOptions": undefined,
-                                                            "escapeClearsValue": false,
-                                                            "filterOption": [Function],
-                                                            "formatGroupLabel": [Function],
-                                                            "getOptionLabel": [Function],
-                                                            "getOptionValue": [Function],
-                                                            "inputId": "transcriber",
-                                                            "inputValue": "",
-                                                            "isClearable": undefined,
-                                                            "isDisabled": false,
-                                                            "isLoading": false,
-                                                            "isMulti": false,
-                                                            "isOptionDisabled": [Function],
-                                                            "isRtl": false,
-                                                            "isSearchable": true,
-                                                            "loadOptions": undefined,
-                                                            "loadingMessage": [Function],
-                                                            "maxMenuHeight": 300,
-                                                            "menuIsOpen": false,
-                                                            "menuPlacement": "bottom",
-                                                            "menuPosition": "absolute",
-                                                            "menuShouldBlockScroll": false,
-                                                            "menuShouldScrollIntoView": true,
-                                                            "minMenuHeight": 140,
-                                                            "name": "transcriber",
-                                                            "noOptionsMessage": [Function],
-                                                            "onBlurResetsInput": false,
-                                                            "onChange": [Function],
-                                                            "onInputChange": [Function],
-                                                            "onMenuClose": [Function],
-                                                            "onMenuOpen": [Function],
-                                                            "openMenuOnClick": true,
-                                                            "openMenuOnFocus": false,
-                                                            "options": Array [
                                                               Object {
-                                                                "label": "",
-                                                                "value": null,
+                                                                "index": 820,
+                                                                "label": "Marshall Is. (8:00 PM)",
+                                                                "value": "Pacific/Majuro",
                                                               },
                                                               Object {
-                                                                "label": "Genesis Government Solutions, Inc.",
-                                                                "value": "Genesis Government Solutions, Inc.",
+                                                                "index": 820,
+                                                                "label": "Auckland (8:00 PM)",
+                                                                "value": "Pacific/Auckland",
                                                               },
                                                               Object {
-                                                                "label": "Jamison Professional Services",
-                                                                "value": "Jamison Professional Services",
+                                                                "index": 820,
+                                                                "label": "Wellington (8:00 PM)",
+                                                                "value": "Pacific/Auckland",
                                                               },
                                                               Object {
-                                                                "label": "The Ravens Group, Inc.",
-                                                                "value": "The Ravens Group, Inc.",
+                                                                "index": 865,
+                                                                "label": "Chatham Is. (8:45 PM)",
+                                                                "value": "Pacific/Chatham",
                                                               },
-                                                            ],
-                                                            "pageSize": 5,
-                                                            "placeholder": "Select...",
-                                                            "screenReaderStatus": [Function],
-                                                            "searchable": undefined,
-                                                            "shouldKeyDownEventCreateNewOption": [Function],
-                                                            "styles": Object {
-                                                              "input": [Function],
-                                                            },
-                                                            "tabIndex": "0",
-                                                            "tabSelectsValue": true,
-                                                            "value": null,
-                                                          }
-                                                        }
-                                                        setValue={[Function]}
-                                                        theme={
-                                                          Object {
-                                                            "borderRadius": 4,
-                                                            "colors": Object {
-                                                              "danger": "#DE350B",
-                                                              "dangerLight": "#FFBDAD",
-                                                              "neutral0": "hsl(0, 0%, 100%)",
-                                                              "neutral10": "hsl(0, 0%, 90%)",
-                                                              "neutral20": "hsl(0, 0%, 80%)",
-                                                              "neutral30": "hsl(0, 0%, 70%)",
-                                                              "neutral40": "hsl(0, 0%, 60%)",
-                                                              "neutral5": "hsl(0, 0%, 95%)",
-                                                              "neutral50": "hsl(0, 0%, 50%)",
-                                                              "neutral60": "hsl(0, 0%, 40%)",
-                                                              "neutral70": "hsl(0, 0%, 30%)",
-                                                              "neutral80": "hsl(0, 0%, 20%)",
-                                                              "neutral90": "hsl(0, 0%, 10%)",
-                                                              "primary": "#2684FF",
-                                                              "primary25": "#DEEBFF",
-                                                              "primary50": "#B2D4FF",
-                                                              "primary75": "#4C9AFF",
-                                                            },
-                                                            "spacing": Object {
-                                                              "baseUnit": 4,
-                                                              "controlHeight": 38,
-                                                              "menuGutter": 8,
-                                                            },
-                                                          }
-                                                        }
-                                                      >
-                                                        <EmotionCssPropInternal
-                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="DropdownIndicator"
-                                                          __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                          aria-hidden="true"
-                                                          className="cf-select__indicator cf-select__dropdown-indicator"
-                                                          css={
-                                                            Object {
-                                                              ":hover": Object {
-                                                                "color": "hsl(0, 0%, 60%)",
+                                                              Object {
+                                                                "index": 880,
+                                                                "label": "Nuku'alofa (9:00 PM)",
+                                                                "value": "Pacific/Tongatapu",
                                                               },
-                                                              "boxSizing": "border-box",
-                                                              "color": "hsl(0, 0%, 80%)",
-                                                              "display": "flex",
-                                                              "label": "indicatorContainer",
-                                                              "padding": 8,
-                                                              "transition": "color 150ms",
-                                                            }
-                                                          }
-                                                          onMouseDown={[Function]}
-                                                          onTouchEnd={[Function]}
-                                                        >
-                                                          <div
-                                                            aria-hidden="true"
-                                                            className="cf-select__indicator cf-select__dropdown-indicator css-tlfecz-indicatorContainer"
-                                                            onMouseDown={[Function]}
-                                                            onTouchEnd={[Function]}
-                                                          >
-                                                            <DownChevron>
-                                                              <Svg
-                                                                size={20}
-                                                              >
-                                                                <EmotionCssPropInternal
-                                                                  __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Svg"
-                                                                  __EMOTION_TYPE_PLEASE_DO_NOT_USE__="svg"
-                                                                  aria-hidden="true"
-                                                                  css={
-                                                                    Object {
-                                                                      "map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JJIiwiZmlsZSI6ImluZGljYXRvcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyB0eXBlIE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IENvbW1vblByb3BzLCBUaGVtZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBEcm9wZG93biAmIENsZWFyIEljb25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgU3ZnID0gKHsgc2l6ZSwgLi4ucHJvcHMgfTogeyBzaXplOiBudW1iZXIgfSkgPT4gKFxuICA8c3ZnXG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHdpZHRoPXtzaXplfVxuICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBmaWxsOiAnY3VycmVudENvbG9yJyxcbiAgICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICAgICAgc3Ryb2tlV2lkdGg6IDAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBhbnkpID0+IChcbiAgPFN2ZyBzaXplPXsyMH0gey4uLnByb3BzfT5cbiAgICA8cGF0aCBkPVwiTTE0LjM0OCAxNC44NDljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDBsLTIuNjUxLTMuMDMwLTIuNjUxIDMuMDI5Yy0wLjQ2OSAwLjQ2OS0xLjIyOSAwLjQ2OS0xLjY5NyAwLTAuNDY5LTAuNDY5LTAuNDY5LTEuMjI5IDAtMS42OTdsMi43NTgtMy4xNS0yLjc1OS0zLjE1MmMtMC40NjktMC40NjktMC40NjktMS4yMjggMC0xLjY5N3MxLjIyOC0wLjQ2OSAxLjY5NyAwbDIuNjUyIDMuMDMxIDIuNjUxLTMuMDMxYzAuNDY5LTAuNDY5IDEuMjI4LTAuNDY5IDEuNjk3IDBzMC40NjkgMS4yMjkgMCAxLjY5N2wtMi43NTggMy4xNTIgMi43NTggMy4xNWMwLjQ2OSAwLjQ2OSAwLjQ2OSAxLjIyOSAwIDEuNjk4elwiIC8+XG4gIDwvU3ZnPlxuKTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogYW55KSA9PiAoXG4gIDxTdmcgc2l6ZT17MjB9IHsuLi5wcm9wc30+XG4gICAgPHBhdGggZD1cIk00LjUxNiA3LjU0OGMwLjQzNi0wLjQ0NiAxLjA0My0wLjQ4MSAxLjU3NiAwbDMuOTA4IDMuNzQ3IDMuOTA4LTMuNzQ3YzAuNTMzLTAuNDgxIDEuMTQxLTAuNDQ2IDEuNTc0IDAgMC40MzYgMC40NDUgMC40MDggMS4xOTcgMCAxLjYxNS0wLjQwNiAwLjQxOC00LjY5NSA0LjUwMi00LjY5NSA0LjUwMi0wLjIxNyAwLjIyMy0wLjUwMiAwLjMzNS0wLjc4NyAwLjMzNXMtMC41Ny0wLjExMi0wLjc4OS0wLjMzNWMwIDAtNC4yODctNC4wODQtNC42OTUtNC41MDJzLTAuNDM2LTEuMTcgMC0xLjYxNXpcIiAvPlxuICA8L1N2Zz5cbik7XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRHJvcGRvd24gJiBDbGVhciBCdXR0b25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IHR5cGUgSW5kaWNhdG9yUHJvcHMgPSBDb21tb25Qcm9wcyAmIHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW46IE5vZGUsXG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufTtcblxuY29uc3QgYmFzZUNTUyA9ICh7XG4gIGlzRm9jdXNlZCxcbiAgdGhlbWU6IHtcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgY29sb3JzLFxuICB9LFxufTogSW5kaWNhdG9yUHJvcHMpID0+ICh7XG4gIGxhYmVsOiAnaW5kaWNhdG9yQ29udGFpbmVyJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcblxuICAnOmhvdmVyJzoge1xuICAgIGNvbG9yOiBpc0ZvY3VzZWQgPyBjb2xvcnMubmV1dHJhbDgwIDogY29sb3JzLm5ldXRyYWw0MCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2Ryb3Bkb3duSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnZHJvcGRvd24taW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2NsZWFySW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnY2xlYXItaW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG50eXBlIFNlcGFyYXRvclN0YXRlID0geyBpc0Rpc2FibGVkOiBib29sZWFuIH07XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBDb21tb25Qcm9wcyAmIFNlcGFyYXRvclN0YXRlKSA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gKHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiB7XG4gIGlzRm9jdXNlZDogYm9vbGVhbixcbiAgc2l6ZTogbnVtYmVyLFxuICB0aGVtZTogVGhlbWUsXG59KSA9PiAoe1xuICBsYWJlbDogJ2xvYWRpbmdJbmRpY2F0b3InLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuICBhbGlnblNlbGY6ICdjZW50ZXInLFxuICBmb250U2l6ZTogc2l6ZSxcbiAgbGluZUhlaWdodDogMSxcbiAgbWFyZ2luUmlnaHQ6IHNpemUsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxufSk7XG5cbnR5cGUgRG90UHJvcHMgPSB7IGRlbGF5OiBudW1iZXIsIG9mZnNldDogYm9vbGVhbiB9O1xuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogRG90UHJvcHMpID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGFuaW1hdGlvbjogYCR7bG9hZGluZ0RvdEFuaW1hdGlvbnN9IDFzIGVhc2UtaW4tb3V0ICR7ZGVsYXl9bXMgaW5maW5pdGU7YCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBib3JkZXJSYWRpdXM6ICcxZW0nLFxuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBtYXJnaW5MZWZ0OiBvZmZzZXQgPyAnMWVtJyA6IG51bGwsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdJY29uUHJvcHMgPSB7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufSAmIENvbW1vblByb3BzICYge1xuICAgIC8qKiBTZXQgc2l6ZSBvZiB0aGUgY29udGFpbmVyLiAqL1xuICAgIHNpemU6IG51bWJlcixcbiAgfTtcbmV4cG9ydCBjb25zdCBMb2FkaW5nSW5kaWNhdG9yID0gKHByb3BzOiBMb2FkaW5nSWNvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzLCBpc1J0bCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdsb2FkaW5nSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnbG9hZGluZy1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezB9IG9mZnNldD17aXNSdGx9IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MTYwfSBvZmZzZXQgLz5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXszMjB9IG9mZnNldD17IWlzUnRsfSAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbkxvYWRpbmdJbmRpY2F0b3IuZGVmYXVsdFByb3BzID0geyBzaXplOiA0IH07XG4iXX0= */",
-                                                                      "name": "19bqh2r",
-                                                                      "styles": "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;",
-                                                                      "toString": [Function],
-                                                                    }
-                                                                  }
-                                                                  focusable="false"
-                                                                  height={20}
-                                                                  viewBox="0 0 20 20"
-                                                                  width={20}
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    className="css-6q0nyr-Svg"
-                                                                    focusable="false"
-                                                                    height={20}
-                                                                    viewBox="0 0 20 20"
-                                                                    width={20}
-                                                                  >
-                                                                    <path
-                                                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                                                                    />
-                                                                  </svg>
-                                                                </EmotionCssPropInternal>
-                                                              </Svg>
-                                                            </DownChevron>
-                                                          </div>
-                                                        </EmotionCssPropInternal>
-                                                      </DropdownIndicator>
-                                                    </div>
-                                                  </EmotionCssPropInternal>
-                                                </IndicatorsContainer>
-                                              </div>
-                                            </EmotionCssPropInternal>
-                                          </Control>
-                                          <input
-                                            name="transcriber"
-                                            type="hidden"
-                                            value=""
-                                          />
-                                        </div>
-                                      </EmotionCssPropInternal>
-                                    </SelectContainer>
-                                  </Select>
-                                </StateManager>
-                              </div>
-                            </div>
-                          </div>
-                        </SearchableDropdown>
-                        <div />
-                      </div>
-                      <div
-                        data-css-1fmltfu=""
-                      >
-                        <DateSelector
-                          label="Sent to Transcriber"
-                          name="sentToTranscriberDate"
-                          onChange={[Function]}
-                          strongLabel={true}
-                          type="date"
-                        >
-                          <TextField
-                            className={
-                              Array [
-                                "cf-form-textinput",
-                              ]
-                            }
-                            label="Sent to Transcriber"
-                            max="9999-12-31"
-                            name="sentToTranscriberDate"
-                            onChange={[Function]}
-                            optional={false}
-                            placeholder="mm/dd/yyyy"
-                            required={false}
-                            strongLabel={true}
-                            type="date"
-                            useAriaLabel={false}
-                            validationError={null}
-                          >
-                            <div
-                              className="cf-form-textinput   "
-                            >
-                              <label
-                                htmlFor="sentToTranscriberDate"
-                              >
-                                <strong>
-                                  <FormLabel
-                                    label="Sent to Transcriber"
-                                    name="sentToTranscriberDate"
-                                    optional={false}
-                                    required={false}
-                                  >
-                                    <span>
-                                      Sent to Transcriber
-                                    </span>
-                                  </FormLabel>
-                                </strong>
-                              </label>
-                              <div
-                                className="input-container"
-                              >
-                                <input
-                                  className={
-                                    Array [
-                                      "cf-form-textinput",
-                                    ]
-                                  }
-                                  id="sentToTranscriberDate"
-                                  max="9999-12-31"
-                                  name="sentToTranscriberDate"
-                                  onBlur={[Function]}
-                                  onChange={[Function]}
-                                  placeholder="mm/dd/yyyy"
-                                  type="date"
-                                />
-                              </div>
-                            </div>
-                          </TextField>
-                        </DateSelector>
-                        <DateSelector
-                          label="Expected Return Date"
-                          name="expectedReturnDate"
-                          onChange={[Function]}
-                          strongLabel={true}
-                          type="date"
-                        >
-                          <TextField
-                            className={
-                              Array [
-                                "cf-form-textinput",
-                              ]
-                            }
-                            label="Expected Return Date"
-                            max="9999-12-31"
-                            name="expectedReturnDate"
-                            onChange={[Function]}
-                            optional={false}
-                            placeholder="mm/dd/yyyy"
-                            required={false}
-                            strongLabel={true}
-                            type="date"
-                            useAriaLabel={false}
-                            validationError={null}
-                          >
-                            <div
-                              className="cf-form-textinput   "
-                            >
-                              <label
-                                htmlFor="expectedReturnDate"
-                              >
-                                <strong>
-                                  <FormLabel
-                                    label="Expected Return Date"
-                                    name="expectedReturnDate"
-                                    optional={false}
-                                    required={false}
-                                  >
-                                    <span>
-                                      Expected Return Date
-                                    </span>
-                                  </FormLabel>
-                                </strong>
-                              </label>
-                              <div
-                                className="input-container"
-                              >
-                                <input
-                                  className={
-                                    Array [
-                                      "cf-form-textinput",
-                                    ]
-                                  }
-                                  id="expectedReturnDate"
-                                  max="9999-12-31"
-                                  name="expectedReturnDate"
-                                  onBlur={[Function]}
-                                  onChange={[Function]}
-                                  placeholder="mm/dd/yyyy"
-                                  type="date"
-                                />
-                              </div>
-                            </div>
-                          </TextField>
-                        </DateSelector>
-                        <DateSelector
-                          label="Transcript Uploaded to VBMS"
-                          name="uploadedToVbmsDate"
-                          onChange={[Function]}
-                          strongLabel={true}
-                          type="date"
-                        >
-                          <TextField
-                            className={
-                              Array [
-                                "cf-form-textinput",
-                              ]
-                            }
-                            label="Transcript Uploaded to VBMS"
-                            max="9999-12-31"
-                            name="uploadedToVbmsDate"
-                            onChange={[Function]}
-                            optional={false}
-                            placeholder="mm/dd/yyyy"
-                            required={false}
-                            strongLabel={true}
-                            type="date"
-                            useAriaLabel={false}
-                            validationError={null}
-                          >
-                            <div
-                              className="cf-form-textinput   "
-                            >
-                              <label
-                                htmlFor="uploadedToVbmsDate"
-                              >
-                                <strong>
-                                  <FormLabel
-                                    label="Transcript Uploaded to VBMS"
-                                    name="uploadedToVbmsDate"
-                                    optional={false}
-                                    required={false}
-                                  >
-                                    <span>
-                                      Transcript Uploaded to VBMS
-                                    </span>
-                                  </FormLabel>
-                                </strong>
-                              </label>
-                              <div
-                                className="input-container"
-                              >
-                                <input
-                                  className={
-                                    Array [
-                                      "cf-form-textinput",
-                                    ]
-                                  }
-                                  id="uploadedToVbmsDate"
-                                  max="9999-12-31"
-                                  name="uploadedToVbmsDate"
-                                  onBlur={[Function]}
-                                  onChange={[Function]}
-                                  placeholder="mm/dd/yyyy"
-                                  type="date"
-                                />
-                              </div>
-                            </div>
-                          </TextField>
-                        </DateSelector>
-                      </div>
-                    </TranscriptionDetailsInputs>
-                    <div
-                      className="cf-help-divider"
-                    />
-                    <h3>
-                      Transcription Problem
-                    </h3>
-                    <TranscriptionProblemInputs
-                      transcription={
-                        Object {
-                          "expectedReturnDate": undefined,
-                          "problemNoticeSentDate": undefined,
-                          "sentToTranscriberDate": undefined,
-                          "uploadedToVbmsDate": undefined,
-                        }
-                      }
-                      update={[Function]}
-                    >
-                      <div
-                        data-css-1fmltfu=""
-                      >
-                        <SearchableDropdown
-                          clearOnSelect={false}
-                          label="Transcription Problem Type"
-                          loading={false}
-                          name="problemType"
-                          onChange={[Function]}
-                          options={
-                            Array [
-                              Object {
-                                "label": "No audio",
-                                "value": "No audio",
-                              },
-                              Object {
-                                "label": "Poor Audio Quality",
-                                "value": "Poor Audio Quality",
-                              },
-                              Object {
-                                "label": "Incomplete Hearing",
-                                "value": "Incomplete Hearing",
-                              },
-                              Object {
-                                "label": "Other (see notes)",
-                                "value": "Other (see notes)",
-                              },
-                              Object {
-                                "label": "None",
-                                "value": null,
-                              },
-                            ]
-                          }
-                          strongLabel={true}
-                        >
-                          <div
-                            className=""
-                          >
-                            <div
-                              className="cf-form-dropdown dropdown-problemType"
-                            >
-                              <label
-                                className="question-label"
-                                htmlFor="problem-type"
-                                id="problem-type-label"
-                              >
-                                <strong>
-                                  <FormLabel
-                                    label="Transcription Problem Type"
-                                    name="Transcription Problem Type"
-                                  >
-                                    <span>
-                                      Transcription Problem Type
-                                    </span>
-                                  </FormLabel>
-                                </strong>
-                              </label>
-                              <div
-                                className="cf-select"
-                              >
-                                <StateManager
-                                  cache={false}
-                                  classNamePrefix="cf-select"
-                                  components={
-                                    Object {
-                                      "Input": [Function],
-                                      "MenuList": [Function],
-                                      "Option": [Function],
-                                    }
-                                  }
-                                  defaultInputValue=""
-                                  defaultMenuIsOpen={false}
-                                  defaultValue={null}
-                                  inputId="problem-type"
-                                  isLoading={false}
-                                  isSearchable={true}
-                                  name="problemType"
-                                  noOptionsMessage={[Function]}
-                                  onBlurResetsInput={false}
-                                  onChange={[Function]}
-                                  onMenuClose={[Function]}
-                                  onMenuOpen={[Function]}
-                                  options={
-                                    Array [
-                                      Object {
-                                        "label": "No audio",
-                                        "value": "No audio",
-                                      },
-                                      Object {
-                                        "label": "Poor Audio Quality",
-                                        "value": "Poor Audio Quality",
-                                      },
-                                      Object {
-                                        "label": "Incomplete Hearing",
-                                        "value": "Incomplete Hearing",
-                                      },
-                                      Object {
-                                        "label": "Other (see notes)",
-                                        "value": "Other (see notes)",
-                                      },
-                                      Object {
-                                        "label": "None",
-                                        "value": null,
-                                      },
-                                    ]
-                                  }
-                                  shouldKeyDownEventCreateNewOption={[Function]}
-                                  styles={
-                                    Object {
-                                      "input": [Function],
-                                    }
-                                  }
-                                >
-                                  <Select
-                                    backspaceRemovesValue={true}
-                                    blurInputOnSelect={true}
-                                    cache={false}
-                                    captureMenuScroll={false}
-                                    classNamePrefix="cf-select"
-                                    closeMenuOnScroll={false}
-                                    closeMenuOnSelect={true}
-                                    components={
-                                      Object {
-                                        "Input": [Function],
-                                        "MenuList": [Function],
-                                        "Option": [Function],
-                                      }
-                                    }
-                                    controlShouldRenderValue={true}
-                                    escapeClearsValue={false}
-                                    filterOption={[Function]}
-                                    formatGroupLabel={[Function]}
-                                    getOptionLabel={[Function]}
-                                    getOptionValue={[Function]}
-                                    inputId="problem-type"
-                                    inputValue=""
-                                    isDisabled={false}
-                                    isLoading={false}
-                                    isMulti={false}
-                                    isOptionDisabled={[Function]}
-                                    isRtl={false}
-                                    isSearchable={true}
-                                    loadingMessage={[Function]}
-                                    maxMenuHeight={300}
-                                    menuIsOpen={false}
-                                    menuPlacement="bottom"
-                                    menuPosition="absolute"
-                                    menuShouldBlockScroll={false}
-                                    menuShouldScrollIntoView={true}
-                                    minMenuHeight={140}
-                                    name="problemType"
-                                    noOptionsMessage={[Function]}
-                                    onBlurResetsInput={false}
-                                    onChange={[Function]}
-                                    onInputChange={[Function]}
-                                    onMenuClose={[Function]}
-                                    onMenuOpen={[Function]}
-                                    openMenuOnClick={true}
-                                    openMenuOnFocus={false}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "No audio",
-                                          "value": "No audio",
-                                        },
-                                        Object {
-                                          "label": "Poor Audio Quality",
-                                          "value": "Poor Audio Quality",
-                                        },
-                                        Object {
-                                          "label": "Incomplete Hearing",
-                                          "value": "Incomplete Hearing",
-                                        },
-                                        Object {
-                                          "label": "Other (see notes)",
-                                          "value": "Other (see notes)",
-                                        },
-                                        Object {
-                                          "label": "None",
-                                          "value": null,
-                                        },
-                                      ]
-                                    }
-                                    pageSize={5}
-                                    placeholder="Select..."
-                                    screenReaderStatus={[Function]}
-                                    shouldKeyDownEventCreateNewOption={[Function]}
-                                    styles={
-                                      Object {
-                                        "input": [Function],
-                                      }
-                                    }
-                                    tabIndex="0"
-                                    tabSelectsValue={true}
-                                    value={null}
-                                  >
-                                    <SelectContainer
-                                      clearValue={[Function]}
-                                      cx={[Function]}
-                                      getStyles={[Function]}
-                                      getValue={[Function]}
-                                      hasValue={false}
-                                      innerProps={
-                                        Object {
-                                          "id": undefined,
-                                          "onKeyDown": [Function],
-                                        }
-                                      }
-                                      isDisabled={false}
-                                      isFocused={false}
-                                      isMulti={false}
-                                      isRtl={false}
-                                      options={
-                                        Array [
-                                          Object {
-                                            "label": "No audio",
-                                            "value": "No audio",
-                                          },
-                                          Object {
-                                            "label": "Poor Audio Quality",
-                                            "value": "Poor Audio Quality",
-                                          },
-                                          Object {
-                                            "label": "Incomplete Hearing",
-                                            "value": "Incomplete Hearing",
-                                          },
-                                          Object {
-                                            "label": "Other (see notes)",
-                                            "value": "Other (see notes)",
-                                          },
-                                          Object {
-                                            "label": "None",
-                                            "value": null,
-                                          },
-                                        ]
-                                      }
-                                      selectOption={[Function]}
-                                      selectProps={
-                                        Object {
-                                          "backspaceRemovesValue": true,
-                                          "blurInputOnSelect": true,
-                                          "cache": false,
-                                          "captureMenuScroll": false,
-                                          "classNamePrefix": "cf-select",
-                                          "closeMenuOnScroll": false,
-                                          "closeMenuOnSelect": true,
-                                          "components": Object {
-                                            "Input": [Function],
-                                            "MenuList": [Function],
-                                            "Option": [Function],
-                                          },
-                                          "controlShouldRenderValue": true,
-                                          "defaultOptions": undefined,
-                                          "escapeClearsValue": false,
-                                          "filterOption": [Function],
-                                          "formatGroupLabel": [Function],
-                                          "getOptionLabel": [Function],
-                                          "getOptionValue": [Function],
-                                          "inputId": "problem-type",
-                                          "inputValue": "",
-                                          "isClearable": undefined,
-                                          "isDisabled": false,
-                                          "isLoading": false,
-                                          "isMulti": false,
-                                          "isOptionDisabled": [Function],
-                                          "isRtl": false,
-                                          "isSearchable": true,
-                                          "loadOptions": undefined,
-                                          "loadingMessage": [Function],
-                                          "maxMenuHeight": 300,
-                                          "menuIsOpen": false,
-                                          "menuPlacement": "bottom",
-                                          "menuPosition": "absolute",
-                                          "menuShouldBlockScroll": false,
-                                          "menuShouldScrollIntoView": true,
-                                          "minMenuHeight": 140,
-                                          "name": "problemType",
-                                          "noOptionsMessage": [Function],
-                                          "onBlurResetsInput": false,
-                                          "onChange": [Function],
-                                          "onInputChange": [Function],
-                                          "onMenuClose": [Function],
-                                          "onMenuOpen": [Function],
-                                          "openMenuOnClick": true,
-                                          "openMenuOnFocus": false,
-                                          "options": Array [
-                                            Object {
-                                              "label": "No audio",
-                                              "value": "No audio",
-                                            },
-                                            Object {
-                                              "label": "Poor Audio Quality",
-                                              "value": "Poor Audio Quality",
-                                            },
-                                            Object {
-                                              "label": "Incomplete Hearing",
-                                              "value": "Incomplete Hearing",
-                                            },
-                                            Object {
-                                              "label": "Other (see notes)",
-                                              "value": "Other (see notes)",
-                                            },
-                                            Object {
-                                              "label": "None",
-                                              "value": null,
-                                            },
-                                          ],
-                                          "pageSize": 5,
-                                          "placeholder": "Select...",
-                                          "screenReaderStatus": [Function],
-                                          "searchable": undefined,
-                                          "shouldKeyDownEventCreateNewOption": [Function],
-                                          "styles": Object {
-                                            "input": [Function],
-                                          },
-                                          "tabIndex": "0",
-                                          "tabSelectsValue": true,
-                                          "value": null,
-                                        }
-                                      }
-                                      setValue={[Function]}
-                                      theme={
-                                        Object {
-                                          "borderRadius": 4,
-                                          "colors": Object {
-                                            "danger": "#DE350B",
-                                            "dangerLight": "#FFBDAD",
-                                            "neutral0": "hsl(0, 0%, 100%)",
-                                            "neutral10": "hsl(0, 0%, 90%)",
-                                            "neutral20": "hsl(0, 0%, 80%)",
-                                            "neutral30": "hsl(0, 0%, 70%)",
-                                            "neutral40": "hsl(0, 0%, 60%)",
-                                            "neutral5": "hsl(0, 0%, 95%)",
-                                            "neutral50": "hsl(0, 0%, 50%)",
-                                            "neutral60": "hsl(0, 0%, 40%)",
-                                            "neutral70": "hsl(0, 0%, 30%)",
-                                            "neutral80": "hsl(0, 0%, 20%)",
-                                            "neutral90": "hsl(0, 0%, 10%)",
-                                            "primary": "#2684FF",
-                                            "primary25": "#DEEBFF",
-                                            "primary50": "#B2D4FF",
-                                            "primary75": "#4C9AFF",
-                                          },
-                                          "spacing": Object {
-                                            "baseUnit": 4,
-                                            "controlHeight": 38,
-                                            "menuGutter": 8,
-                                          },
-                                        }
-                                      }
-                                    >
-                                      <EmotionCssPropInternal
-                                        __EMOTION_LABEL_PLEASE_DO_NOT_USE__="SelectContainer"
-                                        __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                        className=""
-                                        css={
-                                          Object {
-                                            "boxSizing": "border-box",
-                                            "direction": null,
-                                            "label": "container",
-                                            "pointerEvents": null,
-                                            "position": "relative",
-                                          }
-                                        }
-                                        onKeyDown={[Function]}
-                                      >
-                                        <div
-                                          className=" css-2b097c-container"
-                                          onKeyDown={[Function]}
-                                        >
-                                          <Control
-                                            clearValue={[Function]}
-                                            cx={[Function]}
-                                            getStyles={[Function]}
-                                            getValue={[Function]}
-                                            hasValue={false}
-                                            innerProps={
-                                              Object {
-                                                "onMouseDown": [Function],
-                                                "onTouchEnd": [Function],
-                                              }
-                                            }
-                                            innerRef={[Function]}
-                                            isDisabled={false}
-                                            isFocused={false}
-                                            isMulti={false}
-                                            isRtl={false}
-                                            menuIsOpen={false}
-                                            options={
-                                              Array [
-                                                Object {
-                                                  "label": "No audio",
-                                                  "value": "No audio",
-                                                },
-                                                Object {
-                                                  "label": "Poor Audio Quality",
-                                                  "value": "Poor Audio Quality",
-                                                },
-                                                Object {
-                                                  "label": "Incomplete Hearing",
-                                                  "value": "Incomplete Hearing",
-                                                },
-                                                Object {
-                                                  "label": "Other (see notes)",
-                                                  "value": "Other (see notes)",
-                                                },
-                                                Object {
-                                                  "label": "None",
-                                                  "value": null,
-                                                },
-                                              ]
-                                            }
-                                            selectOption={[Function]}
-                                            selectProps={
-                                              Object {
-                                                "backspaceRemovesValue": true,
-                                                "blurInputOnSelect": true,
-                                                "cache": false,
-                                                "captureMenuScroll": false,
-                                                "classNamePrefix": "cf-select",
-                                                "closeMenuOnScroll": false,
-                                                "closeMenuOnSelect": true,
-                                                "components": Object {
-                                                  "Input": [Function],
-                                                  "MenuList": [Function],
-                                                  "Option": [Function],
-                                                },
-                                                "controlShouldRenderValue": true,
-                                                "defaultOptions": undefined,
-                                                "escapeClearsValue": false,
-                                                "filterOption": [Function],
-                                                "formatGroupLabel": [Function],
-                                                "getOptionLabel": [Function],
-                                                "getOptionValue": [Function],
-                                                "inputId": "problem-type",
-                                                "inputValue": "",
-                                                "isClearable": undefined,
-                                                "isDisabled": false,
-                                                "isLoading": false,
-                                                "isMulti": false,
-                                                "isOptionDisabled": [Function],
-                                                "isRtl": false,
-                                                "isSearchable": true,
-                                                "loadOptions": undefined,
-                                                "loadingMessage": [Function],
-                                                "maxMenuHeight": 300,
-                                                "menuIsOpen": false,
-                                                "menuPlacement": "bottom",
-                                                "menuPosition": "absolute",
-                                                "menuShouldBlockScroll": false,
-                                                "menuShouldScrollIntoView": true,
-                                                "minMenuHeight": 140,
-                                                "name": "problemType",
-                                                "noOptionsMessage": [Function],
-                                                "onBlurResetsInput": false,
-                                                "onChange": [Function],
-                                                "onInputChange": [Function],
-                                                "onMenuClose": [Function],
-                                                "onMenuOpen": [Function],
-                                                "openMenuOnClick": true,
-                                                "openMenuOnFocus": false,
-                                                "options": Array [
-                                                  Object {
-                                                    "label": "No audio",
-                                                    "value": "No audio",
-                                                  },
-                                                  Object {
-                                                    "label": "Poor Audio Quality",
-                                                    "value": "Poor Audio Quality",
-                                                  },
-                                                  Object {
-                                                    "label": "Incomplete Hearing",
-                                                    "value": "Incomplete Hearing",
-                                                  },
-                                                  Object {
-                                                    "label": "Other (see notes)",
-                                                    "value": "Other (see notes)",
-                                                  },
-                                                  Object {
-                                                    "label": "None",
-                                                    "value": null,
-                                                  },
-                                                ],
-                                                "pageSize": 5,
-                                                "placeholder": "Select...",
-                                                "screenReaderStatus": [Function],
-                                                "searchable": undefined,
-                                                "shouldKeyDownEventCreateNewOption": [Function],
-                                                "styles": Object {
-                                                  "input": [Function],
-                                                },
-                                                "tabIndex": "0",
-                                                "tabSelectsValue": true,
-                                                "value": null,
-                                              }
-                                            }
-                                            setValue={[Function]}
-                                            theme={
-                                              Object {
-                                                "borderRadius": 4,
-                                                "colors": Object {
-                                                  "danger": "#DE350B",
-                                                  "dangerLight": "#FFBDAD",
-                                                  "neutral0": "hsl(0, 0%, 100%)",
-                                                  "neutral10": "hsl(0, 0%, 90%)",
-                                                  "neutral20": "hsl(0, 0%, 80%)",
-                                                  "neutral30": "hsl(0, 0%, 70%)",
-                                                  "neutral40": "hsl(0, 0%, 60%)",
-                                                  "neutral5": "hsl(0, 0%, 95%)",
-                                                  "neutral50": "hsl(0, 0%, 50%)",
-                                                  "neutral60": "hsl(0, 0%, 40%)",
-                                                  "neutral70": "hsl(0, 0%, 30%)",
-                                                  "neutral80": "hsl(0, 0%, 20%)",
-                                                  "neutral90": "hsl(0, 0%, 10%)",
-                                                  "primary": "#2684FF",
-                                                  "primary25": "#DEEBFF",
-                                                  "primary50": "#B2D4FF",
-                                                  "primary75": "#4C9AFF",
-                                                },
-                                                "spacing": Object {
-                                                  "baseUnit": 4,
-                                                  "controlHeight": 38,
-                                                  "menuGutter": 8,
-                                                },
-                                              }
-                                            }
-                                          >
-                                            <EmotionCssPropInternal
-                                              __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Control"
-                                              __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                              className="cf-select__control"
-                                              css={
-                                                Object {
-                                                  "&:hover": Object {
-                                                    "borderColor": "hsl(0, 0%, 70%)",
-                                                  },
-                                                  "alignItems": "center",
-                                                  "backgroundColor": "hsl(0, 0%, 100%)",
-                                                  "borderColor": "hsl(0, 0%, 80%)",
-                                                  "borderRadius": 4,
-                                                  "borderStyle": "solid",
-                                                  "borderWidth": 1,
-                                                  "boxShadow": null,
-                                                  "boxSizing": "border-box",
-                                                  "cursor": "default",
-                                                  "display": "flex",
-                                                  "flexWrap": "wrap",
-                                                  "justifyContent": "space-between",
-                                                  "label": "control",
-                                                  "minHeight": 38,
-                                                  "outline": "0 !important",
-                                                  "position": "relative",
-                                                  "transition": "all 100ms",
-                                                }
-                                              }
-                                              onMouseDown={[Function]}
-                                              onTouchEnd={[Function]}
-                                            >
-                                              <div
-                                                className="cf-select__control css-yk16xz-control"
-                                                onMouseDown={[Function]}
-                                                onTouchEnd={[Function]}
-                                              >
-                                                <ValueContainer
-                                                  clearValue={[Function]}
-                                                  cx={[Function]}
-                                                  getStyles={[Function]}
-                                                  getValue={[Function]}
-                                                  hasValue={false}
-                                                  isDisabled={false}
-                                                  isMulti={false}
-                                                  isRtl={false}
-                                                  options={
-                                                    Array [
-                                                      Object {
-                                                        "label": "No audio",
-                                                        "value": "No audio",
-                                                      },
-                                                      Object {
-                                                        "label": "Poor Audio Quality",
-                                                        "value": "Poor Audio Quality",
-                                                      },
-                                                      Object {
-                                                        "label": "Incomplete Hearing",
-                                                        "value": "Incomplete Hearing",
-                                                      },
-                                                      Object {
-                                                        "label": "Other (see notes)",
-                                                        "value": "Other (see notes)",
-                                                      },
-                                                      Object {
-                                                        "label": "None",
-                                                        "value": null,
-                                                      },
-                                                    ]
-                                                  }
-                                                  selectOption={[Function]}
-                                                  selectProps={
-                                                    Object {
-                                                      "backspaceRemovesValue": true,
-                                                      "blurInputOnSelect": true,
-                                                      "cache": false,
-                                                      "captureMenuScroll": false,
-                                                      "classNamePrefix": "cf-select",
-                                                      "closeMenuOnScroll": false,
-                                                      "closeMenuOnSelect": true,
-                                                      "components": Object {
-                                                        "Input": [Function],
-                                                        "MenuList": [Function],
-                                                        "Option": [Function],
-                                                      },
-                                                      "controlShouldRenderValue": true,
-                                                      "defaultOptions": undefined,
-                                                      "escapeClearsValue": false,
-                                                      "filterOption": [Function],
-                                                      "formatGroupLabel": [Function],
-                                                      "getOptionLabel": [Function],
-                                                      "getOptionValue": [Function],
-                                                      "inputId": "problem-type",
-                                                      "inputValue": "",
-                                                      "isClearable": undefined,
-                                                      "isDisabled": false,
-                                                      "isLoading": false,
-                                                      "isMulti": false,
-                                                      "isOptionDisabled": [Function],
-                                                      "isRtl": false,
-                                                      "isSearchable": true,
-                                                      "loadOptions": undefined,
-                                                      "loadingMessage": [Function],
-                                                      "maxMenuHeight": 300,
-                                                      "menuIsOpen": false,
-                                                      "menuPlacement": "bottom",
-                                                      "menuPosition": "absolute",
-                                                      "menuShouldBlockScroll": false,
-                                                      "menuShouldScrollIntoView": true,
-                                                      "minMenuHeight": 140,
-                                                      "name": "problemType",
-                                                      "noOptionsMessage": [Function],
-                                                      "onBlurResetsInput": false,
-                                                      "onChange": [Function],
-                                                      "onInputChange": [Function],
-                                                      "onMenuClose": [Function],
-                                                      "onMenuOpen": [Function],
-                                                      "openMenuOnClick": true,
-                                                      "openMenuOnFocus": false,
-                                                      "options": Array [
+                                                              Object {
+                                                                "index": 880,
+                                                                "label": "Tokelau Is. (9:00 PM)",
+                                                                "value": "Pacific/Fakaofo",
+                                                              },
+                                                              Object {
+                                                                "index": 880,
+                                                                "label": "Samoa (9:00 PM)",
+                                                                "value": "Pacific/Apia",
+                                                              },
+                                                            ]
+                                                          }
+                                                          selectOption={[Function]}
+                                                          selectProps={
+                                                            Object {
+                                                              "backspaceRemovesValue": true,
+                                                              "blurInputOnSelect": true,
+                                                              "cache": false,
+                                                              "captureMenuScroll": false,
+                                                              "classNamePrefix": "cf-select",
+                                                              "closeMenuOnScroll": false,
+                                                              "closeMenuOnSelect": true,
+                                                              "components": Object {
+                                                                "Input": [Function],
+                                                                "MenuList": [Function],
+                                                                "Option": [Function],
+                                                              },
+                                                              "controlShouldRenderValue": true,
+                                                              "defaultOptions": undefined,
+                                                              "escapeClearsValue": false,
+                                                              "filterOption": [Function],
+                                                              "formatGroupLabel": [Function],
+                                                              "getOptionLabel": [Function],
+                                                              "getOptionValue": [Function],
+                                                              "inputId": "representative-tz",
+                                                              "inputValue": "",
+                                                              "isClearable": undefined,
+                                                              "isDisabled": false,
+                                                              "isLoading": false,
+                                                              "isMulti": false,
+                                                              "isOptionDisabled": [Function],
+                                                              "isRtl": false,
+                                                              "isSearchable": true,
+                                                              "loadOptions": undefined,
+                                                              "loadingMessage": [Function],
+                                                              "maxMenuHeight": 300,
+                                                              "menuIsOpen": false,
+                                                              "menuPlacement": "bottom",
+                                                              "menuPosition": "absolute",
+                                                              "menuShouldBlockScroll": false,
+                                                              "menuShouldScrollIntoView": true,
+                                                              "minMenuHeight": 140,
+                                                              "name": "representativeTz",
+                                                              "noOptionsMessage": [Function],
+                                                              "onBlurResetsInput": false,
+                                                              "onChange": [Function],
+                                                              "onInputChange": [Function],
+                                                              "onMenuClose": [Function],
+                                                              "onMenuOpen": [Function],
+                                                              "openMenuOnClick": true,
+                                                              "openMenuOnFocus": false,
+                                                              "options": Array [
+                                                                Object {
+                                                                  "label": "",
+                                                                  "value": null,
+                                                                },
+                                                                Object {
+                                                                  "index": -3,
+                                                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                  "value": "America/New_York",
+                                                                },
+                                                                Object {
+                                                                  "index": -2,
+                                                                  "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                  "value": "America/Chicago",
+                                                                },
+                                                                Object {
+                                                                  "index": -1,
+                                                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                  "value": "America/Denver",
+                                                                },
+                                                                Object {
+                                                                  "index": -0,
+                                                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                  "value": "America/Los_Angeles",
+                                                                },
+                                                                Object {
+                                                                  "index": 2.4,
+                                                                  "label": "Indiana (East) (4:00 AM)",
+                                                                  "value": "America/Indiana/Indianapolis",
+                                                                },
+                                                                Object {
+                                                                  "index": 2.4,
+                                                                  "label": "Puerto Rico (4:00 AM)",
+                                                                  "value": "America/Puerto_Rico",
+                                                                },
+                                                                Object {
+                                                                  "index": 4.2,
+                                                                  "label": "Arizona (1:00 AM)",
+                                                                  "value": "America/Phoenix",
+                                                                },
+                                                                Object {
+                                                                  "index": 4.8,
+                                                                  "label": "Alaska (12:00 AM)",
+                                                                  "value": "America/Juneau",
+                                                                },
+                                                                Object {
+                                                                  "index": 4.8,
+                                                                  "label": "Philippine Standard Time (4:00 PM)",
+                                                                  "value": "Asia/Manila",
+                                                                },
+                                                                Object {
+                                                                  "index": 6,
+                                                                  "label": "Hawaii (10:00 PM)",
+                                                                  "value": "Pacific/Honolulu",
+                                                                },
+                                                                Object {
+                                                                  "index": 100,
+                                                                  "label": "Azores (8:00 AM)",
+                                                                  "value": "Atlantic/Azores",
+                                                                },
+                                                                Object {
+                                                                  "index": 100,
+                                                                  "label": "Monrovia (8:00 AM)",
+                                                                  "value": "Africa/Monrovia",
+                                                                },
+                                                                Object {
+                                                                  "index": 100,
+                                                                  "label": "UTC (8:00 AM)",
+                                                                  "value": "Etc/UTC",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Cape Verde Is. (7:00 AM)",
+                                                                  "value": "Atlantic/Cape_Verde",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Dublin (9:00 AM)",
+                                                                  "value": "Europe/Dublin",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Edinburgh (9:00 AM)",
+                                                                  "value": "Europe/London",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Lisbon (9:00 AM)",
+                                                                  "value": "Europe/Lisbon",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "London (9:00 AM)",
+                                                                  "value": "Europe/London",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Casablanca (9:00 AM)",
+                                                                  "value": "Africa/Casablanca",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "West Central Africa (9:00 AM)",
+                                                                  "value": "Africa/Algiers",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Greenland (6:00 AM)",
+                                                                  "value": "America/Godthab",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Mid-Atlantic (6:00 AM)",
+                                                                  "value": "Atlantic/South_Georgia",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Belgrade (10:00 AM)",
+                                                                  "value": "Europe/Belgrade",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Bratislava (10:00 AM)",
+                                                                  "value": "Europe/Bratislava",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Budapest (10:00 AM)",
+                                                                  "value": "Europe/Budapest",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Ljubljana (10:00 AM)",
+                                                                  "value": "Europe/Ljubljana",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Prague (10:00 AM)",
+                                                                  "value": "Europe/Prague",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Sarajevo (10:00 AM)",
+                                                                  "value": "Europe/Sarajevo",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Skopje (10:00 AM)",
+                                                                  "value": "Europe/Skopje",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Warsaw (10:00 AM)",
+                                                                  "value": "Europe/Warsaw",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Zagreb (10:00 AM)",
+                                                                  "value": "Europe/Zagreb",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Brussels (10:00 AM)",
+                                                                  "value": "Europe/Brussels",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Copenhagen (10:00 AM)",
+                                                                  "value": "Europe/Copenhagen",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Madrid (10:00 AM)",
+                                                                  "value": "Europe/Madrid",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Paris (10:00 AM)",
+                                                                  "value": "Europe/Paris",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Amsterdam (10:00 AM)",
+                                                                  "value": "Europe/Amsterdam",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Berlin (10:00 AM)",
+                                                                  "value": "Europe/Berlin",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Bern (10:00 AM)",
+                                                                  "value": "Europe/Zurich",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Zurich (10:00 AM)",
+                                                                  "value": "Europe/Zurich",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Rome (10:00 AM)",
+                                                                  "value": "Europe/Rome",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Stockholm (10:00 AM)",
+                                                                  "value": "Europe/Stockholm",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Vienna (10:00 AM)",
+                                                                  "value": "Europe/Vienna",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Cairo (10:00 AM)",
+                                                                  "value": "Africa/Cairo",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Harare (10:00 AM)",
+                                                                  "value": "Africa/Harare",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Pretoria (10:00 AM)",
+                                                                  "value": "Africa/Johannesburg",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Kaliningrad (10:00 AM)",
+                                                                  "value": "Europe/Kaliningrad",
+                                                                },
+                                                                Object {
+                                                                  "index": 250,
+                                                                  "label": "Newfoundland (5:30 AM)",
+                                                                  "value": "America/St_Johns",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                  "value": "America/Halifax",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Brasilia (5:00 AM)",
+                                                                  "value": "America/Sao_Paulo",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Buenos Aires (5:00 AM)",
+                                                                  "value": "America/Argentina/Buenos_Aires",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Montevideo (5:00 AM)",
+                                                                  "value": "America/Montevideo",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Bucharest (11:00 AM)",
+                                                                  "value": "Europe/Bucharest",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Helsinki (11:00 AM)",
+                                                                  "value": "Europe/Helsinki",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Kyiv (11:00 AM)",
+                                                                  "value": "Europe/Kiev",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Riga (11:00 AM)",
+                                                                  "value": "Europe/Riga",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Sofia (11:00 AM)",
+                                                                  "value": "Europe/Sofia",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Tallinn (11:00 AM)",
+                                                                  "value": "Europe/Tallinn",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Vilnius (11:00 AM)",
+                                                                  "value": "Europe/Vilnius",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Athens (11:00 AM)",
+                                                                  "value": "Europe/Athens",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Istanbul (11:00 AM)",
+                                                                  "value": "Europe/Istanbul",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Minsk (11:00 AM)",
+                                                                  "value": "Europe/Minsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Jerusalem (11:00 AM)",
+                                                                  "value": "Asia/Jerusalem",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Moscow (11:00 AM)",
+                                                                  "value": "Europe/Moscow",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "St. Petersburg (11:00 AM)",
+                                                                  "value": "Europe/Moscow",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Kuwait (11:00 AM)",
+                                                                  "value": "Asia/Kuwait",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Riyadh (11:00 AM)",
+                                                                  "value": "Asia/Riyadh",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Nairobi (11:00 AM)",
+                                                                  "value": "Africa/Nairobi",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Baghdad (11:00 AM)",
+                                                                  "value": "Asia/Baghdad",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Caracas (4:00 AM)",
+                                                                  "value": "America/Caracas",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "La Paz (4:00 AM)",
+                                                                  "value": "America/La_Paz",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Santiago (4:00 AM)",
+                                                                  "value": "America/Santiago",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Georgetown (4:00 AM)",
+                                                                  "value": "America/Guyana",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Volgograd (12:00 PM)",
+                                                                  "value": "Europe/Volgograd",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Samara (12:00 PM)",
+                                                                  "value": "Europe/Samara",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Abu Dhabi (12:00 PM)",
+                                                                  "value": "Asia/Muscat",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Muscat (12:00 PM)",
+                                                                  "value": "Asia/Muscat",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Baku (12:00 PM)",
+                                                                  "value": "Asia/Baku",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Tbilisi (12:00 PM)",
+                                                                  "value": "Asia/Tbilisi",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Yerevan (12:00 PM)",
+                                                                  "value": "Asia/Yerevan",
+                                                                },
+                                                                Object {
+                                                                  "index": 370,
+                                                                  "label": "Tehran (12:30 PM)",
+                                                                  "value": "Asia/Tehran",
+                                                                },
+                                                                Object {
+                                                                  "index": 370,
+                                                                  "label": "Kabul (12:30 PM)",
+                                                                  "value": "Asia/Kabul",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Guadalajara (3:00 AM)",
+                                                                  "value": "America/Mexico_City",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Mexico City (3:00 AM)",
+                                                                  "value": "America/Mexico_City",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Monterrey (3:00 AM)",
+                                                                  "value": "America/Monterrey",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Bogota (3:00 AM)",
+                                                                  "value": "America/Bogota",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Lima (3:00 AM)",
+                                                                  "value": "America/Lima",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Quito (3:00 AM)",
+                                                                  "value": "America/Lima",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Ekaterinburg (1:00 PM)",
+                                                                  "value": "Asia/Yekaterinburg",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Islamabad (1:00 PM)",
+                                                                  "value": "Asia/Karachi",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Karachi (1:00 PM)",
+                                                                  "value": "Asia/Karachi",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Tashkent (1:00 PM)",
+                                                                  "value": "Asia/Tashkent",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "Chennai (1:30 PM)",
+                                                                  "value": "Asia/Kolkata",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "Kolkata (1:30 PM)",
+                                                                  "value": "Asia/Kolkata",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "Mumbai (1:30 PM)",
+                                                                  "value": "Asia/Kolkata",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "New Delhi (1:30 PM)",
+                                                                  "value": "Asia/Kolkata",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                  "value": "Asia/Colombo",
+                                                                },
+                                                                Object {
+                                                                  "index": 445,
+                                                                  "label": "Kathmandu (1:45 PM)",
+                                                                  "value": "Asia/Kathmandu",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Chihuahua (2:00 AM)",
+                                                                  "value": "America/Chihuahua",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Mazatlan (2:00 AM)",
+                                                                  "value": "America/Mazatlan",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Saskatchewan (2:00 AM)",
+                                                                  "value": "America/Regina",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Central America (2:00 AM)",
+                                                                  "value": "America/Guatemala",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Astana (2:00 PM)",
+                                                                  "value": "Asia/Dhaka",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Dhaka (2:00 PM)",
+                                                                  "value": "Asia/Dhaka",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Almaty (2:00 PM)",
+                                                                  "value": "Asia/Almaty",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Urumqi (2:00 PM)",
+                                                                  "value": "Asia/Urumqi",
+                                                                },
+                                                                Object {
+                                                                  "index": 490,
+                                                                  "label": "Rangoon (2:30 PM)",
+                                                                  "value": "Asia/Rangoon",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Tijuana (1:00 AM)",
+                                                                  "value": "America/Tijuana",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Novosibirsk (3:00 PM)",
+                                                                  "value": "Asia/Novosibirsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Bangkok (3:00 PM)",
+                                                                  "value": "Asia/Bangkok",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Hanoi (3:00 PM)",
+                                                                  "value": "Asia/Bangkok",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Jakarta (3:00 PM)",
+                                                                  "value": "Asia/Jakarta",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Krasnoyarsk (3:00 PM)",
+                                                                  "value": "Asia/Krasnoyarsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Beijing (4:00 PM)",
+                                                                  "value": "Asia/Shanghai",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Chongqing (4:00 PM)",
+                                                                  "value": "Asia/Chongqing",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Hong Kong (4:00 PM)",
+                                                                  "value": "Asia/Hong_Kong",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Kuala Lumpur (4:00 PM)",
+                                                                  "value": "Asia/Kuala_Lumpur",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Singapore (4:00 PM)",
+                                                                  "value": "Asia/Singapore",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Taipei (4:00 PM)",
+                                                                  "value": "Asia/Taipei",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Perth (4:00 PM)",
+                                                                  "value": "Australia/Perth",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Irkutsk (4:00 PM)",
+                                                                  "value": "Asia/Irkutsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Ulaanbaatar (4:00 PM)",
+                                                                  "value": "Asia/Ulaanbaatar",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Seoul (5:00 PM)",
+                                                                  "value": "Asia/Seoul",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Osaka (5:00 PM)",
+                                                                  "value": "Asia/Tokyo",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Sapporo (5:00 PM)",
+                                                                  "value": "Asia/Tokyo",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Tokyo (5:00 PM)",
+                                                                  "value": "Asia/Tokyo",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Yakutsk (5:00 PM)",
+                                                                  "value": "Asia/Yakutsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 670,
+                                                                  "label": "Darwin (5:30 PM)",
+                                                                  "value": "Australia/Darwin",
+                                                                },
+                                                                Object {
+                                                                  "index": 670,
+                                                                  "label": "Adelaide (5:30 PM)",
+                                                                  "value": "Australia/Adelaide",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Canberra (6:00 PM)",
+                                                                  "value": "Australia/Melbourne",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Melbourne (6:00 PM)",
+                                                                  "value": "Australia/Melbourne",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Sydney (6:00 PM)",
+                                                                  "value": "Australia/Sydney",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Brisbane (6:00 PM)",
+                                                                  "value": "Australia/Brisbane",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Hobart (6:00 PM)",
+                                                                  "value": "Australia/Hobart",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Vladivostok (6:00 PM)",
+                                                                  "value": "Asia/Vladivostok",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Guam (6:00 PM)",
+                                                                  "value": "Pacific/Guam",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Port Moresby (6:00 PM)",
+                                                                  "value": "Pacific/Port_Moresby",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "Midway Island (9:00 PM)",
+                                                                  "value": "Pacific/Midway",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "American Samoa (9:00 PM)",
+                                                                  "value": "Pacific/Pago_Pago",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "Magadan (7:00 PM)",
+                                                                  "value": "Asia/Magadan",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "Srednekolymsk (7:00 PM)",
+                                                                  "value": "Asia/Srednekolymsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "Solomon Is. (7:00 PM)",
+                                                                  "value": "Pacific/Guadalcanal",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "New Caledonia (7:00 PM)",
+                                                                  "value": "Pacific/Noumea",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "International Date Line West (8:00 PM)",
+                                                                  "value": "Etc/GMT+12",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Fiji (8:00 PM)",
+                                                                  "value": "Pacific/Fiji",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Kamchatka (8:00 PM)",
+                                                                  "value": "Asia/Kamchatka",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Marshall Is. (8:00 PM)",
+                                                                  "value": "Pacific/Majuro",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Auckland (8:00 PM)",
+                                                                  "value": "Pacific/Auckland",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Wellington (8:00 PM)",
+                                                                  "value": "Pacific/Auckland",
+                                                                },
+                                                                Object {
+                                                                  "index": 865,
+                                                                  "label": "Chatham Is. (8:45 PM)",
+                                                                  "value": "Pacific/Chatham",
+                                                                },
+                                                                Object {
+                                                                  "index": 880,
+                                                                  "label": "Nuku'alofa (9:00 PM)",
+                                                                  "value": "Pacific/Tongatapu",
+                                                                },
+                                                                Object {
+                                                                  "index": 880,
+                                                                  "label": "Tokelau Is. (9:00 PM)",
+                                                                  "value": "Pacific/Fakaofo",
+                                                                },
+                                                                Object {
+                                                                  "index": 880,
+                                                                  "label": "Samoa (9:00 PM)",
+                                                                  "value": "Pacific/Apia",
+                                                                },
+                                                              ],
+                                                              "pageSize": 5,
+                                                              "placeholder": "Select a timezone",
+                                                              "screenReaderStatus": [Function],
+                                                              "searchable": undefined,
+                                                              "shouldKeyDownEventCreateNewOption": [Function],
+                                                              "styles": Object {
+                                                                "input": [Function],
+                                                              },
+                                                              "tabIndex": "0",
+                                                              "tabSelectsValue": true,
+                                                              "value": null,
+                                                            }
+                                                          }
+                                                          setValue={[Function]}
+                                                          theme={
+                                                            Object {
+                                                              "borderRadius": 4,
+                                                              "colors": Object {
+                                                                "danger": "#DE350B",
+                                                                "dangerLight": "#FFBDAD",
+                                                                "neutral0": "hsl(0, 0%, 100%)",
+                                                                "neutral10": "hsl(0, 0%, 90%)",
+                                                                "neutral20": "hsl(0, 0%, 80%)",
+                                                                "neutral30": "hsl(0, 0%, 70%)",
+                                                                "neutral40": "hsl(0, 0%, 60%)",
+                                                                "neutral5": "hsl(0, 0%, 95%)",
+                                                                "neutral50": "hsl(0, 0%, 50%)",
+                                                                "neutral60": "hsl(0, 0%, 40%)",
+                                                                "neutral70": "hsl(0, 0%, 30%)",
+                                                                "neutral80": "hsl(0, 0%, 20%)",
+                                                                "neutral90": "hsl(0, 0%, 10%)",
+                                                                "primary": "#2684FF",
+                                                                "primary25": "#DEEBFF",
+                                                                "primary50": "#B2D4FF",
+                                                                "primary75": "#4C9AFF",
+                                                              },
+                                                              "spacing": Object {
+                                                                "baseUnit": 4,
+                                                                "controlHeight": 38,
+                                                                "menuGutter": 8,
+                                                              },
+                                                            }
+                                                          }
+                                                        >
+                                                          <EmotionCssPropInternal
+                                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Placeholder"
+                                                            __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                            className="cf-select__placeholder"
+                                                            css={
+                                                              Object {
+                                                                "boxSizing": "border-box",
+                                                                "color": "hsl(0, 0%, 50%)",
+                                                                "label": "placeholder",
+                                                                "marginLeft": 2,
+                                                                "marginRight": 2,
+                                                                "position": "absolute",
+                                                                "top": "50%",
+                                                                "transform": "translateY(-50%)",
+                                                              }
+                                                            }
+                                                          >
+                                                            <div
+                                                              className="cf-select__placeholder css-1wa3eu0-placeholder"
+                                                            >
+                                                              Select a timezone
+                                                            </div>
+                                                          </EmotionCssPropInternal>
+                                                        </Placeholder>
+                                                        <CustomInput
+                                                          aria-autocomplete="list"
+                                                          autoCapitalize="none"
+                                                          autoComplete="off"
+                                                          autoCorrect="off"
+                                                          cx={[Function]}
+                                                          getStyles={[Function]}
+                                                          id="representative-tz"
+                                                          innerRef={[Function]}
+                                                          isDisabled={false}
+                                                          isHidden={false}
+                                                          onBlur={[Function]}
+                                                          onChange={[Function]}
+                                                          onFocus={[Function]}
+                                                          selectProps={
+                                                            Object {
+                                                              "backspaceRemovesValue": true,
+                                                              "blurInputOnSelect": true,
+                                                              "cache": false,
+                                                              "captureMenuScroll": false,
+                                                              "classNamePrefix": "cf-select",
+                                                              "closeMenuOnScroll": false,
+                                                              "closeMenuOnSelect": true,
+                                                              "components": Object {
+                                                                "Input": [Function],
+                                                                "MenuList": [Function],
+                                                                "Option": [Function],
+                                                              },
+                                                              "controlShouldRenderValue": true,
+                                                              "defaultOptions": undefined,
+                                                              "escapeClearsValue": false,
+                                                              "filterOption": [Function],
+                                                              "formatGroupLabel": [Function],
+                                                              "getOptionLabel": [Function],
+                                                              "getOptionValue": [Function],
+                                                              "inputId": "representative-tz",
+                                                              "inputValue": "",
+                                                              "isClearable": undefined,
+                                                              "isDisabled": false,
+                                                              "isLoading": false,
+                                                              "isMulti": false,
+                                                              "isOptionDisabled": [Function],
+                                                              "isRtl": false,
+                                                              "isSearchable": true,
+                                                              "loadOptions": undefined,
+                                                              "loadingMessage": [Function],
+                                                              "maxMenuHeight": 300,
+                                                              "menuIsOpen": false,
+                                                              "menuPlacement": "bottom",
+                                                              "menuPosition": "absolute",
+                                                              "menuShouldBlockScroll": false,
+                                                              "menuShouldScrollIntoView": true,
+                                                              "minMenuHeight": 140,
+                                                              "name": "representativeTz",
+                                                              "noOptionsMessage": [Function],
+                                                              "onBlurResetsInput": false,
+                                                              "onChange": [Function],
+                                                              "onInputChange": [Function],
+                                                              "onMenuClose": [Function],
+                                                              "onMenuOpen": [Function],
+                                                              "openMenuOnClick": true,
+                                                              "openMenuOnFocus": false,
+                                                              "options": Array [
+                                                                Object {
+                                                                  "label": "",
+                                                                  "value": null,
+                                                                },
+                                                                Object {
+                                                                  "index": -3,
+                                                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                  "value": "America/New_York",
+                                                                },
+                                                                Object {
+                                                                  "index": -2,
+                                                                  "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                  "value": "America/Chicago",
+                                                                },
+                                                                Object {
+                                                                  "index": -1,
+                                                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                  "value": "America/Denver",
+                                                                },
+                                                                Object {
+                                                                  "index": -0,
+                                                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                  "value": "America/Los_Angeles",
+                                                                },
+                                                                Object {
+                                                                  "index": 2.4,
+                                                                  "label": "Indiana (East) (4:00 AM)",
+                                                                  "value": "America/Indiana/Indianapolis",
+                                                                },
+                                                                Object {
+                                                                  "index": 2.4,
+                                                                  "label": "Puerto Rico (4:00 AM)",
+                                                                  "value": "America/Puerto_Rico",
+                                                                },
+                                                                Object {
+                                                                  "index": 4.2,
+                                                                  "label": "Arizona (1:00 AM)",
+                                                                  "value": "America/Phoenix",
+                                                                },
+                                                                Object {
+                                                                  "index": 4.8,
+                                                                  "label": "Alaska (12:00 AM)",
+                                                                  "value": "America/Juneau",
+                                                                },
+                                                                Object {
+                                                                  "index": 4.8,
+                                                                  "label": "Philippine Standard Time (4:00 PM)",
+                                                                  "value": "Asia/Manila",
+                                                                },
+                                                                Object {
+                                                                  "index": 6,
+                                                                  "label": "Hawaii (10:00 PM)",
+                                                                  "value": "Pacific/Honolulu",
+                                                                },
+                                                                Object {
+                                                                  "index": 100,
+                                                                  "label": "Azores (8:00 AM)",
+                                                                  "value": "Atlantic/Azores",
+                                                                },
+                                                                Object {
+                                                                  "index": 100,
+                                                                  "label": "Monrovia (8:00 AM)",
+                                                                  "value": "Africa/Monrovia",
+                                                                },
+                                                                Object {
+                                                                  "index": 100,
+                                                                  "label": "UTC (8:00 AM)",
+                                                                  "value": "Etc/UTC",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Cape Verde Is. (7:00 AM)",
+                                                                  "value": "Atlantic/Cape_Verde",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Dublin (9:00 AM)",
+                                                                  "value": "Europe/Dublin",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Edinburgh (9:00 AM)",
+                                                                  "value": "Europe/London",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Lisbon (9:00 AM)",
+                                                                  "value": "Europe/Lisbon",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "London (9:00 AM)",
+                                                                  "value": "Europe/London",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Casablanca (9:00 AM)",
+                                                                  "value": "Africa/Casablanca",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "West Central Africa (9:00 AM)",
+                                                                  "value": "Africa/Algiers",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Greenland (6:00 AM)",
+                                                                  "value": "America/Godthab",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Mid-Atlantic (6:00 AM)",
+                                                                  "value": "Atlantic/South_Georgia",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Belgrade (10:00 AM)",
+                                                                  "value": "Europe/Belgrade",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Bratislava (10:00 AM)",
+                                                                  "value": "Europe/Bratislava",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Budapest (10:00 AM)",
+                                                                  "value": "Europe/Budapest",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Ljubljana (10:00 AM)",
+                                                                  "value": "Europe/Ljubljana",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Prague (10:00 AM)",
+                                                                  "value": "Europe/Prague",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Sarajevo (10:00 AM)",
+                                                                  "value": "Europe/Sarajevo",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Skopje (10:00 AM)",
+                                                                  "value": "Europe/Skopje",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Warsaw (10:00 AM)",
+                                                                  "value": "Europe/Warsaw",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Zagreb (10:00 AM)",
+                                                                  "value": "Europe/Zagreb",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Brussels (10:00 AM)",
+                                                                  "value": "Europe/Brussels",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Copenhagen (10:00 AM)",
+                                                                  "value": "Europe/Copenhagen",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Madrid (10:00 AM)",
+                                                                  "value": "Europe/Madrid",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Paris (10:00 AM)",
+                                                                  "value": "Europe/Paris",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Amsterdam (10:00 AM)",
+                                                                  "value": "Europe/Amsterdam",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Berlin (10:00 AM)",
+                                                                  "value": "Europe/Berlin",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Bern (10:00 AM)",
+                                                                  "value": "Europe/Zurich",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Zurich (10:00 AM)",
+                                                                  "value": "Europe/Zurich",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Rome (10:00 AM)",
+                                                                  "value": "Europe/Rome",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Stockholm (10:00 AM)",
+                                                                  "value": "Europe/Stockholm",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Vienna (10:00 AM)",
+                                                                  "value": "Europe/Vienna",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Cairo (10:00 AM)",
+                                                                  "value": "Africa/Cairo",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Harare (10:00 AM)",
+                                                                  "value": "Africa/Harare",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Pretoria (10:00 AM)",
+                                                                  "value": "Africa/Johannesburg",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Kaliningrad (10:00 AM)",
+                                                                  "value": "Europe/Kaliningrad",
+                                                                },
+                                                                Object {
+                                                                  "index": 250,
+                                                                  "label": "Newfoundland (5:30 AM)",
+                                                                  "value": "America/St_Johns",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                  "value": "America/Halifax",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Brasilia (5:00 AM)",
+                                                                  "value": "America/Sao_Paulo",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Buenos Aires (5:00 AM)",
+                                                                  "value": "America/Argentina/Buenos_Aires",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Montevideo (5:00 AM)",
+                                                                  "value": "America/Montevideo",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Bucharest (11:00 AM)",
+                                                                  "value": "Europe/Bucharest",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Helsinki (11:00 AM)",
+                                                                  "value": "Europe/Helsinki",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Kyiv (11:00 AM)",
+                                                                  "value": "Europe/Kiev",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Riga (11:00 AM)",
+                                                                  "value": "Europe/Riga",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Sofia (11:00 AM)",
+                                                                  "value": "Europe/Sofia",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Tallinn (11:00 AM)",
+                                                                  "value": "Europe/Tallinn",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Vilnius (11:00 AM)",
+                                                                  "value": "Europe/Vilnius",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Athens (11:00 AM)",
+                                                                  "value": "Europe/Athens",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Istanbul (11:00 AM)",
+                                                                  "value": "Europe/Istanbul",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Minsk (11:00 AM)",
+                                                                  "value": "Europe/Minsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Jerusalem (11:00 AM)",
+                                                                  "value": "Asia/Jerusalem",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Moscow (11:00 AM)",
+                                                                  "value": "Europe/Moscow",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "St. Petersburg (11:00 AM)",
+                                                                  "value": "Europe/Moscow",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Kuwait (11:00 AM)",
+                                                                  "value": "Asia/Kuwait",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Riyadh (11:00 AM)",
+                                                                  "value": "Asia/Riyadh",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Nairobi (11:00 AM)",
+                                                                  "value": "Africa/Nairobi",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Baghdad (11:00 AM)",
+                                                                  "value": "Asia/Baghdad",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Caracas (4:00 AM)",
+                                                                  "value": "America/Caracas",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "La Paz (4:00 AM)",
+                                                                  "value": "America/La_Paz",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Santiago (4:00 AM)",
+                                                                  "value": "America/Santiago",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Georgetown (4:00 AM)",
+                                                                  "value": "America/Guyana",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Volgograd (12:00 PM)",
+                                                                  "value": "Europe/Volgograd",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Samara (12:00 PM)",
+                                                                  "value": "Europe/Samara",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Abu Dhabi (12:00 PM)",
+                                                                  "value": "Asia/Muscat",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Muscat (12:00 PM)",
+                                                                  "value": "Asia/Muscat",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Baku (12:00 PM)",
+                                                                  "value": "Asia/Baku",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Tbilisi (12:00 PM)",
+                                                                  "value": "Asia/Tbilisi",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Yerevan (12:00 PM)",
+                                                                  "value": "Asia/Yerevan",
+                                                                },
+                                                                Object {
+                                                                  "index": 370,
+                                                                  "label": "Tehran (12:30 PM)",
+                                                                  "value": "Asia/Tehran",
+                                                                },
+                                                                Object {
+                                                                  "index": 370,
+                                                                  "label": "Kabul (12:30 PM)",
+                                                                  "value": "Asia/Kabul",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Guadalajara (3:00 AM)",
+                                                                  "value": "America/Mexico_City",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Mexico City (3:00 AM)",
+                                                                  "value": "America/Mexico_City",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Monterrey (3:00 AM)",
+                                                                  "value": "America/Monterrey",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Bogota (3:00 AM)",
+                                                                  "value": "America/Bogota",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Lima (3:00 AM)",
+                                                                  "value": "America/Lima",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Quito (3:00 AM)",
+                                                                  "value": "America/Lima",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Ekaterinburg (1:00 PM)",
+                                                                  "value": "Asia/Yekaterinburg",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Islamabad (1:00 PM)",
+                                                                  "value": "Asia/Karachi",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Karachi (1:00 PM)",
+                                                                  "value": "Asia/Karachi",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Tashkent (1:00 PM)",
+                                                                  "value": "Asia/Tashkent",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "Chennai (1:30 PM)",
+                                                                  "value": "Asia/Kolkata",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "Kolkata (1:30 PM)",
+                                                                  "value": "Asia/Kolkata",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "Mumbai (1:30 PM)",
+                                                                  "value": "Asia/Kolkata",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "New Delhi (1:30 PM)",
+                                                                  "value": "Asia/Kolkata",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                  "value": "Asia/Colombo",
+                                                                },
+                                                                Object {
+                                                                  "index": 445,
+                                                                  "label": "Kathmandu (1:45 PM)",
+                                                                  "value": "Asia/Kathmandu",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Chihuahua (2:00 AM)",
+                                                                  "value": "America/Chihuahua",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Mazatlan (2:00 AM)",
+                                                                  "value": "America/Mazatlan",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Saskatchewan (2:00 AM)",
+                                                                  "value": "America/Regina",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Central America (2:00 AM)",
+                                                                  "value": "America/Guatemala",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Astana (2:00 PM)",
+                                                                  "value": "Asia/Dhaka",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Dhaka (2:00 PM)",
+                                                                  "value": "Asia/Dhaka",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Almaty (2:00 PM)",
+                                                                  "value": "Asia/Almaty",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Urumqi (2:00 PM)",
+                                                                  "value": "Asia/Urumqi",
+                                                                },
+                                                                Object {
+                                                                  "index": 490,
+                                                                  "label": "Rangoon (2:30 PM)",
+                                                                  "value": "Asia/Rangoon",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Tijuana (1:00 AM)",
+                                                                  "value": "America/Tijuana",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Novosibirsk (3:00 PM)",
+                                                                  "value": "Asia/Novosibirsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Bangkok (3:00 PM)",
+                                                                  "value": "Asia/Bangkok",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Hanoi (3:00 PM)",
+                                                                  "value": "Asia/Bangkok",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Jakarta (3:00 PM)",
+                                                                  "value": "Asia/Jakarta",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Krasnoyarsk (3:00 PM)",
+                                                                  "value": "Asia/Krasnoyarsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Beijing (4:00 PM)",
+                                                                  "value": "Asia/Shanghai",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Chongqing (4:00 PM)",
+                                                                  "value": "Asia/Chongqing",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Hong Kong (4:00 PM)",
+                                                                  "value": "Asia/Hong_Kong",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Kuala Lumpur (4:00 PM)",
+                                                                  "value": "Asia/Kuala_Lumpur",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Singapore (4:00 PM)",
+                                                                  "value": "Asia/Singapore",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Taipei (4:00 PM)",
+                                                                  "value": "Asia/Taipei",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Perth (4:00 PM)",
+                                                                  "value": "Australia/Perth",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Irkutsk (4:00 PM)",
+                                                                  "value": "Asia/Irkutsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Ulaanbaatar (4:00 PM)",
+                                                                  "value": "Asia/Ulaanbaatar",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Seoul (5:00 PM)",
+                                                                  "value": "Asia/Seoul",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Osaka (5:00 PM)",
+                                                                  "value": "Asia/Tokyo",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Sapporo (5:00 PM)",
+                                                                  "value": "Asia/Tokyo",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Tokyo (5:00 PM)",
+                                                                  "value": "Asia/Tokyo",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Yakutsk (5:00 PM)",
+                                                                  "value": "Asia/Yakutsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 670,
+                                                                  "label": "Darwin (5:30 PM)",
+                                                                  "value": "Australia/Darwin",
+                                                                },
+                                                                Object {
+                                                                  "index": 670,
+                                                                  "label": "Adelaide (5:30 PM)",
+                                                                  "value": "Australia/Adelaide",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Canberra (6:00 PM)",
+                                                                  "value": "Australia/Melbourne",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Melbourne (6:00 PM)",
+                                                                  "value": "Australia/Melbourne",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Sydney (6:00 PM)",
+                                                                  "value": "Australia/Sydney",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Brisbane (6:00 PM)",
+                                                                  "value": "Australia/Brisbane",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Hobart (6:00 PM)",
+                                                                  "value": "Australia/Hobart",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Vladivostok (6:00 PM)",
+                                                                  "value": "Asia/Vladivostok",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Guam (6:00 PM)",
+                                                                  "value": "Pacific/Guam",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Port Moresby (6:00 PM)",
+                                                                  "value": "Pacific/Port_Moresby",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "Midway Island (9:00 PM)",
+                                                                  "value": "Pacific/Midway",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "American Samoa (9:00 PM)",
+                                                                  "value": "Pacific/Pago_Pago",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "Magadan (7:00 PM)",
+                                                                  "value": "Asia/Magadan",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "Srednekolymsk (7:00 PM)",
+                                                                  "value": "Asia/Srednekolymsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "Solomon Is. (7:00 PM)",
+                                                                  "value": "Pacific/Guadalcanal",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "New Caledonia (7:00 PM)",
+                                                                  "value": "Pacific/Noumea",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "International Date Line West (8:00 PM)",
+                                                                  "value": "Etc/GMT+12",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Fiji (8:00 PM)",
+                                                                  "value": "Pacific/Fiji",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Kamchatka (8:00 PM)",
+                                                                  "value": "Asia/Kamchatka",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Marshall Is. (8:00 PM)",
+                                                                  "value": "Pacific/Majuro",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Auckland (8:00 PM)",
+                                                                  "value": "Pacific/Auckland",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Wellington (8:00 PM)",
+                                                                  "value": "Pacific/Auckland",
+                                                                },
+                                                                Object {
+                                                                  "index": 865,
+                                                                  "label": "Chatham Is. (8:45 PM)",
+                                                                  "value": "Pacific/Chatham",
+                                                                },
+                                                                Object {
+                                                                  "index": 880,
+                                                                  "label": "Nuku'alofa (9:00 PM)",
+                                                                  "value": "Pacific/Tongatapu",
+                                                                },
+                                                                Object {
+                                                                  "index": 880,
+                                                                  "label": "Tokelau Is. (9:00 PM)",
+                                                                  "value": "Pacific/Fakaofo",
+                                                                },
+                                                                Object {
+                                                                  "index": 880,
+                                                                  "label": "Samoa (9:00 PM)",
+                                                                  "value": "Pacific/Apia",
+                                                                },
+                                                              ],
+                                                              "pageSize": 5,
+                                                              "placeholder": "Select a timezone",
+                                                              "screenReaderStatus": [Function],
+                                                              "searchable": undefined,
+                                                              "shouldKeyDownEventCreateNewOption": [Function],
+                                                              "styles": Object {
+                                                                "input": [Function],
+                                                              },
+                                                              "tabIndex": "0",
+                                                              "tabSelectsValue": true,
+                                                              "value": null,
+                                                            }
+                                                          }
+                                                          spellCheck="false"
+                                                          tabIndex="0"
+                                                          theme={
+                                                            Object {
+                                                              "borderRadius": 4,
+                                                              "colors": Object {
+                                                                "danger": "#DE350B",
+                                                                "dangerLight": "#FFBDAD",
+                                                                "neutral0": "hsl(0, 0%, 100%)",
+                                                                "neutral10": "hsl(0, 0%, 90%)",
+                                                                "neutral20": "hsl(0, 0%, 80%)",
+                                                                "neutral30": "hsl(0, 0%, 70%)",
+                                                                "neutral40": "hsl(0, 0%, 60%)",
+                                                                "neutral5": "hsl(0, 0%, 95%)",
+                                                                "neutral50": "hsl(0, 0%, 50%)",
+                                                                "neutral60": "hsl(0, 0%, 40%)",
+                                                                "neutral70": "hsl(0, 0%, 30%)",
+                                                                "neutral80": "hsl(0, 0%, 20%)",
+                                                                "neutral90": "hsl(0, 0%, 10%)",
+                                                                "primary": "#2684FF",
+                                                                "primary25": "#DEEBFF",
+                                                                "primary50": "#B2D4FF",
+                                                                "primary75": "#4C9AFF",
+                                                              },
+                                                              "spacing": Object {
+                                                                "baseUnit": 4,
+                                                                "controlHeight": 38,
+                                                                "menuGutter": 8,
+                                                              },
+                                                            }
+                                                          }
+                                                          type="text"
+                                                          value=""
+                                                        >
+                                                          <Input
+                                                            aria-autocomplete="list"
+                                                            aria-expanded={false}
+                                                            aria-haspopup={true}
+                                                            aria-labelledby="representative-tz-label"
+                                                            aria-owns="representative-tz-listbox"
+                                                            autoCapitalize="none"
+                                                            autoComplete="off"
+                                                            autoCorrect="off"
+                                                            cx={[Function]}
+                                                            getStyles={[Function]}
+                                                            id="representative-tz"
+                                                            innerRef={[Function]}
+                                                            isDisabled={false}
+                                                            isHidden={false}
+                                                            onBlur={[Function]}
+                                                            onChange={[Function]}
+                                                            onFocus={[Function]}
+                                                            role="combobox"
+                                                            selectProps={
+                                                              Object {
+                                                                "backspaceRemovesValue": true,
+                                                                "blurInputOnSelect": true,
+                                                                "cache": false,
+                                                                "captureMenuScroll": false,
+                                                                "classNamePrefix": "cf-select",
+                                                                "closeMenuOnScroll": false,
+                                                                "closeMenuOnSelect": true,
+                                                                "components": Object {
+                                                                  "Input": [Function],
+                                                                  "MenuList": [Function],
+                                                                  "Option": [Function],
+                                                                },
+                                                                "controlShouldRenderValue": true,
+                                                                "defaultOptions": undefined,
+                                                                "escapeClearsValue": false,
+                                                                "filterOption": [Function],
+                                                                "formatGroupLabel": [Function],
+                                                                "getOptionLabel": [Function],
+                                                                "getOptionValue": [Function],
+                                                                "inputId": "representative-tz",
+                                                                "inputValue": "",
+                                                                "isClearable": undefined,
+                                                                "isDisabled": false,
+                                                                "isLoading": false,
+                                                                "isMulti": false,
+                                                                "isOptionDisabled": [Function],
+                                                                "isRtl": false,
+                                                                "isSearchable": true,
+                                                                "loadOptions": undefined,
+                                                                "loadingMessage": [Function],
+                                                                "maxMenuHeight": 300,
+                                                                "menuIsOpen": false,
+                                                                "menuPlacement": "bottom",
+                                                                "menuPosition": "absolute",
+                                                                "menuShouldBlockScroll": false,
+                                                                "menuShouldScrollIntoView": true,
+                                                                "minMenuHeight": 140,
+                                                                "name": "representativeTz",
+                                                                "noOptionsMessage": [Function],
+                                                                "onBlurResetsInput": false,
+                                                                "onChange": [Function],
+                                                                "onInputChange": [Function],
+                                                                "onMenuClose": [Function],
+                                                                "onMenuOpen": [Function],
+                                                                "openMenuOnClick": true,
+                                                                "openMenuOnFocus": false,
+                                                                "options": Array [
+                                                                  Object {
+                                                                    "label": "",
+                                                                    "value": null,
+                                                                  },
+                                                                  Object {
+                                                                    "index": -3,
+                                                                    "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                    "value": "America/New_York",
+                                                                  },
+                                                                  Object {
+                                                                    "index": -2,
+                                                                    "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                    "value": "America/Chicago",
+                                                                  },
+                                                                  Object {
+                                                                    "index": -1,
+                                                                    "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                    "value": "America/Denver",
+                                                                  },
+                                                                  Object {
+                                                                    "index": -0,
+                                                                    "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                    "value": "America/Los_Angeles",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 2.4,
+                                                                    "label": "Indiana (East) (4:00 AM)",
+                                                                    "value": "America/Indiana/Indianapolis",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 2.4,
+                                                                    "label": "Puerto Rico (4:00 AM)",
+                                                                    "value": "America/Puerto_Rico",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 4.2,
+                                                                    "label": "Arizona (1:00 AM)",
+                                                                    "value": "America/Phoenix",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 4.8,
+                                                                    "label": "Alaska (12:00 AM)",
+                                                                    "value": "America/Juneau",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 4.8,
+                                                                    "label": "Philippine Standard Time (4:00 PM)",
+                                                                    "value": "Asia/Manila",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 6,
+                                                                    "label": "Hawaii (10:00 PM)",
+                                                                    "value": "Pacific/Honolulu",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 100,
+                                                                    "label": "Azores (8:00 AM)",
+                                                                    "value": "Atlantic/Azores",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 100,
+                                                                    "label": "Monrovia (8:00 AM)",
+                                                                    "value": "Africa/Monrovia",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 100,
+                                                                    "label": "UTC (8:00 AM)",
+                                                                    "value": "Etc/UTC",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 160,
+                                                                    "label": "Cape Verde Is. (7:00 AM)",
+                                                                    "value": "Atlantic/Cape_Verde",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 160,
+                                                                    "label": "Dublin (9:00 AM)",
+                                                                    "value": "Europe/Dublin",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 160,
+                                                                    "label": "Edinburgh (9:00 AM)",
+                                                                    "value": "Europe/London",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 160,
+                                                                    "label": "Lisbon (9:00 AM)",
+                                                                    "value": "Europe/Lisbon",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 160,
+                                                                    "label": "London (9:00 AM)",
+                                                                    "value": "Europe/London",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 160,
+                                                                    "label": "Casablanca (9:00 AM)",
+                                                                    "value": "Africa/Casablanca",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 160,
+                                                                    "label": "West Central Africa (9:00 AM)",
+                                                                    "value": "Africa/Algiers",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Greenland (6:00 AM)",
+                                                                    "value": "America/Godthab",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Mid-Atlantic (6:00 AM)",
+                                                                    "value": "Atlantic/South_Georgia",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Belgrade (10:00 AM)",
+                                                                    "value": "Europe/Belgrade",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Bratislava (10:00 AM)",
+                                                                    "value": "Europe/Bratislava",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Budapest (10:00 AM)",
+                                                                    "value": "Europe/Budapest",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Ljubljana (10:00 AM)",
+                                                                    "value": "Europe/Ljubljana",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Prague (10:00 AM)",
+                                                                    "value": "Europe/Prague",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Sarajevo (10:00 AM)",
+                                                                    "value": "Europe/Sarajevo",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Skopje (10:00 AM)",
+                                                                    "value": "Europe/Skopje",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Warsaw (10:00 AM)",
+                                                                    "value": "Europe/Warsaw",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Zagreb (10:00 AM)",
+                                                                    "value": "Europe/Zagreb",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Brussels (10:00 AM)",
+                                                                    "value": "Europe/Brussels",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Copenhagen (10:00 AM)",
+                                                                    "value": "Europe/Copenhagen",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Madrid (10:00 AM)",
+                                                                    "value": "Europe/Madrid",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Paris (10:00 AM)",
+                                                                    "value": "Europe/Paris",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Amsterdam (10:00 AM)",
+                                                                    "value": "Europe/Amsterdam",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Berlin (10:00 AM)",
+                                                                    "value": "Europe/Berlin",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Bern (10:00 AM)",
+                                                                    "value": "Europe/Zurich",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Zurich (10:00 AM)",
+                                                                    "value": "Europe/Zurich",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Rome (10:00 AM)",
+                                                                    "value": "Europe/Rome",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Stockholm (10:00 AM)",
+                                                                    "value": "Europe/Stockholm",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Vienna (10:00 AM)",
+                                                                    "value": "Europe/Vienna",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Cairo (10:00 AM)",
+                                                                    "value": "Africa/Cairo",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Harare (10:00 AM)",
+                                                                    "value": "Africa/Harare",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Pretoria (10:00 AM)",
+                                                                    "value": "Africa/Johannesburg",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 220,
+                                                                    "label": "Kaliningrad (10:00 AM)",
+                                                                    "value": "Europe/Kaliningrad",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 250,
+                                                                    "label": "Newfoundland (5:30 AM)",
+                                                                    "value": "America/St_Johns",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                    "value": "America/Halifax",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Brasilia (5:00 AM)",
+                                                                    "value": "America/Sao_Paulo",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Buenos Aires (5:00 AM)",
+                                                                    "value": "America/Argentina/Buenos_Aires",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Montevideo (5:00 AM)",
+                                                                    "value": "America/Montevideo",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Bucharest (11:00 AM)",
+                                                                    "value": "Europe/Bucharest",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Helsinki (11:00 AM)",
+                                                                    "value": "Europe/Helsinki",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Kyiv (11:00 AM)",
+                                                                    "value": "Europe/Kiev",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Riga (11:00 AM)",
+                                                                    "value": "Europe/Riga",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Sofia (11:00 AM)",
+                                                                    "value": "Europe/Sofia",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Tallinn (11:00 AM)",
+                                                                    "value": "Europe/Tallinn",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Vilnius (11:00 AM)",
+                                                                    "value": "Europe/Vilnius",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Athens (11:00 AM)",
+                                                                    "value": "Europe/Athens",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Istanbul (11:00 AM)",
+                                                                    "value": "Europe/Istanbul",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Minsk (11:00 AM)",
+                                                                    "value": "Europe/Minsk",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Jerusalem (11:00 AM)",
+                                                                    "value": "Asia/Jerusalem",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Moscow (11:00 AM)",
+                                                                    "value": "Europe/Moscow",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "St. Petersburg (11:00 AM)",
+                                                                    "value": "Europe/Moscow",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Kuwait (11:00 AM)",
+                                                                    "value": "Asia/Kuwait",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Riyadh (11:00 AM)",
+                                                                    "value": "Asia/Riyadh",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Nairobi (11:00 AM)",
+                                                                    "value": "Africa/Nairobi",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 280,
+                                                                    "label": "Baghdad (11:00 AM)",
+                                                                    "value": "Asia/Baghdad",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 340,
+                                                                    "label": "Caracas (4:00 AM)",
+                                                                    "value": "America/Caracas",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 340,
+                                                                    "label": "La Paz (4:00 AM)",
+                                                                    "value": "America/La_Paz",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 340,
+                                                                    "label": "Santiago (4:00 AM)",
+                                                                    "value": "America/Santiago",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 340,
+                                                                    "label": "Georgetown (4:00 AM)",
+                                                                    "value": "America/Guyana",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 340,
+                                                                    "label": "Volgograd (12:00 PM)",
+                                                                    "value": "Europe/Volgograd",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 340,
+                                                                    "label": "Samara (12:00 PM)",
+                                                                    "value": "Europe/Samara",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 340,
+                                                                    "label": "Abu Dhabi (12:00 PM)",
+                                                                    "value": "Asia/Muscat",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 340,
+                                                                    "label": "Muscat (12:00 PM)",
+                                                                    "value": "Asia/Muscat",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 340,
+                                                                    "label": "Baku (12:00 PM)",
+                                                                    "value": "Asia/Baku",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 340,
+                                                                    "label": "Tbilisi (12:00 PM)",
+                                                                    "value": "Asia/Tbilisi",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 340,
+                                                                    "label": "Yerevan (12:00 PM)",
+                                                                    "value": "Asia/Yerevan",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 370,
+                                                                    "label": "Tehran (12:30 PM)",
+                                                                    "value": "Asia/Tehran",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 370,
+                                                                    "label": "Kabul (12:30 PM)",
+                                                                    "value": "Asia/Kabul",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 400,
+                                                                    "label": "Guadalajara (3:00 AM)",
+                                                                    "value": "America/Mexico_City",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 400,
+                                                                    "label": "Mexico City (3:00 AM)",
+                                                                    "value": "America/Mexico_City",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 400,
+                                                                    "label": "Monterrey (3:00 AM)",
+                                                                    "value": "America/Monterrey",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 400,
+                                                                    "label": "Bogota (3:00 AM)",
+                                                                    "value": "America/Bogota",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 400,
+                                                                    "label": "Lima (3:00 AM)",
+                                                                    "value": "America/Lima",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 400,
+                                                                    "label": "Quito (3:00 AM)",
+                                                                    "value": "America/Lima",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 400,
+                                                                    "label": "Ekaterinburg (1:00 PM)",
+                                                                    "value": "Asia/Yekaterinburg",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 400,
+                                                                    "label": "Islamabad (1:00 PM)",
+                                                                    "value": "Asia/Karachi",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 400,
+                                                                    "label": "Karachi (1:00 PM)",
+                                                                    "value": "Asia/Karachi",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 400,
+                                                                    "label": "Tashkent (1:00 PM)",
+                                                                    "value": "Asia/Tashkent",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 430,
+                                                                    "label": "Chennai (1:30 PM)",
+                                                                    "value": "Asia/Kolkata",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 430,
+                                                                    "label": "Kolkata (1:30 PM)",
+                                                                    "value": "Asia/Kolkata",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 430,
+                                                                    "label": "Mumbai (1:30 PM)",
+                                                                    "value": "Asia/Kolkata",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 430,
+                                                                    "label": "New Delhi (1:30 PM)",
+                                                                    "value": "Asia/Kolkata",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 430,
+                                                                    "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                    "value": "Asia/Colombo",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 445,
+                                                                    "label": "Kathmandu (1:45 PM)",
+                                                                    "value": "Asia/Kathmandu",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 460,
+                                                                    "label": "Chihuahua (2:00 AM)",
+                                                                    "value": "America/Chihuahua",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 460,
+                                                                    "label": "Mazatlan (2:00 AM)",
+                                                                    "value": "America/Mazatlan",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 460,
+                                                                    "label": "Saskatchewan (2:00 AM)",
+                                                                    "value": "America/Regina",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 460,
+                                                                    "label": "Central America (2:00 AM)",
+                                                                    "value": "America/Guatemala",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 460,
+                                                                    "label": "Astana (2:00 PM)",
+                                                                    "value": "Asia/Dhaka",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 460,
+                                                                    "label": "Dhaka (2:00 PM)",
+                                                                    "value": "Asia/Dhaka",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 460,
+                                                                    "label": "Almaty (2:00 PM)",
+                                                                    "value": "Asia/Almaty",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 460,
+                                                                    "label": "Urumqi (2:00 PM)",
+                                                                    "value": "Asia/Urumqi",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 490,
+                                                                    "label": "Rangoon (2:30 PM)",
+                                                                    "value": "Asia/Rangoon",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 520,
+                                                                    "label": "Tijuana (1:00 AM)",
+                                                                    "value": "America/Tijuana",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 520,
+                                                                    "label": "Novosibirsk (3:00 PM)",
+                                                                    "value": "Asia/Novosibirsk",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 520,
+                                                                    "label": "Bangkok (3:00 PM)",
+                                                                    "value": "Asia/Bangkok",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 520,
+                                                                    "label": "Hanoi (3:00 PM)",
+                                                                    "value": "Asia/Bangkok",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 520,
+                                                                    "label": "Jakarta (3:00 PM)",
+                                                                    "value": "Asia/Jakarta",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 520,
+                                                                    "label": "Krasnoyarsk (3:00 PM)",
+                                                                    "value": "Asia/Krasnoyarsk",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 580,
+                                                                    "label": "Beijing (4:00 PM)",
+                                                                    "value": "Asia/Shanghai",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 580,
+                                                                    "label": "Chongqing (4:00 PM)",
+                                                                    "value": "Asia/Chongqing",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 580,
+                                                                    "label": "Hong Kong (4:00 PM)",
+                                                                    "value": "Asia/Hong_Kong",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 580,
+                                                                    "label": "Kuala Lumpur (4:00 PM)",
+                                                                    "value": "Asia/Kuala_Lumpur",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 580,
+                                                                    "label": "Singapore (4:00 PM)",
+                                                                    "value": "Asia/Singapore",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 580,
+                                                                    "label": "Taipei (4:00 PM)",
+                                                                    "value": "Asia/Taipei",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 580,
+                                                                    "label": "Perth (4:00 PM)",
+                                                                    "value": "Australia/Perth",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 580,
+                                                                    "label": "Irkutsk (4:00 PM)",
+                                                                    "value": "Asia/Irkutsk",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 580,
+                                                                    "label": "Ulaanbaatar (4:00 PM)",
+                                                                    "value": "Asia/Ulaanbaatar",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 640,
+                                                                    "label": "Seoul (5:00 PM)",
+                                                                    "value": "Asia/Seoul",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 640,
+                                                                    "label": "Osaka (5:00 PM)",
+                                                                    "value": "Asia/Tokyo",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 640,
+                                                                    "label": "Sapporo (5:00 PM)",
+                                                                    "value": "Asia/Tokyo",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 640,
+                                                                    "label": "Tokyo (5:00 PM)",
+                                                                    "value": "Asia/Tokyo",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 640,
+                                                                    "label": "Yakutsk (5:00 PM)",
+                                                                    "value": "Asia/Yakutsk",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 670,
+                                                                    "label": "Darwin (5:30 PM)",
+                                                                    "value": "Australia/Darwin",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 670,
+                                                                    "label": "Adelaide (5:30 PM)",
+                                                                    "value": "Australia/Adelaide",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 700,
+                                                                    "label": "Canberra (6:00 PM)",
+                                                                    "value": "Australia/Melbourne",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 700,
+                                                                    "label": "Melbourne (6:00 PM)",
+                                                                    "value": "Australia/Melbourne",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 700,
+                                                                    "label": "Sydney (6:00 PM)",
+                                                                    "value": "Australia/Sydney",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 700,
+                                                                    "label": "Brisbane (6:00 PM)",
+                                                                    "value": "Australia/Brisbane",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 700,
+                                                                    "label": "Hobart (6:00 PM)",
+                                                                    "value": "Australia/Hobart",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 700,
+                                                                    "label": "Vladivostok (6:00 PM)",
+                                                                    "value": "Asia/Vladivostok",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 700,
+                                                                    "label": "Guam (6:00 PM)",
+                                                                    "value": "Pacific/Guam",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 700,
+                                                                    "label": "Port Moresby (6:00 PM)",
+                                                                    "value": "Pacific/Port_Moresby",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 760,
+                                                                    "label": "Midway Island (9:00 PM)",
+                                                                    "value": "Pacific/Midway",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 760,
+                                                                    "label": "American Samoa (9:00 PM)",
+                                                                    "value": "Pacific/Pago_Pago",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 760,
+                                                                    "label": "Magadan (7:00 PM)",
+                                                                    "value": "Asia/Magadan",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 760,
+                                                                    "label": "Srednekolymsk (7:00 PM)",
+                                                                    "value": "Asia/Srednekolymsk",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 760,
+                                                                    "label": "Solomon Is. (7:00 PM)",
+                                                                    "value": "Pacific/Guadalcanal",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 760,
+                                                                    "label": "New Caledonia (7:00 PM)",
+                                                                    "value": "Pacific/Noumea",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 820,
+                                                                    "label": "International Date Line West (8:00 PM)",
+                                                                    "value": "Etc/GMT+12",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 820,
+                                                                    "label": "Fiji (8:00 PM)",
+                                                                    "value": "Pacific/Fiji",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 820,
+                                                                    "label": "Kamchatka (8:00 PM)",
+                                                                    "value": "Asia/Kamchatka",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 820,
+                                                                    "label": "Marshall Is. (8:00 PM)",
+                                                                    "value": "Pacific/Majuro",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 820,
+                                                                    "label": "Auckland (8:00 PM)",
+                                                                    "value": "Pacific/Auckland",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 820,
+                                                                    "label": "Wellington (8:00 PM)",
+                                                                    "value": "Pacific/Auckland",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 865,
+                                                                    "label": "Chatham Is. (8:45 PM)",
+                                                                    "value": "Pacific/Chatham",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 880,
+                                                                    "label": "Nuku'alofa (9:00 PM)",
+                                                                    "value": "Pacific/Tongatapu",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 880,
+                                                                    "label": "Tokelau Is. (9:00 PM)",
+                                                                    "value": "Pacific/Fakaofo",
+                                                                  },
+                                                                  Object {
+                                                                    "index": 880,
+                                                                    "label": "Samoa (9:00 PM)",
+                                                                    "value": "Pacific/Apia",
+                                                                  },
+                                                                ],
+                                                                "pageSize": 5,
+                                                                "placeholder": "Select a timezone",
+                                                                "screenReaderStatus": [Function],
+                                                                "searchable": undefined,
+                                                                "shouldKeyDownEventCreateNewOption": [Function],
+                                                                "styles": Object {
+                                                                  "input": [Function],
+                                                                },
+                                                                "tabIndex": "0",
+                                                                "tabSelectsValue": true,
+                                                                "value": null,
+                                                              }
+                                                            }
+                                                            spellCheck="false"
+                                                            tabIndex="0"
+                                                            theme={
+                                                              Object {
+                                                                "borderRadius": 4,
+                                                                "colors": Object {
+                                                                  "danger": "#DE350B",
+                                                                  "dangerLight": "#FFBDAD",
+                                                                  "neutral0": "hsl(0, 0%, 100%)",
+                                                                  "neutral10": "hsl(0, 0%, 90%)",
+                                                                  "neutral20": "hsl(0, 0%, 80%)",
+                                                                  "neutral30": "hsl(0, 0%, 70%)",
+                                                                  "neutral40": "hsl(0, 0%, 60%)",
+                                                                  "neutral5": "hsl(0, 0%, 95%)",
+                                                                  "neutral50": "hsl(0, 0%, 50%)",
+                                                                  "neutral60": "hsl(0, 0%, 40%)",
+                                                                  "neutral70": "hsl(0, 0%, 30%)",
+                                                                  "neutral80": "hsl(0, 0%, 20%)",
+                                                                  "neutral90": "hsl(0, 0%, 10%)",
+                                                                  "primary": "#2684FF",
+                                                                  "primary25": "#DEEBFF",
+                                                                  "primary50": "#B2D4FF",
+                                                                  "primary75": "#4C9AFF",
+                                                                },
+                                                                "spacing": Object {
+                                                                  "baseUnit": 4,
+                                                                  "controlHeight": 38,
+                                                                  "menuGutter": 8,
+                                                                },
+                                                              }
+                                                            }
+                                                            type="text"
+                                                            value=""
+                                                          >
+                                                            <EmotionCssPropInternal
+                                                              __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Input"
+                                                              __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                              css={
+                                                                Object {
+                                                                  "height": "44px",
+                                                                }
+                                                              }
+                                                            >
+                                                              <div
+                                                                className="css-81nyic-Input"
+                                                              >
+                                                                <AutosizeInput
+                                                                  aria-autocomplete="list"
+                                                                  aria-expanded={false}
+                                                                  aria-haspopup={true}
+                                                                  aria-labelledby="representative-tz-label"
+                                                                  aria-owns="representative-tz-listbox"
+                                                                  autoCapitalize="none"
+                                                                  autoComplete="off"
+                                                                  autoCorrect="off"
+                                                                  className="cf-select__input"
+                                                                  disabled={false}
+                                                                  id="representative-tz"
+                                                                  injectStyles={true}
+                                                                  inputRef={[Function]}
+                                                                  inputStyle={
+                                                                    Object {
+                                                                      "background": 0,
+                                                                      "border": 0,
+                                                                      "color": "inherit",
+                                                                      "fontSize": "inherit",
+                                                                      "label": "input",
+                                                                      "opacity": 1,
+                                                                      "outline": 0,
+                                                                      "padding": 0,
+                                                                    }
+                                                                  }
+                                                                  minWidth={1}
+                                                                  onBlur={[Function]}
+                                                                  onChange={[Function]}
+                                                                  onFocus={[Function]}
+                                                                  role="combobox"
+                                                                  spellCheck="false"
+                                                                  tabIndex="0"
+                                                                  type="text"
+                                                                  value=""
+                                                                >
+                                                                  <div
+                                                                    className="cf-select__input"
+                                                                    style={
+                                                                      Object {
+                                                                        "display": "inline-block",
+                                                                      }
+                                                                    }
+                                                                  >
+                                                                    <input
+                                                                      aria-autocomplete="list"
+                                                                      aria-expanded={false}
+                                                                      aria-haspopup={true}
+                                                                      aria-labelledby="representative-tz-label"
+                                                                      aria-owns="representative-tz-listbox"
+                                                                      autoCapitalize="none"
+                                                                      autoComplete="off"
+                                                                      autoCorrect="off"
+                                                                      disabled={false}
+                                                                      id="representative-tz"
+                                                                      onBlur={[Function]}
+                                                                      onChange={[Function]}
+                                                                      onFocus={[Function]}
+                                                                      role="combobox"
+                                                                      spellCheck="false"
+                                                                      style={
+                                                                        Object {
+                                                                          "background": 0,
+                                                                          "border": 0,
+                                                                          "boxSizing": "content-box",
+                                                                          "color": "inherit",
+                                                                          "fontSize": "inherit",
+                                                                          "label": "input",
+                                                                          "opacity": 1,
+                                                                          "outline": 0,
+                                                                          "padding": 0,
+                                                                          "width": "2px",
+                                                                        }
+                                                                      }
+                                                                      tabIndex="0"
+                                                                      type="text"
+                                                                      value=""
+                                                                    />
+                                                                    <div
+                                                                      style={
+                                                                        Object {
+                                                                          "height": 0,
+                                                                          "left": 0,
+                                                                          "overflow": "scroll",
+                                                                          "position": "absolute",
+                                                                          "top": 0,
+                                                                          "visibility": "hidden",
+                                                                          "whiteSpace": "pre",
+                                                                        }
+                                                                      }
+                                                                    />
+                                                                  </div>
+                                                                </AutosizeInput>
+                                                              </div>
+                                                            </EmotionCssPropInternal>
+                                                          </Input>
+                                                        </CustomInput>
+                                                      </div>
+                                                    </EmotionCssPropInternal>
+                                                  </ValueContainer>
+                                                  <IndicatorsContainer
+                                                    clearValue={[Function]}
+                                                    cx={[Function]}
+                                                    getStyles={[Function]}
+                                                    getValue={[Function]}
+                                                    hasValue={false}
+                                                    isDisabled={false}
+                                                    isMulti={false}
+                                                    isRtl={false}
+                                                    options={
+                                                      Array [
+                                                        Object {
+                                                          "label": "",
+                                                          "value": null,
+                                                        },
+                                                        Object {
+                                                          "index": -3,
+                                                          "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                          "value": "America/New_York",
+                                                        },
+                                                        Object {
+                                                          "index": -2,
+                                                          "label": "Central Time (US & Canada) (3:00 AM)",
+                                                          "value": "America/Chicago",
+                                                        },
+                                                        Object {
+                                                          "index": -1,
+                                                          "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                          "value": "America/Denver",
+                                                        },
+                                                        Object {
+                                                          "index": -0,
+                                                          "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                          "value": "America/Los_Angeles",
+                                                        },
+                                                        Object {
+                                                          "index": 2.4,
+                                                          "label": "Indiana (East) (4:00 AM)",
+                                                          "value": "America/Indiana/Indianapolis",
+                                                        },
+                                                        Object {
+                                                          "index": 2.4,
+                                                          "label": "Puerto Rico (4:00 AM)",
+                                                          "value": "America/Puerto_Rico",
+                                                        },
+                                                        Object {
+                                                          "index": 4.2,
+                                                          "label": "Arizona (1:00 AM)",
+                                                          "value": "America/Phoenix",
+                                                        },
+                                                        Object {
+                                                          "index": 4.8,
+                                                          "label": "Alaska (12:00 AM)",
+                                                          "value": "America/Juneau",
+                                                        },
+                                                        Object {
+                                                          "index": 4.8,
+                                                          "label": "Philippine Standard Time (4:00 PM)",
+                                                          "value": "Asia/Manila",
+                                                        },
+                                                        Object {
+                                                          "index": 6,
+                                                          "label": "Hawaii (10:00 PM)",
+                                                          "value": "Pacific/Honolulu",
+                                                        },
+                                                        Object {
+                                                          "index": 100,
+                                                          "label": "Azores (8:00 AM)",
+                                                          "value": "Atlantic/Azores",
+                                                        },
+                                                        Object {
+                                                          "index": 100,
+                                                          "label": "Monrovia (8:00 AM)",
+                                                          "value": "Africa/Monrovia",
+                                                        },
+                                                        Object {
+                                                          "index": 100,
+                                                          "label": "UTC (8:00 AM)",
+                                                          "value": "Etc/UTC",
+                                                        },
+                                                        Object {
+                                                          "index": 160,
+                                                          "label": "Cape Verde Is. (7:00 AM)",
+                                                          "value": "Atlantic/Cape_Verde",
+                                                        },
+                                                        Object {
+                                                          "index": 160,
+                                                          "label": "Dublin (9:00 AM)",
+                                                          "value": "Europe/Dublin",
+                                                        },
+                                                        Object {
+                                                          "index": 160,
+                                                          "label": "Edinburgh (9:00 AM)",
+                                                          "value": "Europe/London",
+                                                        },
+                                                        Object {
+                                                          "index": 160,
+                                                          "label": "Lisbon (9:00 AM)",
+                                                          "value": "Europe/Lisbon",
+                                                        },
+                                                        Object {
+                                                          "index": 160,
+                                                          "label": "London (9:00 AM)",
+                                                          "value": "Europe/London",
+                                                        },
+                                                        Object {
+                                                          "index": 160,
+                                                          "label": "Casablanca (9:00 AM)",
+                                                          "value": "Africa/Casablanca",
+                                                        },
+                                                        Object {
+                                                          "index": 160,
+                                                          "label": "West Central Africa (9:00 AM)",
+                                                          "value": "Africa/Algiers",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Greenland (6:00 AM)",
+                                                          "value": "America/Godthab",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Mid-Atlantic (6:00 AM)",
+                                                          "value": "Atlantic/South_Georgia",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Belgrade (10:00 AM)",
+                                                          "value": "Europe/Belgrade",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Bratislava (10:00 AM)",
+                                                          "value": "Europe/Bratislava",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Budapest (10:00 AM)",
+                                                          "value": "Europe/Budapest",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Ljubljana (10:00 AM)",
+                                                          "value": "Europe/Ljubljana",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Prague (10:00 AM)",
+                                                          "value": "Europe/Prague",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Sarajevo (10:00 AM)",
+                                                          "value": "Europe/Sarajevo",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Skopje (10:00 AM)",
+                                                          "value": "Europe/Skopje",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Warsaw (10:00 AM)",
+                                                          "value": "Europe/Warsaw",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Zagreb (10:00 AM)",
+                                                          "value": "Europe/Zagreb",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Brussels (10:00 AM)",
+                                                          "value": "Europe/Brussels",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Copenhagen (10:00 AM)",
+                                                          "value": "Europe/Copenhagen",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Madrid (10:00 AM)",
+                                                          "value": "Europe/Madrid",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Paris (10:00 AM)",
+                                                          "value": "Europe/Paris",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Amsterdam (10:00 AM)",
+                                                          "value": "Europe/Amsterdam",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Berlin (10:00 AM)",
+                                                          "value": "Europe/Berlin",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Bern (10:00 AM)",
+                                                          "value": "Europe/Zurich",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Zurich (10:00 AM)",
+                                                          "value": "Europe/Zurich",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Rome (10:00 AM)",
+                                                          "value": "Europe/Rome",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Stockholm (10:00 AM)",
+                                                          "value": "Europe/Stockholm",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Vienna (10:00 AM)",
+                                                          "value": "Europe/Vienna",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Cairo (10:00 AM)",
+                                                          "value": "Africa/Cairo",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Harare (10:00 AM)",
+                                                          "value": "Africa/Harare",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Pretoria (10:00 AM)",
+                                                          "value": "Africa/Johannesburg",
+                                                        },
+                                                        Object {
+                                                          "index": 220,
+                                                          "label": "Kaliningrad (10:00 AM)",
+                                                          "value": "Europe/Kaliningrad",
+                                                        },
+                                                        Object {
+                                                          "index": 250,
+                                                          "label": "Newfoundland (5:30 AM)",
+                                                          "value": "America/St_Johns",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                          "value": "America/Halifax",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Brasilia (5:00 AM)",
+                                                          "value": "America/Sao_Paulo",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Buenos Aires (5:00 AM)",
+                                                          "value": "America/Argentina/Buenos_Aires",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Montevideo (5:00 AM)",
+                                                          "value": "America/Montevideo",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Bucharest (11:00 AM)",
+                                                          "value": "Europe/Bucharest",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Helsinki (11:00 AM)",
+                                                          "value": "Europe/Helsinki",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Kyiv (11:00 AM)",
+                                                          "value": "Europe/Kiev",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Riga (11:00 AM)",
+                                                          "value": "Europe/Riga",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Sofia (11:00 AM)",
+                                                          "value": "Europe/Sofia",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Tallinn (11:00 AM)",
+                                                          "value": "Europe/Tallinn",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Vilnius (11:00 AM)",
+                                                          "value": "Europe/Vilnius",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Athens (11:00 AM)",
+                                                          "value": "Europe/Athens",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Istanbul (11:00 AM)",
+                                                          "value": "Europe/Istanbul",
+                                                        },
                                                         Object {
-                                                          "label": "No audio",
-                                                          "value": "No audio",
+                                                          "index": 280,
+                                                          "label": "Minsk (11:00 AM)",
+                                                          "value": "Europe/Minsk",
                                                         },
                                                         Object {
-                                                          "label": "Poor Audio Quality",
-                                                          "value": "Poor Audio Quality",
+                                                          "index": 280,
+                                                          "label": "Jerusalem (11:00 AM)",
+                                                          "value": "Asia/Jerusalem",
                                                         },
                                                         Object {
-                                                          "label": "Incomplete Hearing",
-                                                          "value": "Incomplete Hearing",
+                                                          "index": 280,
+                                                          "label": "Moscow (11:00 AM)",
+                                                          "value": "Europe/Moscow",
                                                         },
                                                         Object {
-                                                          "label": "Other (see notes)",
-                                                          "value": "Other (see notes)",
+                                                          "index": 280,
+                                                          "label": "St. Petersburg (11:00 AM)",
+                                                          "value": "Europe/Moscow",
                                                         },
                                                         Object {
-                                                          "label": "None",
-                                                          "value": null,
+                                                          "index": 280,
+                                                          "label": "Kuwait (11:00 AM)",
+                                                          "value": "Asia/Kuwait",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Riyadh (11:00 AM)",
+                                                          "value": "Asia/Riyadh",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Nairobi (11:00 AM)",
+                                                          "value": "Africa/Nairobi",
+                                                        },
+                                                        Object {
+                                                          "index": 280,
+                                                          "label": "Baghdad (11:00 AM)",
+                                                          "value": "Asia/Baghdad",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Caracas (4:00 AM)",
+                                                          "value": "America/Caracas",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "La Paz (4:00 AM)",
+                                                          "value": "America/La_Paz",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Santiago (4:00 AM)",
+                                                          "value": "America/Santiago",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Georgetown (4:00 AM)",
+                                                          "value": "America/Guyana",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Volgograd (12:00 PM)",
+                                                          "value": "Europe/Volgograd",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Samara (12:00 PM)",
+                                                          "value": "Europe/Samara",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Abu Dhabi (12:00 PM)",
+                                                          "value": "Asia/Muscat",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Muscat (12:00 PM)",
+                                                          "value": "Asia/Muscat",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Baku (12:00 PM)",
+                                                          "value": "Asia/Baku",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Tbilisi (12:00 PM)",
+                                                          "value": "Asia/Tbilisi",
+                                                        },
+                                                        Object {
+                                                          "index": 340,
+                                                          "label": "Yerevan (12:00 PM)",
+                                                          "value": "Asia/Yerevan",
+                                                        },
+                                                        Object {
+                                                          "index": 370,
+                                                          "label": "Tehran (12:30 PM)",
+                                                          "value": "Asia/Tehran",
+                                                        },
+                                                        Object {
+                                                          "index": 370,
+                                                          "label": "Kabul (12:30 PM)",
+                                                          "value": "Asia/Kabul",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Guadalajara (3:00 AM)",
+                                                          "value": "America/Mexico_City",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Mexico City (3:00 AM)",
+                                                          "value": "America/Mexico_City",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Monterrey (3:00 AM)",
+                                                          "value": "America/Monterrey",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Bogota (3:00 AM)",
+                                                          "value": "America/Bogota",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Lima (3:00 AM)",
+                                                          "value": "America/Lima",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Quito (3:00 AM)",
+                                                          "value": "America/Lima",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Ekaterinburg (1:00 PM)",
+                                                          "value": "Asia/Yekaterinburg",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Islamabad (1:00 PM)",
+                                                          "value": "Asia/Karachi",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Karachi (1:00 PM)",
+                                                          "value": "Asia/Karachi",
+                                                        },
+                                                        Object {
+                                                          "index": 400,
+                                                          "label": "Tashkent (1:00 PM)",
+                                                          "value": "Asia/Tashkent",
+                                                        },
+                                                        Object {
+                                                          "index": 430,
+                                                          "label": "Chennai (1:30 PM)",
+                                                          "value": "Asia/Kolkata",
+                                                        },
+                                                        Object {
+                                                          "index": 430,
+                                                          "label": "Kolkata (1:30 PM)",
+                                                          "value": "Asia/Kolkata",
+                                                        },
+                                                        Object {
+                                                          "index": 430,
+                                                          "label": "Mumbai (1:30 PM)",
+                                                          "value": "Asia/Kolkata",
+                                                        },
+                                                        Object {
+                                                          "index": 430,
+                                                          "label": "New Delhi (1:30 PM)",
+                                                          "value": "Asia/Kolkata",
+                                                        },
+                                                        Object {
+                                                          "index": 430,
+                                                          "label": "Sri Jayawardenepura (1:30 PM)",
+                                                          "value": "Asia/Colombo",
+                                                        },
+                                                        Object {
+                                                          "index": 445,
+                                                          "label": "Kathmandu (1:45 PM)",
+                                                          "value": "Asia/Kathmandu",
+                                                        },
+                                                        Object {
+                                                          "index": 460,
+                                                          "label": "Chihuahua (2:00 AM)",
+                                                          "value": "America/Chihuahua",
+                                                        },
+                                                        Object {
+                                                          "index": 460,
+                                                          "label": "Mazatlan (2:00 AM)",
+                                                          "value": "America/Mazatlan",
+                                                        },
+                                                        Object {
+                                                          "index": 460,
+                                                          "label": "Saskatchewan (2:00 AM)",
+                                                          "value": "America/Regina",
+                                                        },
+                                                        Object {
+                                                          "index": 460,
+                                                          "label": "Central America (2:00 AM)",
+                                                          "value": "America/Guatemala",
+                                                        },
+                                                        Object {
+                                                          "index": 460,
+                                                          "label": "Astana (2:00 PM)",
+                                                          "value": "Asia/Dhaka",
+                                                        },
+                                                        Object {
+                                                          "index": 460,
+                                                          "label": "Dhaka (2:00 PM)",
+                                                          "value": "Asia/Dhaka",
+                                                        },
+                                                        Object {
+                                                          "index": 460,
+                                                          "label": "Almaty (2:00 PM)",
+                                                          "value": "Asia/Almaty",
+                                                        },
+                                                        Object {
+                                                          "index": 460,
+                                                          "label": "Urumqi (2:00 PM)",
+                                                          "value": "Asia/Urumqi",
+                                                        },
+                                                        Object {
+                                                          "index": 490,
+                                                          "label": "Rangoon (2:30 PM)",
+                                                          "value": "Asia/Rangoon",
+                                                        },
+                                                        Object {
+                                                          "index": 520,
+                                                          "label": "Tijuana (1:00 AM)",
+                                                          "value": "America/Tijuana",
+                                                        },
+                                                        Object {
+                                                          "index": 520,
+                                                          "label": "Novosibirsk (3:00 PM)",
+                                                          "value": "Asia/Novosibirsk",
+                                                        },
+                                                        Object {
+                                                          "index": 520,
+                                                          "label": "Bangkok (3:00 PM)",
+                                                          "value": "Asia/Bangkok",
+                                                        },
+                                                        Object {
+                                                          "index": 520,
+                                                          "label": "Hanoi (3:00 PM)",
+                                                          "value": "Asia/Bangkok",
+                                                        },
+                                                        Object {
+                                                          "index": 520,
+                                                          "label": "Jakarta (3:00 PM)",
+                                                          "value": "Asia/Jakarta",
+                                                        },
+                                                        Object {
+                                                          "index": 520,
+                                                          "label": "Krasnoyarsk (3:00 PM)",
+                                                          "value": "Asia/Krasnoyarsk",
+                                                        },
+                                                        Object {
+                                                          "index": 580,
+                                                          "label": "Beijing (4:00 PM)",
+                                                          "value": "Asia/Shanghai",
+                                                        },
+                                                        Object {
+                                                          "index": 580,
+                                                          "label": "Chongqing (4:00 PM)",
+                                                          "value": "Asia/Chongqing",
+                                                        },
+                                                        Object {
+                                                          "index": 580,
+                                                          "label": "Hong Kong (4:00 PM)",
+                                                          "value": "Asia/Hong_Kong",
+                                                        },
+                                                        Object {
+                                                          "index": 580,
+                                                          "label": "Kuala Lumpur (4:00 PM)",
+                                                          "value": "Asia/Kuala_Lumpur",
+                                                        },
+                                                        Object {
+                                                          "index": 580,
+                                                          "label": "Singapore (4:00 PM)",
+                                                          "value": "Asia/Singapore",
+                                                        },
+                                                        Object {
+                                                          "index": 580,
+                                                          "label": "Taipei (4:00 PM)",
+                                                          "value": "Asia/Taipei",
+                                                        },
+                                                        Object {
+                                                          "index": 580,
+                                                          "label": "Perth (4:00 PM)",
+                                                          "value": "Australia/Perth",
+                                                        },
+                                                        Object {
+                                                          "index": 580,
+                                                          "label": "Irkutsk (4:00 PM)",
+                                                          "value": "Asia/Irkutsk",
+                                                        },
+                                                        Object {
+                                                          "index": 580,
+                                                          "label": "Ulaanbaatar (4:00 PM)",
+                                                          "value": "Asia/Ulaanbaatar",
+                                                        },
+                                                        Object {
+                                                          "index": 640,
+                                                          "label": "Seoul (5:00 PM)",
+                                                          "value": "Asia/Seoul",
+                                                        },
+                                                        Object {
+                                                          "index": 640,
+                                                          "label": "Osaka (5:00 PM)",
+                                                          "value": "Asia/Tokyo",
+                                                        },
+                                                        Object {
+                                                          "index": 640,
+                                                          "label": "Sapporo (5:00 PM)",
+                                                          "value": "Asia/Tokyo",
+                                                        },
+                                                        Object {
+                                                          "index": 640,
+                                                          "label": "Tokyo (5:00 PM)",
+                                                          "value": "Asia/Tokyo",
+                                                        },
+                                                        Object {
+                                                          "index": 640,
+                                                          "label": "Yakutsk (5:00 PM)",
+                                                          "value": "Asia/Yakutsk",
+                                                        },
+                                                        Object {
+                                                          "index": 670,
+                                                          "label": "Darwin (5:30 PM)",
+                                                          "value": "Australia/Darwin",
+                                                        },
+                                                        Object {
+                                                          "index": 670,
+                                                          "label": "Adelaide (5:30 PM)",
+                                                          "value": "Australia/Adelaide",
+                                                        },
+                                                        Object {
+                                                          "index": 700,
+                                                          "label": "Canberra (6:00 PM)",
+                                                          "value": "Australia/Melbourne",
+                                                        },
+                                                        Object {
+                                                          "index": 700,
+                                                          "label": "Melbourne (6:00 PM)",
+                                                          "value": "Australia/Melbourne",
+                                                        },
+                                                        Object {
+                                                          "index": 700,
+                                                          "label": "Sydney (6:00 PM)",
+                                                          "value": "Australia/Sydney",
+                                                        },
+                                                        Object {
+                                                          "index": 700,
+                                                          "label": "Brisbane (6:00 PM)",
+                                                          "value": "Australia/Brisbane",
+                                                        },
+                                                        Object {
+                                                          "index": 700,
+                                                          "label": "Hobart (6:00 PM)",
+                                                          "value": "Australia/Hobart",
+                                                        },
+                                                        Object {
+                                                          "index": 700,
+                                                          "label": "Vladivostok (6:00 PM)",
+                                                          "value": "Asia/Vladivostok",
+                                                        },
+                                                        Object {
+                                                          "index": 700,
+                                                          "label": "Guam (6:00 PM)",
+                                                          "value": "Pacific/Guam",
+                                                        },
+                                                        Object {
+                                                          "index": 700,
+                                                          "label": "Port Moresby (6:00 PM)",
+                                                          "value": "Pacific/Port_Moresby",
+                                                        },
+                                                        Object {
+                                                          "index": 760,
+                                                          "label": "Midway Island (9:00 PM)",
+                                                          "value": "Pacific/Midway",
+                                                        },
+                                                        Object {
+                                                          "index": 760,
+                                                          "label": "American Samoa (9:00 PM)",
+                                                          "value": "Pacific/Pago_Pago",
+                                                        },
+                                                        Object {
+                                                          "index": 760,
+                                                          "label": "Magadan (7:00 PM)",
+                                                          "value": "Asia/Magadan",
+                                                        },
+                                                        Object {
+                                                          "index": 760,
+                                                          "label": "Srednekolymsk (7:00 PM)",
+                                                          "value": "Asia/Srednekolymsk",
+                                                        },
+                                                        Object {
+                                                          "index": 760,
+                                                          "label": "Solomon Is. (7:00 PM)",
+                                                          "value": "Pacific/Guadalcanal",
+                                                        },
+                                                        Object {
+                                                          "index": 760,
+                                                          "label": "New Caledonia (7:00 PM)",
+                                                          "value": "Pacific/Noumea",
+                                                        },
+                                                        Object {
+                                                          "index": 820,
+                                                          "label": "International Date Line West (8:00 PM)",
+                                                          "value": "Etc/GMT+12",
+                                                        },
+                                                        Object {
+                                                          "index": 820,
+                                                          "label": "Fiji (8:00 PM)",
+                                                          "value": "Pacific/Fiji",
+                                                        },
+                                                        Object {
+                                                          "index": 820,
+                                                          "label": "Kamchatka (8:00 PM)",
+                                                          "value": "Asia/Kamchatka",
+                                                        },
+                                                        Object {
+                                                          "index": 820,
+                                                          "label": "Marshall Is. (8:00 PM)",
+                                                          "value": "Pacific/Majuro",
+                                                        },
+                                                        Object {
+                                                          "index": 820,
+                                                          "label": "Auckland (8:00 PM)",
+                                                          "value": "Pacific/Auckland",
+                                                        },
+                                                        Object {
+                                                          "index": 820,
+                                                          "label": "Wellington (8:00 PM)",
+                                                          "value": "Pacific/Auckland",
+                                                        },
+                                                        Object {
+                                                          "index": 865,
+                                                          "label": "Chatham Is. (8:45 PM)",
+                                                          "value": "Pacific/Chatham",
+                                                        },
+                                                        Object {
+                                                          "index": 880,
+                                                          "label": "Nuku'alofa (9:00 PM)",
+                                                          "value": "Pacific/Tongatapu",
+                                                        },
+                                                        Object {
+                                                          "index": 880,
+                                                          "label": "Tokelau Is. (9:00 PM)",
+                                                          "value": "Pacific/Fakaofo",
+                                                        },
+                                                        Object {
+                                                          "index": 880,
+                                                          "label": "Samoa (9:00 PM)",
+                                                          "value": "Pacific/Apia",
+                                                        },
+                                                      ]
+                                                    }
+                                                    selectOption={[Function]}
+                                                    selectProps={
+                                                      Object {
+                                                        "backspaceRemovesValue": true,
+                                                        "blurInputOnSelect": true,
+                                                        "cache": false,
+                                                        "captureMenuScroll": false,
+                                                        "classNamePrefix": "cf-select",
+                                                        "closeMenuOnScroll": false,
+                                                        "closeMenuOnSelect": true,
+                                                        "components": Object {
+                                                          "Input": [Function],
+                                                          "MenuList": [Function],
+                                                          "Option": [Function],
+                                                        },
+                                                        "controlShouldRenderValue": true,
+                                                        "defaultOptions": undefined,
+                                                        "escapeClearsValue": false,
+                                                        "filterOption": [Function],
+                                                        "formatGroupLabel": [Function],
+                                                        "getOptionLabel": [Function],
+                                                        "getOptionValue": [Function],
+                                                        "inputId": "representative-tz",
+                                                        "inputValue": "",
+                                                        "isClearable": undefined,
+                                                        "isDisabled": false,
+                                                        "isLoading": false,
+                                                        "isMulti": false,
+                                                        "isOptionDisabled": [Function],
+                                                        "isRtl": false,
+                                                        "isSearchable": true,
+                                                        "loadOptions": undefined,
+                                                        "loadingMessage": [Function],
+                                                        "maxMenuHeight": 300,
+                                                        "menuIsOpen": false,
+                                                        "menuPlacement": "bottom",
+                                                        "menuPosition": "absolute",
+                                                        "menuShouldBlockScroll": false,
+                                                        "menuShouldScrollIntoView": true,
+                                                        "minMenuHeight": 140,
+                                                        "name": "representativeTz",
+                                                        "noOptionsMessage": [Function],
+                                                        "onBlurResetsInput": false,
+                                                        "onChange": [Function],
+                                                        "onInputChange": [Function],
+                                                        "onMenuClose": [Function],
+                                                        "onMenuOpen": [Function],
+                                                        "openMenuOnClick": true,
+                                                        "openMenuOnFocus": false,
+                                                        "options": Array [
+                                                          Object {
+                                                            "label": "",
+                                                            "value": null,
+                                                          },
+                                                          Object {
+                                                            "index": -3,
+                                                            "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                            "value": "America/New_York",
+                                                          },
+                                                          Object {
+                                                            "index": -2,
+                                                            "label": "Central Time (US & Canada) (3:00 AM)",
+                                                            "value": "America/Chicago",
+                                                          },
+                                                          Object {
+                                                            "index": -1,
+                                                            "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                            "value": "America/Denver",
+                                                          },
+                                                          Object {
+                                                            "index": -0,
+                                                            "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                            "value": "America/Los_Angeles",
+                                                          },
+                                                          Object {
+                                                            "index": 2.4,
+                                                            "label": "Indiana (East) (4:00 AM)",
+                                                            "value": "America/Indiana/Indianapolis",
+                                                          },
+                                                          Object {
+                                                            "index": 2.4,
+                                                            "label": "Puerto Rico (4:00 AM)",
+                                                            "value": "America/Puerto_Rico",
+                                                          },
+                                                          Object {
+                                                            "index": 4.2,
+                                                            "label": "Arizona (1:00 AM)",
+                                                            "value": "America/Phoenix",
+                                                          },
+                                                          Object {
+                                                            "index": 4.8,
+                                                            "label": "Alaska (12:00 AM)",
+                                                            "value": "America/Juneau",
+                                                          },
+                                                          Object {
+                                                            "index": 4.8,
+                                                            "label": "Philippine Standard Time (4:00 PM)",
+                                                            "value": "Asia/Manila",
+                                                          },
+                                                          Object {
+                                                            "index": 6,
+                                                            "label": "Hawaii (10:00 PM)",
+                                                            "value": "Pacific/Honolulu",
+                                                          },
+                                                          Object {
+                                                            "index": 100,
+                                                            "label": "Azores (8:00 AM)",
+                                                            "value": "Atlantic/Azores",
+                                                          },
+                                                          Object {
+                                                            "index": 100,
+                                                            "label": "Monrovia (8:00 AM)",
+                                                            "value": "Africa/Monrovia",
+                                                          },
+                                                          Object {
+                                                            "index": 100,
+                                                            "label": "UTC (8:00 AM)",
+                                                            "value": "Etc/UTC",
+                                                          },
+                                                          Object {
+                                                            "index": 160,
+                                                            "label": "Cape Verde Is. (7:00 AM)",
+                                                            "value": "Atlantic/Cape_Verde",
+                                                          },
+                                                          Object {
+                                                            "index": 160,
+                                                            "label": "Dublin (9:00 AM)",
+                                                            "value": "Europe/Dublin",
+                                                          },
+                                                          Object {
+                                                            "index": 160,
+                                                            "label": "Edinburgh (9:00 AM)",
+                                                            "value": "Europe/London",
+                                                          },
+                                                          Object {
+                                                            "index": 160,
+                                                            "label": "Lisbon (9:00 AM)",
+                                                            "value": "Europe/Lisbon",
+                                                          },
+                                                          Object {
+                                                            "index": 160,
+                                                            "label": "London (9:00 AM)",
+                                                            "value": "Europe/London",
+                                                          },
+                                                          Object {
+                                                            "index": 160,
+                                                            "label": "Casablanca (9:00 AM)",
+                                                            "value": "Africa/Casablanca",
+                                                          },
+                                                          Object {
+                                                            "index": 160,
+                                                            "label": "West Central Africa (9:00 AM)",
+                                                            "value": "Africa/Algiers",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Greenland (6:00 AM)",
+                                                            "value": "America/Godthab",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Mid-Atlantic (6:00 AM)",
+                                                            "value": "Atlantic/South_Georgia",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Belgrade (10:00 AM)",
+                                                            "value": "Europe/Belgrade",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Bratislava (10:00 AM)",
+                                                            "value": "Europe/Bratislava",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Budapest (10:00 AM)",
+                                                            "value": "Europe/Budapest",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Ljubljana (10:00 AM)",
+                                                            "value": "Europe/Ljubljana",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Prague (10:00 AM)",
+                                                            "value": "Europe/Prague",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Sarajevo (10:00 AM)",
+                                                            "value": "Europe/Sarajevo",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Skopje (10:00 AM)",
+                                                            "value": "Europe/Skopje",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Warsaw (10:00 AM)",
+                                                            "value": "Europe/Warsaw",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Zagreb (10:00 AM)",
+                                                            "value": "Europe/Zagreb",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Brussels (10:00 AM)",
+                                                            "value": "Europe/Brussels",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Copenhagen (10:00 AM)",
+                                                            "value": "Europe/Copenhagen",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Madrid (10:00 AM)",
+                                                            "value": "Europe/Madrid",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Paris (10:00 AM)",
+                                                            "value": "Europe/Paris",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Amsterdam (10:00 AM)",
+                                                            "value": "Europe/Amsterdam",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Berlin (10:00 AM)",
+                                                            "value": "Europe/Berlin",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Bern (10:00 AM)",
+                                                            "value": "Europe/Zurich",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Zurich (10:00 AM)",
+                                                            "value": "Europe/Zurich",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Rome (10:00 AM)",
+                                                            "value": "Europe/Rome",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Stockholm (10:00 AM)",
+                                                            "value": "Europe/Stockholm",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Vienna (10:00 AM)",
+                                                            "value": "Europe/Vienna",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Cairo (10:00 AM)",
+                                                            "value": "Africa/Cairo",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Harare (10:00 AM)",
+                                                            "value": "Africa/Harare",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Pretoria (10:00 AM)",
+                                                            "value": "Africa/Johannesburg",
+                                                          },
+                                                          Object {
+                                                            "index": 220,
+                                                            "label": "Kaliningrad (10:00 AM)",
+                                                            "value": "Europe/Kaliningrad",
+                                                          },
+                                                          Object {
+                                                            "index": 250,
+                                                            "label": "Newfoundland (5:30 AM)",
+                                                            "value": "America/St_Johns",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                            "value": "America/Halifax",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Brasilia (5:00 AM)",
+                                                            "value": "America/Sao_Paulo",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Buenos Aires (5:00 AM)",
+                                                            "value": "America/Argentina/Buenos_Aires",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Montevideo (5:00 AM)",
+                                                            "value": "America/Montevideo",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Bucharest (11:00 AM)",
+                                                            "value": "Europe/Bucharest",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Helsinki (11:00 AM)",
+                                                            "value": "Europe/Helsinki",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Kyiv (11:00 AM)",
+                                                            "value": "Europe/Kiev",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Riga (11:00 AM)",
+                                                            "value": "Europe/Riga",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Sofia (11:00 AM)",
+                                                            "value": "Europe/Sofia",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Tallinn (11:00 AM)",
+                                                            "value": "Europe/Tallinn",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Vilnius (11:00 AM)",
+                                                            "value": "Europe/Vilnius",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Athens (11:00 AM)",
+                                                            "value": "Europe/Athens",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Istanbul (11:00 AM)",
+                                                            "value": "Europe/Istanbul",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Minsk (11:00 AM)",
+                                                            "value": "Europe/Minsk",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Jerusalem (11:00 AM)",
+                                                            "value": "Asia/Jerusalem",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Moscow (11:00 AM)",
+                                                            "value": "Europe/Moscow",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "St. Petersburg (11:00 AM)",
+                                                            "value": "Europe/Moscow",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Kuwait (11:00 AM)",
+                                                            "value": "Asia/Kuwait",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Riyadh (11:00 AM)",
+                                                            "value": "Asia/Riyadh",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Nairobi (11:00 AM)",
+                                                            "value": "Africa/Nairobi",
+                                                          },
+                                                          Object {
+                                                            "index": 280,
+                                                            "label": "Baghdad (11:00 AM)",
+                                                            "value": "Asia/Baghdad",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Caracas (4:00 AM)",
+                                                            "value": "America/Caracas",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "La Paz (4:00 AM)",
+                                                            "value": "America/La_Paz",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Santiago (4:00 AM)",
+                                                            "value": "America/Santiago",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Georgetown (4:00 AM)",
+                                                            "value": "America/Guyana",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Volgograd (12:00 PM)",
+                                                            "value": "Europe/Volgograd",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Samara (12:00 PM)",
+                                                            "value": "Europe/Samara",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Abu Dhabi (12:00 PM)",
+                                                            "value": "Asia/Muscat",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Muscat (12:00 PM)",
+                                                            "value": "Asia/Muscat",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Baku (12:00 PM)",
+                                                            "value": "Asia/Baku",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Tbilisi (12:00 PM)",
+                                                            "value": "Asia/Tbilisi",
+                                                          },
+                                                          Object {
+                                                            "index": 340,
+                                                            "label": "Yerevan (12:00 PM)",
+                                                            "value": "Asia/Yerevan",
+                                                          },
+                                                          Object {
+                                                            "index": 370,
+                                                            "label": "Tehran (12:30 PM)",
+                                                            "value": "Asia/Tehran",
+                                                          },
+                                                          Object {
+                                                            "index": 370,
+                                                            "label": "Kabul (12:30 PM)",
+                                                            "value": "Asia/Kabul",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Guadalajara (3:00 AM)",
+                                                            "value": "America/Mexico_City",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Mexico City (3:00 AM)",
+                                                            "value": "America/Mexico_City",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Monterrey (3:00 AM)",
+                                                            "value": "America/Monterrey",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Bogota (3:00 AM)",
+                                                            "value": "America/Bogota",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Lima (3:00 AM)",
+                                                            "value": "America/Lima",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Quito (3:00 AM)",
+                                                            "value": "America/Lima",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Ekaterinburg (1:00 PM)",
+                                                            "value": "Asia/Yekaterinburg",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Islamabad (1:00 PM)",
+                                                            "value": "Asia/Karachi",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Karachi (1:00 PM)",
+                                                            "value": "Asia/Karachi",
+                                                          },
+                                                          Object {
+                                                            "index": 400,
+                                                            "label": "Tashkent (1:00 PM)",
+                                                            "value": "Asia/Tashkent",
+                                                          },
+                                                          Object {
+                                                            "index": 430,
+                                                            "label": "Chennai (1:30 PM)",
+                                                            "value": "Asia/Kolkata",
+                                                          },
+                                                          Object {
+                                                            "index": 430,
+                                                            "label": "Kolkata (1:30 PM)",
+                                                            "value": "Asia/Kolkata",
+                                                          },
+                                                          Object {
+                                                            "index": 430,
+                                                            "label": "Mumbai (1:30 PM)",
+                                                            "value": "Asia/Kolkata",
+                                                          },
+                                                          Object {
+                                                            "index": 430,
+                                                            "label": "New Delhi (1:30 PM)",
+                                                            "value": "Asia/Kolkata",
+                                                          },
+                                                          Object {
+                                                            "index": 430,
+                                                            "label": "Sri Jayawardenepura (1:30 PM)",
+                                                            "value": "Asia/Colombo",
+                                                          },
+                                                          Object {
+                                                            "index": 445,
+                                                            "label": "Kathmandu (1:45 PM)",
+                                                            "value": "Asia/Kathmandu",
+                                                          },
+                                                          Object {
+                                                            "index": 460,
+                                                            "label": "Chihuahua (2:00 AM)",
+                                                            "value": "America/Chihuahua",
+                                                          },
+                                                          Object {
+                                                            "index": 460,
+                                                            "label": "Mazatlan (2:00 AM)",
+                                                            "value": "America/Mazatlan",
+                                                          },
+                                                          Object {
+                                                            "index": 460,
+                                                            "label": "Saskatchewan (2:00 AM)",
+                                                            "value": "America/Regina",
+                                                          },
+                                                          Object {
+                                                            "index": 460,
+                                                            "label": "Central America (2:00 AM)",
+                                                            "value": "America/Guatemala",
+                                                          },
+                                                          Object {
+                                                            "index": 460,
+                                                            "label": "Astana (2:00 PM)",
+                                                            "value": "Asia/Dhaka",
+                                                          },
+                                                          Object {
+                                                            "index": 460,
+                                                            "label": "Dhaka (2:00 PM)",
+                                                            "value": "Asia/Dhaka",
+                                                          },
+                                                          Object {
+                                                            "index": 460,
+                                                            "label": "Almaty (2:00 PM)",
+                                                            "value": "Asia/Almaty",
+                                                          },
+                                                          Object {
+                                                            "index": 460,
+                                                            "label": "Urumqi (2:00 PM)",
+                                                            "value": "Asia/Urumqi",
+                                                          },
+                                                          Object {
+                                                            "index": 490,
+                                                            "label": "Rangoon (2:30 PM)",
+                                                            "value": "Asia/Rangoon",
+                                                          },
+                                                          Object {
+                                                            "index": 520,
+                                                            "label": "Tijuana (1:00 AM)",
+                                                            "value": "America/Tijuana",
+                                                          },
+                                                          Object {
+                                                            "index": 520,
+                                                            "label": "Novosibirsk (3:00 PM)",
+                                                            "value": "Asia/Novosibirsk",
+                                                          },
+                                                          Object {
+                                                            "index": 520,
+                                                            "label": "Bangkok (3:00 PM)",
+                                                            "value": "Asia/Bangkok",
+                                                          },
+                                                          Object {
+                                                            "index": 520,
+                                                            "label": "Hanoi (3:00 PM)",
+                                                            "value": "Asia/Bangkok",
+                                                          },
+                                                          Object {
+                                                            "index": 520,
+                                                            "label": "Jakarta (3:00 PM)",
+                                                            "value": "Asia/Jakarta",
+                                                          },
+                                                          Object {
+                                                            "index": 520,
+                                                            "label": "Krasnoyarsk (3:00 PM)",
+                                                            "value": "Asia/Krasnoyarsk",
+                                                          },
+                                                          Object {
+                                                            "index": 580,
+                                                            "label": "Beijing (4:00 PM)",
+                                                            "value": "Asia/Shanghai",
+                                                          },
+                                                          Object {
+                                                            "index": 580,
+                                                            "label": "Chongqing (4:00 PM)",
+                                                            "value": "Asia/Chongqing",
+                                                          },
+                                                          Object {
+                                                            "index": 580,
+                                                            "label": "Hong Kong (4:00 PM)",
+                                                            "value": "Asia/Hong_Kong",
+                                                          },
+                                                          Object {
+                                                            "index": 580,
+                                                            "label": "Kuala Lumpur (4:00 PM)",
+                                                            "value": "Asia/Kuala_Lumpur",
+                                                          },
+                                                          Object {
+                                                            "index": 580,
+                                                            "label": "Singapore (4:00 PM)",
+                                                            "value": "Asia/Singapore",
+                                                          },
+                                                          Object {
+                                                            "index": 580,
+                                                            "label": "Taipei (4:00 PM)",
+                                                            "value": "Asia/Taipei",
+                                                          },
+                                                          Object {
+                                                            "index": 580,
+                                                            "label": "Perth (4:00 PM)",
+                                                            "value": "Australia/Perth",
+                                                          },
+                                                          Object {
+                                                            "index": 580,
+                                                            "label": "Irkutsk (4:00 PM)",
+                                                            "value": "Asia/Irkutsk",
+                                                          },
+                                                          Object {
+                                                            "index": 580,
+                                                            "label": "Ulaanbaatar (4:00 PM)",
+                                                            "value": "Asia/Ulaanbaatar",
+                                                          },
+                                                          Object {
+                                                            "index": 640,
+                                                            "label": "Seoul (5:00 PM)",
+                                                            "value": "Asia/Seoul",
+                                                          },
+                                                          Object {
+                                                            "index": 640,
+                                                            "label": "Osaka (5:00 PM)",
+                                                            "value": "Asia/Tokyo",
+                                                          },
+                                                          Object {
+                                                            "index": 640,
+                                                            "label": "Sapporo (5:00 PM)",
+                                                            "value": "Asia/Tokyo",
+                                                          },
+                                                          Object {
+                                                            "index": 640,
+                                                            "label": "Tokyo (5:00 PM)",
+                                                            "value": "Asia/Tokyo",
+                                                          },
+                                                          Object {
+                                                            "index": 640,
+                                                            "label": "Yakutsk (5:00 PM)",
+                                                            "value": "Asia/Yakutsk",
+                                                          },
+                                                          Object {
+                                                            "index": 670,
+                                                            "label": "Darwin (5:30 PM)",
+                                                            "value": "Australia/Darwin",
+                                                          },
+                                                          Object {
+                                                            "index": 670,
+                                                            "label": "Adelaide (5:30 PM)",
+                                                            "value": "Australia/Adelaide",
+                                                          },
+                                                          Object {
+                                                            "index": 700,
+                                                            "label": "Canberra (6:00 PM)",
+                                                            "value": "Australia/Melbourne",
+                                                          },
+                                                          Object {
+                                                            "index": 700,
+                                                            "label": "Melbourne (6:00 PM)",
+                                                            "value": "Australia/Melbourne",
+                                                          },
+                                                          Object {
+                                                            "index": 700,
+                                                            "label": "Sydney (6:00 PM)",
+                                                            "value": "Australia/Sydney",
+                                                          },
+                                                          Object {
+                                                            "index": 700,
+                                                            "label": "Brisbane (6:00 PM)",
+                                                            "value": "Australia/Brisbane",
+                                                          },
+                                                          Object {
+                                                            "index": 700,
+                                                            "label": "Hobart (6:00 PM)",
+                                                            "value": "Australia/Hobart",
+                                                          },
+                                                          Object {
+                                                            "index": 700,
+                                                            "label": "Vladivostok (6:00 PM)",
+                                                            "value": "Asia/Vladivostok",
+                                                          },
+                                                          Object {
+                                                            "index": 700,
+                                                            "label": "Guam (6:00 PM)",
+                                                            "value": "Pacific/Guam",
+                                                          },
+                                                          Object {
+                                                            "index": 700,
+                                                            "label": "Port Moresby (6:00 PM)",
+                                                            "value": "Pacific/Port_Moresby",
+                                                          },
+                                                          Object {
+                                                            "index": 760,
+                                                            "label": "Midway Island (9:00 PM)",
+                                                            "value": "Pacific/Midway",
+                                                          },
+                                                          Object {
+                                                            "index": 760,
+                                                            "label": "American Samoa (9:00 PM)",
+                                                            "value": "Pacific/Pago_Pago",
+                                                          },
+                                                          Object {
+                                                            "index": 760,
+                                                            "label": "Magadan (7:00 PM)",
+                                                            "value": "Asia/Magadan",
+                                                          },
+                                                          Object {
+                                                            "index": 760,
+                                                            "label": "Srednekolymsk (7:00 PM)",
+                                                            "value": "Asia/Srednekolymsk",
+                                                          },
+                                                          Object {
+                                                            "index": 760,
+                                                            "label": "Solomon Is. (7:00 PM)",
+                                                            "value": "Pacific/Guadalcanal",
+                                                          },
+                                                          Object {
+                                                            "index": 760,
+                                                            "label": "New Caledonia (7:00 PM)",
+                                                            "value": "Pacific/Noumea",
+                                                          },
+                                                          Object {
+                                                            "index": 820,
+                                                            "label": "International Date Line West (8:00 PM)",
+                                                            "value": "Etc/GMT+12",
+                                                          },
+                                                          Object {
+                                                            "index": 820,
+                                                            "label": "Fiji (8:00 PM)",
+                                                            "value": "Pacific/Fiji",
+                                                          },
+                                                          Object {
+                                                            "index": 820,
+                                                            "label": "Kamchatka (8:00 PM)",
+                                                            "value": "Asia/Kamchatka",
+                                                          },
+                                                          Object {
+                                                            "index": 820,
+                                                            "label": "Marshall Is. (8:00 PM)",
+                                                            "value": "Pacific/Majuro",
+                                                          },
+                                                          Object {
+                                                            "index": 820,
+                                                            "label": "Auckland (8:00 PM)",
+                                                            "value": "Pacific/Auckland",
+                                                          },
+                                                          Object {
+                                                            "index": 820,
+                                                            "label": "Wellington (8:00 PM)",
+                                                            "value": "Pacific/Auckland",
+                                                          },
+                                                          Object {
+                                                            "index": 865,
+                                                            "label": "Chatham Is. (8:45 PM)",
+                                                            "value": "Pacific/Chatham",
+                                                          },
+                                                          Object {
+                                                            "index": 880,
+                                                            "label": "Nuku'alofa (9:00 PM)",
+                                                            "value": "Pacific/Tongatapu",
+                                                          },
+                                                          Object {
+                                                            "index": 880,
+                                                            "label": "Tokelau Is. (9:00 PM)",
+                                                            "value": "Pacific/Fakaofo",
+                                                          },
+                                                          Object {
+                                                            "index": 880,
+                                                            "label": "Samoa (9:00 PM)",
+                                                            "value": "Pacific/Apia",
+                                                          },
+                                                        ],
+                                                        "pageSize": 5,
+                                                        "placeholder": "Select a timezone",
+                                                        "screenReaderStatus": [Function],
+                                                        "searchable": undefined,
+                                                        "shouldKeyDownEventCreateNewOption": [Function],
+                                                        "styles": Object {
+                                                          "input": [Function],
                                                         },
-                                                      ],
-                                                      "pageSize": 5,
-                                                      "placeholder": "Select...",
-                                                      "screenReaderStatus": [Function],
-                                                      "searchable": undefined,
-                                                      "shouldKeyDownEventCreateNewOption": [Function],
-                                                      "styles": Object {
-                                                        "input": [Function],
-                                                      },
-                                                      "tabIndex": "0",
-                                                      "tabSelectsValue": true,
-                                                      "value": null,
-                                                    }
-                                                  }
-                                                  setValue={[Function]}
-                                                  theme={
-                                                    Object {
-                                                      "borderRadius": 4,
-                                                      "colors": Object {
-                                                        "danger": "#DE350B",
-                                                        "dangerLight": "#FFBDAD",
-                                                        "neutral0": "hsl(0, 0%, 100%)",
-                                                        "neutral10": "hsl(0, 0%, 90%)",
-                                                        "neutral20": "hsl(0, 0%, 80%)",
-                                                        "neutral30": "hsl(0, 0%, 70%)",
-                                                        "neutral40": "hsl(0, 0%, 60%)",
-                                                        "neutral5": "hsl(0, 0%, 95%)",
-                                                        "neutral50": "hsl(0, 0%, 50%)",
-                                                        "neutral60": "hsl(0, 0%, 40%)",
-                                                        "neutral70": "hsl(0, 0%, 30%)",
-                                                        "neutral80": "hsl(0, 0%, 20%)",
-                                                        "neutral90": "hsl(0, 0%, 10%)",
-                                                        "primary": "#2684FF",
-                                                        "primary25": "#DEEBFF",
-                                                        "primary50": "#B2D4FF",
-                                                        "primary75": "#4C9AFF",
-                                                      },
-                                                      "spacing": Object {
-                                                        "baseUnit": 4,
-                                                        "controlHeight": 38,
-                                                        "menuGutter": 8,
-                                                      },
+                                                        "tabIndex": "0",
+                                                        "tabSelectsValue": true,
+                                                        "value": null,
+                                                      }
                                                     }
-                                                  }
-                                                >
-                                                  <EmotionCssPropInternal
-                                                    __EMOTION_LABEL_PLEASE_DO_NOT_USE__="ValueContainer"
-                                                    __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                    className="cf-select__value-container"
-                                                    css={
+                                                    setValue={[Function]}
+                                                    theme={
                                                       Object {
-                                                        "WebkitOverflowScrolling": "touch",
-                                                        "alignItems": "center",
-                                                        "boxSizing": "border-box",
-                                                        "display": "flex",
-                                                        "flex": 1,
-                                                        "flexWrap": "wrap",
-                                                        "overflow": "hidden",
-                                                        "padding": "2px 8px",
-                                                        "position": "relative",
+                                                        "borderRadius": 4,
+                                                        "colors": Object {
+                                                          "danger": "#DE350B",
+                                                          "dangerLight": "#FFBDAD",
+                                                          "neutral0": "hsl(0, 0%, 100%)",
+                                                          "neutral10": "hsl(0, 0%, 90%)",
+                                                          "neutral20": "hsl(0, 0%, 80%)",
+                                                          "neutral30": "hsl(0, 0%, 70%)",
+                                                          "neutral40": "hsl(0, 0%, 60%)",
+                                                          "neutral5": "hsl(0, 0%, 95%)",
+                                                          "neutral50": "hsl(0, 0%, 50%)",
+                                                          "neutral60": "hsl(0, 0%, 40%)",
+                                                          "neutral70": "hsl(0, 0%, 30%)",
+                                                          "neutral80": "hsl(0, 0%, 20%)",
+                                                          "neutral90": "hsl(0, 0%, 10%)",
+                                                          "primary": "#2684FF",
+                                                          "primary25": "#DEEBFF",
+                                                          "primary50": "#B2D4FF",
+                                                          "primary75": "#4C9AFF",
+                                                        },
+                                                        "spacing": Object {
+                                                          "baseUnit": 4,
+                                                          "controlHeight": 38,
+                                                          "menuGutter": 8,
+                                                        },
                                                       }
                                                     }
                                                   >
-                                                    <div
-                                                      className="cf-select__value-container css-g1d714-ValueContainer"
+                                                    <EmotionCssPropInternal
+                                                      __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorsContainer"
+                                                      __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
+                                                      className="cf-select__indicators"
+                                                      css={
+                                                        Object {
+                                                          "alignItems": "center",
+                                                          "alignSelf": "stretch",
+                                                          "boxSizing": "border-box",
+                                                          "display": "flex",
+                                                          "flexShrink": 0,
+                                                        }
+                                                      }
                                                     >
-                                                      <Placeholder
-                                                        clearValue={[Function]}
-                                                        cx={[Function]}
-                                                        getStyles={[Function]}
-                                                        getValue={[Function]}
-                                                        hasValue={false}
-                                                        isDisabled={false}
-                                                        isFocused={false}
-                                                        isMulti={false}
-                                                        isRtl={false}
-                                                        key="placeholder"
-                                                        options={
-                                                          Array [
-                                                            Object {
-                                                              "label": "No audio",
-                                                              "value": "No audio",
-                                                            },
-                                                            Object {
-                                                              "label": "Poor Audio Quality",
-                                                              "value": "Poor Audio Quality",
-                                                            },
+                                                      <div
+                                                        className="cf-select__indicators css-1hb7zxy-IndicatorsContainer"
+                                                      >
+                                                        <IndicatorSeparator
+                                                          clearValue={[Function]}
+                                                          cx={[Function]}
+                                                          getStyles={[Function]}
+                                                          getValue={[Function]}
+                                                          hasValue={false}
+                                                          isDisabled={false}
+                                                          isFocused={false}
+                                                          isMulti={false}
+                                                          isRtl={false}
+                                                          options={
+                                                            Array [
+                                                              Object {
+                                                                "label": "",
+                                                                "value": null,
+                                                              },
+                                                              Object {
+                                                                "index": -3,
+                                                                "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                "value": "America/New_York",
+                                                              },
+                                                              Object {
+                                                                "index": -2,
+                                                                "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                "value": "America/Chicago",
+                                                              },
+                                                              Object {
+                                                                "index": -1,
+                                                                "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                "value": "America/Denver",
+                                                              },
+                                                              Object {
+                                                                "index": -0,
+                                                                "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                "value": "America/Los_Angeles",
+                                                              },
+                                                              Object {
+                                                                "index": 2.4,
+                                                                "label": "Indiana (East) (4:00 AM)",
+                                                                "value": "America/Indiana/Indianapolis",
+                                                              },
+                                                              Object {
+                                                                "index": 2.4,
+                                                                "label": "Puerto Rico (4:00 AM)",
+                                                                "value": "America/Puerto_Rico",
+                                                              },
+                                                              Object {
+                                                                "index": 4.2,
+                                                                "label": "Arizona (1:00 AM)",
+                                                                "value": "America/Phoenix",
+                                                              },
+                                                              Object {
+                                                                "index": 4.8,
+                                                                "label": "Alaska (12:00 AM)",
+                                                                "value": "America/Juneau",
+                                                              },
+                                                              Object {
+                                                                "index": 4.8,
+                                                                "label": "Philippine Standard Time (4:00 PM)",
+                                                                "value": "Asia/Manila",
+                                                              },
+                                                              Object {
+                                                                "index": 6,
+                                                                "label": "Hawaii (10:00 PM)",
+                                                                "value": "Pacific/Honolulu",
+                                                              },
+                                                              Object {
+                                                                "index": 100,
+                                                                "label": "Azores (8:00 AM)",
+                                                                "value": "Atlantic/Azores",
+                                                              },
+                                                              Object {
+                                                                "index": 100,
+                                                                "label": "Monrovia (8:00 AM)",
+                                                                "value": "Africa/Monrovia",
+                                                              },
+                                                              Object {
+                                                                "index": 100,
+                                                                "label": "UTC (8:00 AM)",
+                                                                "value": "Etc/UTC",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "Cape Verde Is. (7:00 AM)",
+                                                                "value": "Atlantic/Cape_Verde",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "Dublin (9:00 AM)",
+                                                                "value": "Europe/Dublin",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "Edinburgh (9:00 AM)",
+                                                                "value": "Europe/London",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "Lisbon (9:00 AM)",
+                                                                "value": "Europe/Lisbon",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "London (9:00 AM)",
+                                                                "value": "Europe/London",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "Casablanca (9:00 AM)",
+                                                                "value": "Africa/Casablanca",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "West Central Africa (9:00 AM)",
+                                                                "value": "Africa/Algiers",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Greenland (6:00 AM)",
+                                                                "value": "America/Godthab",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Mid-Atlantic (6:00 AM)",
+                                                                "value": "Atlantic/South_Georgia",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Belgrade (10:00 AM)",
+                                                                "value": "Europe/Belgrade",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Bratislava (10:00 AM)",
+                                                                "value": "Europe/Bratislava",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Budapest (10:00 AM)",
+                                                                "value": "Europe/Budapest",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Ljubljana (10:00 AM)",
+                                                                "value": "Europe/Ljubljana",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Prague (10:00 AM)",
+                                                                "value": "Europe/Prague",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Sarajevo (10:00 AM)",
+                                                                "value": "Europe/Sarajevo",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Skopje (10:00 AM)",
+                                                                "value": "Europe/Skopje",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Warsaw (10:00 AM)",
+                                                                "value": "Europe/Warsaw",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Zagreb (10:00 AM)",
+                                                                "value": "Europe/Zagreb",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Brussels (10:00 AM)",
+                                                                "value": "Europe/Brussels",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Copenhagen (10:00 AM)",
+                                                                "value": "Europe/Copenhagen",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Madrid (10:00 AM)",
+                                                                "value": "Europe/Madrid",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Paris (10:00 AM)",
+                                                                "value": "Europe/Paris",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Amsterdam (10:00 AM)",
+                                                                "value": "Europe/Amsterdam",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Berlin (10:00 AM)",
+                                                                "value": "Europe/Berlin",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Bern (10:00 AM)",
+                                                                "value": "Europe/Zurich",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Zurich (10:00 AM)",
+                                                                "value": "Europe/Zurich",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Rome (10:00 AM)",
+                                                                "value": "Europe/Rome",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Stockholm (10:00 AM)",
+                                                                "value": "Europe/Stockholm",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Vienna (10:00 AM)",
+                                                                "value": "Europe/Vienna",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Cairo (10:00 AM)",
+                                                                "value": "Africa/Cairo",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Harare (10:00 AM)",
+                                                                "value": "Africa/Harare",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Pretoria (10:00 AM)",
+                                                                "value": "Africa/Johannesburg",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Kaliningrad (10:00 AM)",
+                                                                "value": "Europe/Kaliningrad",
+                                                              },
+                                                              Object {
+                                                                "index": 250,
+                                                                "label": "Newfoundland (5:30 AM)",
+                                                                "value": "America/St_Johns",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                "value": "America/Halifax",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Brasilia (5:00 AM)",
+                                                                "value": "America/Sao_Paulo",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Buenos Aires (5:00 AM)",
+                                                                "value": "America/Argentina/Buenos_Aires",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Montevideo (5:00 AM)",
+                                                                "value": "America/Montevideo",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Bucharest (11:00 AM)",
+                                                                "value": "Europe/Bucharest",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Helsinki (11:00 AM)",
+                                                                "value": "Europe/Helsinki",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Kyiv (11:00 AM)",
+                                                                "value": "Europe/Kiev",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Riga (11:00 AM)",
+                                                                "value": "Europe/Riga",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Sofia (11:00 AM)",
+                                                                "value": "Europe/Sofia",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Tallinn (11:00 AM)",
+                                                                "value": "Europe/Tallinn",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Vilnius (11:00 AM)",
+                                                                "value": "Europe/Vilnius",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Athens (11:00 AM)",
+                                                                "value": "Europe/Athens",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Istanbul (11:00 AM)",
+                                                                "value": "Europe/Istanbul",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Minsk (11:00 AM)",
+                                                                "value": "Europe/Minsk",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Jerusalem (11:00 AM)",
+                                                                "value": "Asia/Jerusalem",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Moscow (11:00 AM)",
+                                                                "value": "Europe/Moscow",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "St. Petersburg (11:00 AM)",
+                                                                "value": "Europe/Moscow",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Kuwait (11:00 AM)",
+                                                                "value": "Asia/Kuwait",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Riyadh (11:00 AM)",
+                                                                "value": "Asia/Riyadh",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Nairobi (11:00 AM)",
+                                                                "value": "Africa/Nairobi",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Baghdad (11:00 AM)",
+                                                                "value": "Asia/Baghdad",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Caracas (4:00 AM)",
+                                                                "value": "America/Caracas",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "La Paz (4:00 AM)",
+                                                                "value": "America/La_Paz",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Santiago (4:00 AM)",
+                                                                "value": "America/Santiago",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Georgetown (4:00 AM)",
+                                                                "value": "America/Guyana",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Volgograd (12:00 PM)",
+                                                                "value": "Europe/Volgograd",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Samara (12:00 PM)",
+                                                                "value": "Europe/Samara",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Abu Dhabi (12:00 PM)",
+                                                                "value": "Asia/Muscat",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Muscat (12:00 PM)",
+                                                                "value": "Asia/Muscat",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Baku (12:00 PM)",
+                                                                "value": "Asia/Baku",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Tbilisi (12:00 PM)",
+                                                                "value": "Asia/Tbilisi",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Yerevan (12:00 PM)",
+                                                                "value": "Asia/Yerevan",
+                                                              },
+                                                              Object {
+                                                                "index": 370,
+                                                                "label": "Tehran (12:30 PM)",
+                                                                "value": "Asia/Tehran",
+                                                              },
+                                                              Object {
+                                                                "index": 370,
+                                                                "label": "Kabul (12:30 PM)",
+                                                                "value": "Asia/Kabul",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Guadalajara (3:00 AM)",
+                                                                "value": "America/Mexico_City",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Mexico City (3:00 AM)",
+                                                                "value": "America/Mexico_City",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Monterrey (3:00 AM)",
+                                                                "value": "America/Monterrey",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Bogota (3:00 AM)",
+                                                                "value": "America/Bogota",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Lima (3:00 AM)",
+                                                                "value": "America/Lima",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Quito (3:00 AM)",
+                                                                "value": "America/Lima",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Ekaterinburg (1:00 PM)",
+                                                                "value": "Asia/Yekaterinburg",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Islamabad (1:00 PM)",
+                                                                "value": "Asia/Karachi",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Karachi (1:00 PM)",
+                                                                "value": "Asia/Karachi",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Tashkent (1:00 PM)",
+                                                                "value": "Asia/Tashkent",
+                                                              },
+                                                              Object {
+                                                                "index": 430,
+                                                                "label": "Chennai (1:30 PM)",
+                                                                "value": "Asia/Kolkata",
+                                                              },
+                                                              Object {
+                                                                "index": 430,
+                                                                "label": "Kolkata (1:30 PM)",
+                                                                "value": "Asia/Kolkata",
+                                                              },
+                                                              Object {
+                                                                "index": 430,
+                                                                "label": "Mumbai (1:30 PM)",
+                                                                "value": "Asia/Kolkata",
+                                                              },
+                                                              Object {
+                                                                "index": 430,
+                                                                "label": "New Delhi (1:30 PM)",
+                                                                "value": "Asia/Kolkata",
+                                                              },
+                                                              Object {
+                                                                "index": 430,
+                                                                "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                "value": "Asia/Colombo",
+                                                              },
+                                                              Object {
+                                                                "index": 445,
+                                                                "label": "Kathmandu (1:45 PM)",
+                                                                "value": "Asia/Kathmandu",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Chihuahua (2:00 AM)",
+                                                                "value": "America/Chihuahua",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Mazatlan (2:00 AM)",
+                                                                "value": "America/Mazatlan",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Saskatchewan (2:00 AM)",
+                                                                "value": "America/Regina",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Central America (2:00 AM)",
+                                                                "value": "America/Guatemala",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Astana (2:00 PM)",
+                                                                "value": "Asia/Dhaka",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Dhaka (2:00 PM)",
+                                                                "value": "Asia/Dhaka",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Almaty (2:00 PM)",
+                                                                "value": "Asia/Almaty",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Urumqi (2:00 PM)",
+                                                                "value": "Asia/Urumqi",
+                                                              },
+                                                              Object {
+                                                                "index": 490,
+                                                                "label": "Rangoon (2:30 PM)",
+                                                                "value": "Asia/Rangoon",
+                                                              },
+                                                              Object {
+                                                                "index": 520,
+                                                                "label": "Tijuana (1:00 AM)",
+                                                                "value": "America/Tijuana",
+                                                              },
+                                                              Object {
+                                                                "index": 520,
+                                                                "label": "Novosibirsk (3:00 PM)",
+                                                                "value": "Asia/Novosibirsk",
+                                                              },
+                                                              Object {
+                                                                "index": 520,
+                                                                "label": "Bangkok (3:00 PM)",
+                                                                "value": "Asia/Bangkok",
+                                                              },
+                                                              Object {
+                                                                "index": 520,
+                                                                "label": "Hanoi (3:00 PM)",
+                                                                "value": "Asia/Bangkok",
+                                                              },
+                                                              Object {
+                                                                "index": 520,
+                                                                "label": "Jakarta (3:00 PM)",
+                                                                "value": "Asia/Jakarta",
+                                                              },
+                                                              Object {
+                                                                "index": 520,
+                                                                "label": "Krasnoyarsk (3:00 PM)",
+                                                                "value": "Asia/Krasnoyarsk",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Beijing (4:00 PM)",
+                                                                "value": "Asia/Shanghai",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Chongqing (4:00 PM)",
+                                                                "value": "Asia/Chongqing",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Hong Kong (4:00 PM)",
+                                                                "value": "Asia/Hong_Kong",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Kuala Lumpur (4:00 PM)",
+                                                                "value": "Asia/Kuala_Lumpur",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Singapore (4:00 PM)",
+                                                                "value": "Asia/Singapore",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Taipei (4:00 PM)",
+                                                                "value": "Asia/Taipei",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Perth (4:00 PM)",
+                                                                "value": "Australia/Perth",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Irkutsk (4:00 PM)",
+                                                                "value": "Asia/Irkutsk",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Ulaanbaatar (4:00 PM)",
+                                                                "value": "Asia/Ulaanbaatar",
+                                                              },
+                                                              Object {
+                                                                "index": 640,
+                                                                "label": "Seoul (5:00 PM)",
+                                                                "value": "Asia/Seoul",
+                                                              },
+                                                              Object {
+                                                                "index": 640,
+                                                                "label": "Osaka (5:00 PM)",
+                                                                "value": "Asia/Tokyo",
+                                                              },
+                                                              Object {
+                                                                "index": 640,
+                                                                "label": "Sapporo (5:00 PM)",
+                                                                "value": "Asia/Tokyo",
+                                                              },
+                                                              Object {
+                                                                "index": 640,
+                                                                "label": "Tokyo (5:00 PM)",
+                                                                "value": "Asia/Tokyo",
+                                                              },
+                                                              Object {
+                                                                "index": 640,
+                                                                "label": "Yakutsk (5:00 PM)",
+                                                                "value": "Asia/Yakutsk",
+                                                              },
+                                                              Object {
+                                                                "index": 670,
+                                                                "label": "Darwin (5:30 PM)",
+                                                                "value": "Australia/Darwin",
+                                                              },
+                                                              Object {
+                                                                "index": 670,
+                                                                "label": "Adelaide (5:30 PM)",
+                                                                "value": "Australia/Adelaide",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Canberra (6:00 PM)",
+                                                                "value": "Australia/Melbourne",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Melbourne (6:00 PM)",
+                                                                "value": "Australia/Melbourne",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Sydney (6:00 PM)",
+                                                                "value": "Australia/Sydney",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Brisbane (6:00 PM)",
+                                                                "value": "Australia/Brisbane",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Hobart (6:00 PM)",
+                                                                "value": "Australia/Hobart",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Vladivostok (6:00 PM)",
+                                                                "value": "Asia/Vladivostok",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Guam (6:00 PM)",
+                                                                "value": "Pacific/Guam",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Port Moresby (6:00 PM)",
+                                                                "value": "Pacific/Port_Moresby",
+                                                              },
+                                                              Object {
+                                                                "index": 760,
+                                                                "label": "Midway Island (9:00 PM)",
+                                                                "value": "Pacific/Midway",
+                                                              },
+                                                              Object {
+                                                                "index": 760,
+                                                                "label": "American Samoa (9:00 PM)",
+                                                                "value": "Pacific/Pago_Pago",
+                                                              },
+                                                              Object {
+                                                                "index": 760,
+                                                                "label": "Magadan (7:00 PM)",
+                                                                "value": "Asia/Magadan",
+                                                              },
+                                                              Object {
+                                                                "index": 760,
+                                                                "label": "Srednekolymsk (7:00 PM)",
+                                                                "value": "Asia/Srednekolymsk",
+                                                              },
+                                                              Object {
+                                                                "index": 760,
+                                                                "label": "Solomon Is. (7:00 PM)",
+                                                                "value": "Pacific/Guadalcanal",
+                                                              },
+                                                              Object {
+                                                                "index": 760,
+                                                                "label": "New Caledonia (7:00 PM)",
+                                                                "value": "Pacific/Noumea",
+                                                              },
+                                                              Object {
+                                                                "index": 820,
+                                                                "label": "International Date Line West (8:00 PM)",
+                                                                "value": "Etc/GMT+12",
+                                                              },
+                                                              Object {
+                                                                "index": 820,
+                                                                "label": "Fiji (8:00 PM)",
+                                                                "value": "Pacific/Fiji",
+                                                              },
+                                                              Object {
+                                                                "index": 820,
+                                                                "label": "Kamchatka (8:00 PM)",
+                                                                "value": "Asia/Kamchatka",
+                                                              },
+                                                              Object {
+                                                                "index": 820,
+                                                                "label": "Marshall Is. (8:00 PM)",
+                                                                "value": "Pacific/Majuro",
+                                                              },
+                                                              Object {
+                                                                "index": 820,
+                                                                "label": "Auckland (8:00 PM)",
+                                                                "value": "Pacific/Auckland",
+                                                              },
+                                                              Object {
+                                                                "index": 820,
+                                                                "label": "Wellington (8:00 PM)",
+                                                                "value": "Pacific/Auckland",
+                                                              },
+                                                              Object {
+                                                                "index": 865,
+                                                                "label": "Chatham Is. (8:45 PM)",
+                                                                "value": "Pacific/Chatham",
+                                                              },
+                                                              Object {
+                                                                "index": 880,
+                                                                "label": "Nuku'alofa (9:00 PM)",
+                                                                "value": "Pacific/Tongatapu",
+                                                              },
+                                                              Object {
+                                                                "index": 880,
+                                                                "label": "Tokelau Is. (9:00 PM)",
+                                                                "value": "Pacific/Fakaofo",
+                                                              },
+                                                              Object {
+                                                                "index": 880,
+                                                                "label": "Samoa (9:00 PM)",
+                                                                "value": "Pacific/Apia",
+                                                              },
+                                                            ]
+                                                          }
+                                                          selectOption={[Function]}
+                                                          selectProps={
                                                             Object {
-                                                              "label": "Incomplete Hearing",
-                                                              "value": "Incomplete Hearing",
-                                                            },
+                                                              "backspaceRemovesValue": true,
+                                                              "blurInputOnSelect": true,
+                                                              "cache": false,
+                                                              "captureMenuScroll": false,
+                                                              "classNamePrefix": "cf-select",
+                                                              "closeMenuOnScroll": false,
+                                                              "closeMenuOnSelect": true,
+                                                              "components": Object {
+                                                                "Input": [Function],
+                                                                "MenuList": [Function],
+                                                                "Option": [Function],
+                                                              },
+                                                              "controlShouldRenderValue": true,
+                                                              "defaultOptions": undefined,
+                                                              "escapeClearsValue": false,
+                                                              "filterOption": [Function],
+                                                              "formatGroupLabel": [Function],
+                                                              "getOptionLabel": [Function],
+                                                              "getOptionValue": [Function],
+                                                              "inputId": "representative-tz",
+                                                              "inputValue": "",
+                                                              "isClearable": undefined,
+                                                              "isDisabled": false,
+                                                              "isLoading": false,
+                                                              "isMulti": false,
+                                                              "isOptionDisabled": [Function],
+                                                              "isRtl": false,
+                                                              "isSearchable": true,
+                                                              "loadOptions": undefined,
+                                                              "loadingMessage": [Function],
+                                                              "maxMenuHeight": 300,
+                                                              "menuIsOpen": false,
+                                                              "menuPlacement": "bottom",
+                                                              "menuPosition": "absolute",
+                                                              "menuShouldBlockScroll": false,
+                                                              "menuShouldScrollIntoView": true,
+                                                              "minMenuHeight": 140,
+                                                              "name": "representativeTz",
+                                                              "noOptionsMessage": [Function],
+                                                              "onBlurResetsInput": false,
+                                                              "onChange": [Function],
+                                                              "onInputChange": [Function],
+                                                              "onMenuClose": [Function],
+                                                              "onMenuOpen": [Function],
+                                                              "openMenuOnClick": true,
+                                                              "openMenuOnFocus": false,
+                                                              "options": Array [
+                                                                Object {
+                                                                  "label": "",
+                                                                  "value": null,
+                                                                },
+                                                                Object {
+                                                                  "index": -3,
+                                                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                  "value": "America/New_York",
+                                                                },
+                                                                Object {
+                                                                  "index": -2,
+                                                                  "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                  "value": "America/Chicago",
+                                                                },
+                                                                Object {
+                                                                  "index": -1,
+                                                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                  "value": "America/Denver",
+                                                                },
+                                                                Object {
+                                                                  "index": -0,
+                                                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                  "value": "America/Los_Angeles",
+                                                                },
+                                                                Object {
+                                                                  "index": 2.4,
+                                                                  "label": "Indiana (East) (4:00 AM)",
+                                                                  "value": "America/Indiana/Indianapolis",
+                                                                },
+                                                                Object {
+                                                                  "index": 2.4,
+                                                                  "label": "Puerto Rico (4:00 AM)",
+                                                                  "value": "America/Puerto_Rico",
+                                                                },
+                                                                Object {
+                                                                  "index": 4.2,
+                                                                  "label": "Arizona (1:00 AM)",
+                                                                  "value": "America/Phoenix",
+                                                                },
+                                                                Object {
+                                                                  "index": 4.8,
+                                                                  "label": "Alaska (12:00 AM)",
+                                                                  "value": "America/Juneau",
+                                                                },
+                                                                Object {
+                                                                  "index": 4.8,
+                                                                  "label": "Philippine Standard Time (4:00 PM)",
+                                                                  "value": "Asia/Manila",
+                                                                },
+                                                                Object {
+                                                                  "index": 6,
+                                                                  "label": "Hawaii (10:00 PM)",
+                                                                  "value": "Pacific/Honolulu",
+                                                                },
+                                                                Object {
+                                                                  "index": 100,
+                                                                  "label": "Azores (8:00 AM)",
+                                                                  "value": "Atlantic/Azores",
+                                                                },
+                                                                Object {
+                                                                  "index": 100,
+                                                                  "label": "Monrovia (8:00 AM)",
+                                                                  "value": "Africa/Monrovia",
+                                                                },
+                                                                Object {
+                                                                  "index": 100,
+                                                                  "label": "UTC (8:00 AM)",
+                                                                  "value": "Etc/UTC",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Cape Verde Is. (7:00 AM)",
+                                                                  "value": "Atlantic/Cape_Verde",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Dublin (9:00 AM)",
+                                                                  "value": "Europe/Dublin",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Edinburgh (9:00 AM)",
+                                                                  "value": "Europe/London",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Lisbon (9:00 AM)",
+                                                                  "value": "Europe/Lisbon",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "London (9:00 AM)",
+                                                                  "value": "Europe/London",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Casablanca (9:00 AM)",
+                                                                  "value": "Africa/Casablanca",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "West Central Africa (9:00 AM)",
+                                                                  "value": "Africa/Algiers",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Greenland (6:00 AM)",
+                                                                  "value": "America/Godthab",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Mid-Atlantic (6:00 AM)",
+                                                                  "value": "Atlantic/South_Georgia",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Belgrade (10:00 AM)",
+                                                                  "value": "Europe/Belgrade",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Bratislava (10:00 AM)",
+                                                                  "value": "Europe/Bratislava",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Budapest (10:00 AM)",
+                                                                  "value": "Europe/Budapest",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Ljubljana (10:00 AM)",
+                                                                  "value": "Europe/Ljubljana",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Prague (10:00 AM)",
+                                                                  "value": "Europe/Prague",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Sarajevo (10:00 AM)",
+                                                                  "value": "Europe/Sarajevo",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Skopje (10:00 AM)",
+                                                                  "value": "Europe/Skopje",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Warsaw (10:00 AM)",
+                                                                  "value": "Europe/Warsaw",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Zagreb (10:00 AM)",
+                                                                  "value": "Europe/Zagreb",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Brussels (10:00 AM)",
+                                                                  "value": "Europe/Brussels",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Copenhagen (10:00 AM)",
+                                                                  "value": "Europe/Copenhagen",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Madrid (10:00 AM)",
+                                                                  "value": "Europe/Madrid",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Paris (10:00 AM)",
+                                                                  "value": "Europe/Paris",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Amsterdam (10:00 AM)",
+                                                                  "value": "Europe/Amsterdam",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Berlin (10:00 AM)",
+                                                                  "value": "Europe/Berlin",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Bern (10:00 AM)",
+                                                                  "value": "Europe/Zurich",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Zurich (10:00 AM)",
+                                                                  "value": "Europe/Zurich",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Rome (10:00 AM)",
+                                                                  "value": "Europe/Rome",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Stockholm (10:00 AM)",
+                                                                  "value": "Europe/Stockholm",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Vienna (10:00 AM)",
+                                                                  "value": "Europe/Vienna",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Cairo (10:00 AM)",
+                                                                  "value": "Africa/Cairo",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Harare (10:00 AM)",
+                                                                  "value": "Africa/Harare",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Pretoria (10:00 AM)",
+                                                                  "value": "Africa/Johannesburg",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Kaliningrad (10:00 AM)",
+                                                                  "value": "Europe/Kaliningrad",
+                                                                },
+                                                                Object {
+                                                                  "index": 250,
+                                                                  "label": "Newfoundland (5:30 AM)",
+                                                                  "value": "America/St_Johns",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                  "value": "America/Halifax",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Brasilia (5:00 AM)",
+                                                                  "value": "America/Sao_Paulo",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Buenos Aires (5:00 AM)",
+                                                                  "value": "America/Argentina/Buenos_Aires",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Montevideo (5:00 AM)",
+                                                                  "value": "America/Montevideo",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Bucharest (11:00 AM)",
+                                                                  "value": "Europe/Bucharest",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Helsinki (11:00 AM)",
+                                                                  "value": "Europe/Helsinki",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Kyiv (11:00 AM)",
+                                                                  "value": "Europe/Kiev",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Riga (11:00 AM)",
+                                                                  "value": "Europe/Riga",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Sofia (11:00 AM)",
+                                                                  "value": "Europe/Sofia",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Tallinn (11:00 AM)",
+                                                                  "value": "Europe/Tallinn",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Vilnius (11:00 AM)",
+                                                                  "value": "Europe/Vilnius",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Athens (11:00 AM)",
+                                                                  "value": "Europe/Athens",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Istanbul (11:00 AM)",
+                                                                  "value": "Europe/Istanbul",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Minsk (11:00 AM)",
+                                                                  "value": "Europe/Minsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Jerusalem (11:00 AM)",
+                                                                  "value": "Asia/Jerusalem",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Moscow (11:00 AM)",
+                                                                  "value": "Europe/Moscow",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "St. Petersburg (11:00 AM)",
+                                                                  "value": "Europe/Moscow",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Kuwait (11:00 AM)",
+                                                                  "value": "Asia/Kuwait",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Riyadh (11:00 AM)",
+                                                                  "value": "Asia/Riyadh",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Nairobi (11:00 AM)",
+                                                                  "value": "Africa/Nairobi",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Baghdad (11:00 AM)",
+                                                                  "value": "Asia/Baghdad",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Caracas (4:00 AM)",
+                                                                  "value": "America/Caracas",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "La Paz (4:00 AM)",
+                                                                  "value": "America/La_Paz",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Santiago (4:00 AM)",
+                                                                  "value": "America/Santiago",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Georgetown (4:00 AM)",
+                                                                  "value": "America/Guyana",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Volgograd (12:00 PM)",
+                                                                  "value": "Europe/Volgograd",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Samara (12:00 PM)",
+                                                                  "value": "Europe/Samara",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Abu Dhabi (12:00 PM)",
+                                                                  "value": "Asia/Muscat",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Muscat (12:00 PM)",
+                                                                  "value": "Asia/Muscat",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Baku (12:00 PM)",
+                                                                  "value": "Asia/Baku",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Tbilisi (12:00 PM)",
+                                                                  "value": "Asia/Tbilisi",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Yerevan (12:00 PM)",
+                                                                  "value": "Asia/Yerevan",
+                                                                },
+                                                                Object {
+                                                                  "index": 370,
+                                                                  "label": "Tehran (12:30 PM)",
+                                                                  "value": "Asia/Tehran",
+                                                                },
+                                                                Object {
+                                                                  "index": 370,
+                                                                  "label": "Kabul (12:30 PM)",
+                                                                  "value": "Asia/Kabul",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Guadalajara (3:00 AM)",
+                                                                  "value": "America/Mexico_City",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Mexico City (3:00 AM)",
+                                                                  "value": "America/Mexico_City",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Monterrey (3:00 AM)",
+                                                                  "value": "America/Monterrey",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Bogota (3:00 AM)",
+                                                                  "value": "America/Bogota",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Lima (3:00 AM)",
+                                                                  "value": "America/Lima",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Quito (3:00 AM)",
+                                                                  "value": "America/Lima",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Ekaterinburg (1:00 PM)",
+                                                                  "value": "Asia/Yekaterinburg",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Islamabad (1:00 PM)",
+                                                                  "value": "Asia/Karachi",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Karachi (1:00 PM)",
+                                                                  "value": "Asia/Karachi",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Tashkent (1:00 PM)",
+                                                                  "value": "Asia/Tashkent",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "Chennai (1:30 PM)",
+                                                                  "value": "Asia/Kolkata",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "Kolkata (1:30 PM)",
+                                                                  "value": "Asia/Kolkata",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "Mumbai (1:30 PM)",
+                                                                  "value": "Asia/Kolkata",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "New Delhi (1:30 PM)",
+                                                                  "value": "Asia/Kolkata",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                  "value": "Asia/Colombo",
+                                                                },
+                                                                Object {
+                                                                  "index": 445,
+                                                                  "label": "Kathmandu (1:45 PM)",
+                                                                  "value": "Asia/Kathmandu",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Chihuahua (2:00 AM)",
+                                                                  "value": "America/Chihuahua",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Mazatlan (2:00 AM)",
+                                                                  "value": "America/Mazatlan",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Saskatchewan (2:00 AM)",
+                                                                  "value": "America/Regina",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Central America (2:00 AM)",
+                                                                  "value": "America/Guatemala",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Astana (2:00 PM)",
+                                                                  "value": "Asia/Dhaka",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Dhaka (2:00 PM)",
+                                                                  "value": "Asia/Dhaka",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Almaty (2:00 PM)",
+                                                                  "value": "Asia/Almaty",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Urumqi (2:00 PM)",
+                                                                  "value": "Asia/Urumqi",
+                                                                },
+                                                                Object {
+                                                                  "index": 490,
+                                                                  "label": "Rangoon (2:30 PM)",
+                                                                  "value": "Asia/Rangoon",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Tijuana (1:00 AM)",
+                                                                  "value": "America/Tijuana",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Novosibirsk (3:00 PM)",
+                                                                  "value": "Asia/Novosibirsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Bangkok (3:00 PM)",
+                                                                  "value": "Asia/Bangkok",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Hanoi (3:00 PM)",
+                                                                  "value": "Asia/Bangkok",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Jakarta (3:00 PM)",
+                                                                  "value": "Asia/Jakarta",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Krasnoyarsk (3:00 PM)",
+                                                                  "value": "Asia/Krasnoyarsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Beijing (4:00 PM)",
+                                                                  "value": "Asia/Shanghai",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Chongqing (4:00 PM)",
+                                                                  "value": "Asia/Chongqing",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Hong Kong (4:00 PM)",
+                                                                  "value": "Asia/Hong_Kong",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Kuala Lumpur (4:00 PM)",
+                                                                  "value": "Asia/Kuala_Lumpur",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Singapore (4:00 PM)",
+                                                                  "value": "Asia/Singapore",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Taipei (4:00 PM)",
+                                                                  "value": "Asia/Taipei",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Perth (4:00 PM)",
+                                                                  "value": "Australia/Perth",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Irkutsk (4:00 PM)",
+                                                                  "value": "Asia/Irkutsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Ulaanbaatar (4:00 PM)",
+                                                                  "value": "Asia/Ulaanbaatar",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Seoul (5:00 PM)",
+                                                                  "value": "Asia/Seoul",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Osaka (5:00 PM)",
+                                                                  "value": "Asia/Tokyo",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Sapporo (5:00 PM)",
+                                                                  "value": "Asia/Tokyo",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Tokyo (5:00 PM)",
+                                                                  "value": "Asia/Tokyo",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Yakutsk (5:00 PM)",
+                                                                  "value": "Asia/Yakutsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 670,
+                                                                  "label": "Darwin (5:30 PM)",
+                                                                  "value": "Australia/Darwin",
+                                                                },
+                                                                Object {
+                                                                  "index": 670,
+                                                                  "label": "Adelaide (5:30 PM)",
+                                                                  "value": "Australia/Adelaide",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Canberra (6:00 PM)",
+                                                                  "value": "Australia/Melbourne",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Melbourne (6:00 PM)",
+                                                                  "value": "Australia/Melbourne",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Sydney (6:00 PM)",
+                                                                  "value": "Australia/Sydney",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Brisbane (6:00 PM)",
+                                                                  "value": "Australia/Brisbane",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Hobart (6:00 PM)",
+                                                                  "value": "Australia/Hobart",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Vladivostok (6:00 PM)",
+                                                                  "value": "Asia/Vladivostok",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Guam (6:00 PM)",
+                                                                  "value": "Pacific/Guam",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Port Moresby (6:00 PM)",
+                                                                  "value": "Pacific/Port_Moresby",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "Midway Island (9:00 PM)",
+                                                                  "value": "Pacific/Midway",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "American Samoa (9:00 PM)",
+                                                                  "value": "Pacific/Pago_Pago",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "Magadan (7:00 PM)",
+                                                                  "value": "Asia/Magadan",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "Srednekolymsk (7:00 PM)",
+                                                                  "value": "Asia/Srednekolymsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "Solomon Is. (7:00 PM)",
+                                                                  "value": "Pacific/Guadalcanal",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "New Caledonia (7:00 PM)",
+                                                                  "value": "Pacific/Noumea",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "International Date Line West (8:00 PM)",
+                                                                  "value": "Etc/GMT+12",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Fiji (8:00 PM)",
+                                                                  "value": "Pacific/Fiji",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Kamchatka (8:00 PM)",
+                                                                  "value": "Asia/Kamchatka",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Marshall Is. (8:00 PM)",
+                                                                  "value": "Pacific/Majuro",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Auckland (8:00 PM)",
+                                                                  "value": "Pacific/Auckland",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Wellington (8:00 PM)",
+                                                                  "value": "Pacific/Auckland",
+                                                                },
+                                                                Object {
+                                                                  "index": 865,
+                                                                  "label": "Chatham Is. (8:45 PM)",
+                                                                  "value": "Pacific/Chatham",
+                                                                },
+                                                                Object {
+                                                                  "index": 880,
+                                                                  "label": "Nuku'alofa (9:00 PM)",
+                                                                  "value": "Pacific/Tongatapu",
+                                                                },
+                                                                Object {
+                                                                  "index": 880,
+                                                                  "label": "Tokelau Is. (9:00 PM)",
+                                                                  "value": "Pacific/Fakaofo",
+                                                                },
+                                                                Object {
+                                                                  "index": 880,
+                                                                  "label": "Samoa (9:00 PM)",
+                                                                  "value": "Pacific/Apia",
+                                                                },
+                                                              ],
+                                                              "pageSize": 5,
+                                                              "placeholder": "Select a timezone",
+                                                              "screenReaderStatus": [Function],
+                                                              "searchable": undefined,
+                                                              "shouldKeyDownEventCreateNewOption": [Function],
+                                                              "styles": Object {
+                                                                "input": [Function],
+                                                              },
+                                                              "tabIndex": "0",
+                                                              "tabSelectsValue": true,
+                                                              "value": null,
+                                                            }
+                                                          }
+                                                          setValue={[Function]}
+                                                          theme={
                                                             Object {
-                                                              "label": "Other (see notes)",
-                                                              "value": "Other (see notes)",
-                                                            },
+                                                              "borderRadius": 4,
+                                                              "colors": Object {
+                                                                "danger": "#DE350B",
+                                                                "dangerLight": "#FFBDAD",
+                                                                "neutral0": "hsl(0, 0%, 100%)",
+                                                                "neutral10": "hsl(0, 0%, 90%)",
+                                                                "neutral20": "hsl(0, 0%, 80%)",
+                                                                "neutral30": "hsl(0, 0%, 70%)",
+                                                                "neutral40": "hsl(0, 0%, 60%)",
+                                                                "neutral5": "hsl(0, 0%, 95%)",
+                                                                "neutral50": "hsl(0, 0%, 50%)",
+                                                                "neutral60": "hsl(0, 0%, 40%)",
+                                                                "neutral70": "hsl(0, 0%, 30%)",
+                                                                "neutral80": "hsl(0, 0%, 20%)",
+                                                                "neutral90": "hsl(0, 0%, 10%)",
+                                                                "primary": "#2684FF",
+                                                                "primary25": "#DEEBFF",
+                                                                "primary50": "#B2D4FF",
+                                                                "primary75": "#4C9AFF",
+                                                              },
+                                                              "spacing": Object {
+                                                                "baseUnit": 4,
+                                                                "controlHeight": 38,
+                                                                "menuGutter": 8,
+                                                              },
+                                                            }
+                                                          }
+                                                        >
+                                                          <EmotionCssPropInternal
+                                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorSeparator"
+                                                            __EMOTION_TYPE_PLEASE_DO_NOT_USE__="span"
+                                                            className="cf-select__indicator-separator"
+                                                            css={
+                                                              Object {
+                                                                "alignSelf": "stretch",
+                                                                "backgroundColor": "hsl(0, 0%, 80%)",
+                                                                "boxSizing": "border-box",
+                                                                "label": "indicatorSeparator",
+                                                                "marginBottom": 8,
+                                                                "marginTop": 8,
+                                                                "width": 1,
+                                                              }
+                                                            }
+                                                          >
+                                                            <span
+                                                              className="cf-select__indicator-separator css-1okebmr-indicatorSeparator"
+                                                            />
+                                                          </EmotionCssPropInternal>
+                                                        </IndicatorSeparator>
+                                                        <DropdownIndicator
+                                                          clearValue={[Function]}
+                                                          cx={[Function]}
+                                                          getStyles={[Function]}
+                                                          getValue={[Function]}
+                                                          hasValue={false}
+                                                          innerProps={
                                                             Object {
-                                                              "label": "None",
-                                                              "value": null,
-                                                            },
-                                                          ]
-                                                        }
-                                                        selectOption={[Function]}
-                                                        selectProps={
-                                                          Object {
-                                                            "backspaceRemovesValue": true,
-                                                            "blurInputOnSelect": true,
-                                                            "cache": false,
-                                                            "captureMenuScroll": false,
-                                                            "classNamePrefix": "cf-select",
-                                                            "closeMenuOnScroll": false,
-                                                            "closeMenuOnSelect": true,
-                                                            "components": Object {
-                                                              "Input": [Function],
-                                                              "MenuList": [Function],
-                                                              "Option": [Function],
-                                                            },
-                                                            "controlShouldRenderValue": true,
-                                                            "defaultOptions": undefined,
-                                                            "escapeClearsValue": false,
-                                                            "filterOption": [Function],
-                                                            "formatGroupLabel": [Function],
-                                                            "getOptionLabel": [Function],
-                                                            "getOptionValue": [Function],
-                                                            "inputId": "problem-type",
-                                                            "inputValue": "",
-                                                            "isClearable": undefined,
-                                                            "isDisabled": false,
-                                                            "isLoading": false,
-                                                            "isMulti": false,
-                                                            "isOptionDisabled": [Function],
-                                                            "isRtl": false,
-                                                            "isSearchable": true,
-                                                            "loadOptions": undefined,
-                                                            "loadingMessage": [Function],
-                                                            "maxMenuHeight": 300,
-                                                            "menuIsOpen": false,
-                                                            "menuPlacement": "bottom",
-                                                            "menuPosition": "absolute",
-                                                            "menuShouldBlockScroll": false,
-                                                            "menuShouldScrollIntoView": true,
-                                                            "minMenuHeight": 140,
-                                                            "name": "problemType",
-                                                            "noOptionsMessage": [Function],
-                                                            "onBlurResetsInput": false,
-                                                            "onChange": [Function],
-                                                            "onInputChange": [Function],
-                                                            "onMenuClose": [Function],
-                                                            "onMenuOpen": [Function],
-                                                            "openMenuOnClick": true,
-                                                            "openMenuOnFocus": false,
-                                                            "options": Array [
+                                                              "aria-hidden": "true",
+                                                              "onMouseDown": [Function],
+                                                              "onTouchEnd": [Function],
+                                                            }
+                                                          }
+                                                          isDisabled={false}
+                                                          isFocused={false}
+                                                          isMulti={false}
+                                                          isRtl={false}
+                                                          options={
+                                                            Array [
                                                               Object {
-                                                                "label": "No audio",
-                                                                "value": "No audio",
+                                                                "label": "",
+                                                                "value": null,
                                                               },
                                                               Object {
-                                                                "label": "Poor Audio Quality",
-                                                                "value": "Poor Audio Quality",
+                                                                "index": -3,
+                                                                "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                "value": "America/New_York",
                                                               },
                                                               Object {
-                                                                "label": "Incomplete Hearing",
-                                                                "value": "Incomplete Hearing",
+                                                                "index": -2,
+                                                                "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                "value": "America/Chicago",
                                                               },
                                                               Object {
-                                                                "label": "Other (see notes)",
-                                                                "value": "Other (see notes)",
+                                                                "index": -1,
+                                                                "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                "value": "America/Denver",
                                                               },
                                                               Object {
-                                                                "label": "None",
-                                                                "value": null,
+                                                                "index": -0,
+                                                                "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                "value": "America/Los_Angeles",
                                                               },
-                                                            ],
-                                                            "pageSize": 5,
-                                                            "placeholder": "Select...",
-                                                            "screenReaderStatus": [Function],
-                                                            "searchable": undefined,
-                                                            "shouldKeyDownEventCreateNewOption": [Function],
-                                                            "styles": Object {
-                                                              "input": [Function],
-                                                            },
-                                                            "tabIndex": "0",
-                                                            "tabSelectsValue": true,
-                                                            "value": null,
-                                                          }
-                                                        }
-                                                        setValue={[Function]}
-                                                        theme={
-                                                          Object {
-                                                            "borderRadius": 4,
-                                                            "colors": Object {
-                                                              "danger": "#DE350B",
-                                                              "dangerLight": "#FFBDAD",
-                                                              "neutral0": "hsl(0, 0%, 100%)",
-                                                              "neutral10": "hsl(0, 0%, 90%)",
-                                                              "neutral20": "hsl(0, 0%, 80%)",
-                                                              "neutral30": "hsl(0, 0%, 70%)",
-                                                              "neutral40": "hsl(0, 0%, 60%)",
-                                                              "neutral5": "hsl(0, 0%, 95%)",
-                                                              "neutral50": "hsl(0, 0%, 50%)",
-                                                              "neutral60": "hsl(0, 0%, 40%)",
-                                                              "neutral70": "hsl(0, 0%, 30%)",
-                                                              "neutral80": "hsl(0, 0%, 20%)",
-                                                              "neutral90": "hsl(0, 0%, 10%)",
-                                                              "primary": "#2684FF",
-                                                              "primary25": "#DEEBFF",
-                                                              "primary50": "#B2D4FF",
-                                                              "primary75": "#4C9AFF",
-                                                            },
-                                                            "spacing": Object {
-                                                              "baseUnit": 4,
-                                                              "controlHeight": 38,
-                                                              "menuGutter": 8,
-                                                            },
-                                                          }
-                                                        }
-                                                      >
-                                                        <EmotionCssPropInternal
-                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Placeholder"
-                                                          __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                          className="cf-select__placeholder"
-                                                          css={
-                                                            Object {
-                                                              "boxSizing": "border-box",
-                                                              "color": "hsl(0, 0%, 50%)",
-                                                              "label": "placeholder",
-                                                              "marginLeft": 2,
-                                                              "marginRight": 2,
-                                                              "position": "absolute",
-                                                              "top": "50%",
-                                                              "transform": "translateY(-50%)",
-                                                            }
-                                                          }
-                                                        >
-                                                          <div
-                                                            className="cf-select__placeholder css-1wa3eu0-placeholder"
-                                                          >
-                                                            Select...
-                                                          </div>
-                                                        </EmotionCssPropInternal>
-                                                      </Placeholder>
-                                                      <CustomInput
-                                                        aria-autocomplete="list"
-                                                        autoCapitalize="none"
-                                                        autoComplete="off"
-                                                        autoCorrect="off"
-                                                        cx={[Function]}
-                                                        getStyles={[Function]}
-                                                        id="problem-type"
-                                                        innerRef={[Function]}
-                                                        isDisabled={false}
-                                                        isHidden={false}
-                                                        onBlur={[Function]}
-                                                        onChange={[Function]}
-                                                        onFocus={[Function]}
-                                                        selectProps={
-                                                          Object {
-                                                            "backspaceRemovesValue": true,
-                                                            "blurInputOnSelect": true,
-                                                            "cache": false,
-                                                            "captureMenuScroll": false,
-                                                            "classNamePrefix": "cf-select",
-                                                            "closeMenuOnScroll": false,
-                                                            "closeMenuOnSelect": true,
-                                                            "components": Object {
-                                                              "Input": [Function],
-                                                              "MenuList": [Function],
-                                                              "Option": [Function],
-                                                            },
-                                                            "controlShouldRenderValue": true,
-                                                            "defaultOptions": undefined,
-                                                            "escapeClearsValue": false,
-                                                            "filterOption": [Function],
-                                                            "formatGroupLabel": [Function],
-                                                            "getOptionLabel": [Function],
-                                                            "getOptionValue": [Function],
-                                                            "inputId": "problem-type",
-                                                            "inputValue": "",
-                                                            "isClearable": undefined,
-                                                            "isDisabled": false,
-                                                            "isLoading": false,
-                                                            "isMulti": false,
-                                                            "isOptionDisabled": [Function],
-                                                            "isRtl": false,
-                                                            "isSearchable": true,
-                                                            "loadOptions": undefined,
-                                                            "loadingMessage": [Function],
-                                                            "maxMenuHeight": 300,
-                                                            "menuIsOpen": false,
-                                                            "menuPlacement": "bottom",
-                                                            "menuPosition": "absolute",
-                                                            "menuShouldBlockScroll": false,
-                                                            "menuShouldScrollIntoView": true,
-                                                            "minMenuHeight": 140,
-                                                            "name": "problemType",
-                                                            "noOptionsMessage": [Function],
-                                                            "onBlurResetsInput": false,
-                                                            "onChange": [Function],
-                                                            "onInputChange": [Function],
-                                                            "onMenuClose": [Function],
-                                                            "onMenuOpen": [Function],
-                                                            "openMenuOnClick": true,
-                                                            "openMenuOnFocus": false,
-                                                            "options": Array [
                                                               Object {
-                                                                "label": "No audio",
-                                                                "value": "No audio",
+                                                                "index": 2.4,
+                                                                "label": "Indiana (East) (4:00 AM)",
+                                                                "value": "America/Indiana/Indianapolis",
                                                               },
                                                               Object {
-                                                                "label": "Poor Audio Quality",
-                                                                "value": "Poor Audio Quality",
+                                                                "index": 2.4,
+                                                                "label": "Puerto Rico (4:00 AM)",
+                                                                "value": "America/Puerto_Rico",
                                                               },
                                                               Object {
-                                                                "label": "Incomplete Hearing",
-                                                                "value": "Incomplete Hearing",
+                                                                "index": 4.2,
+                                                                "label": "Arizona (1:00 AM)",
+                                                                "value": "America/Phoenix",
                                                               },
                                                               Object {
-                                                                "label": "Other (see notes)",
-                                                                "value": "Other (see notes)",
+                                                                "index": 4.8,
+                                                                "label": "Alaska (12:00 AM)",
+                                                                "value": "America/Juneau",
                                                               },
                                                               Object {
-                                                                "label": "None",
-                                                                "value": null,
+                                                                "index": 4.8,
+                                                                "label": "Philippine Standard Time (4:00 PM)",
+                                                                "value": "Asia/Manila",
                                                               },
-                                                            ],
-                                                            "pageSize": 5,
-                                                            "placeholder": "Select...",
-                                                            "screenReaderStatus": [Function],
-                                                            "searchable": undefined,
-                                                            "shouldKeyDownEventCreateNewOption": [Function],
-                                                            "styles": Object {
-                                                              "input": [Function],
-                                                            },
-                                                            "tabIndex": "0",
-                                                            "tabSelectsValue": true,
-                                                            "value": null,
-                                                          }
-                                                        }
-                                                        spellCheck="false"
-                                                        tabIndex="0"
-                                                        theme={
-                                                          Object {
-                                                            "borderRadius": 4,
-                                                            "colors": Object {
-                                                              "danger": "#DE350B",
-                                                              "dangerLight": "#FFBDAD",
-                                                              "neutral0": "hsl(0, 0%, 100%)",
-                                                              "neutral10": "hsl(0, 0%, 90%)",
-                                                              "neutral20": "hsl(0, 0%, 80%)",
-                                                              "neutral30": "hsl(0, 0%, 70%)",
-                                                              "neutral40": "hsl(0, 0%, 60%)",
-                                                              "neutral5": "hsl(0, 0%, 95%)",
-                                                              "neutral50": "hsl(0, 0%, 50%)",
-                                                              "neutral60": "hsl(0, 0%, 40%)",
-                                                              "neutral70": "hsl(0, 0%, 30%)",
-                                                              "neutral80": "hsl(0, 0%, 20%)",
-                                                              "neutral90": "hsl(0, 0%, 10%)",
-                                                              "primary": "#2684FF",
-                                                              "primary25": "#DEEBFF",
-                                                              "primary50": "#B2D4FF",
-                                                              "primary75": "#4C9AFF",
-                                                            },
-                                                            "spacing": Object {
-                                                              "baseUnit": 4,
-                                                              "controlHeight": 38,
-                                                              "menuGutter": 8,
-                                                            },
-                                                          }
-                                                        }
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <Input
-                                                          aria-autocomplete="list"
-                                                          aria-expanded={false}
-                                                          aria-haspopup={true}
-                                                          aria-labelledby="problem-type-label"
-                                                          aria-owns="problem-type-listbox"
-                                                          autoCapitalize="none"
-                                                          autoComplete="off"
-                                                          autoCorrect="off"
-                                                          cx={[Function]}
-                                                          getStyles={[Function]}
-                                                          id="problem-type"
-                                                          innerRef={[Function]}
-                                                          isDisabled={false}
-                                                          isHidden={false}
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          role="combobox"
+                                                              Object {
+                                                                "index": 6,
+                                                                "label": "Hawaii (10:00 PM)",
+                                                                "value": "Pacific/Honolulu",
+                                                              },
+                                                              Object {
+                                                                "index": 100,
+                                                                "label": "Azores (8:00 AM)",
+                                                                "value": "Atlantic/Azores",
+                                                              },
+                                                              Object {
+                                                                "index": 100,
+                                                                "label": "Monrovia (8:00 AM)",
+                                                                "value": "Africa/Monrovia",
+                                                              },
+                                                              Object {
+                                                                "index": 100,
+                                                                "label": "UTC (8:00 AM)",
+                                                                "value": "Etc/UTC",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "Cape Verde Is. (7:00 AM)",
+                                                                "value": "Atlantic/Cape_Verde",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "Dublin (9:00 AM)",
+                                                                "value": "Europe/Dublin",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "Edinburgh (9:00 AM)",
+                                                                "value": "Europe/London",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "Lisbon (9:00 AM)",
+                                                                "value": "Europe/Lisbon",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "London (9:00 AM)",
+                                                                "value": "Europe/London",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "Casablanca (9:00 AM)",
+                                                                "value": "Africa/Casablanca",
+                                                              },
+                                                              Object {
+                                                                "index": 160,
+                                                                "label": "West Central Africa (9:00 AM)",
+                                                                "value": "Africa/Algiers",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Greenland (6:00 AM)",
+                                                                "value": "America/Godthab",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Mid-Atlantic (6:00 AM)",
+                                                                "value": "Atlantic/South_Georgia",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Belgrade (10:00 AM)",
+                                                                "value": "Europe/Belgrade",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Bratislava (10:00 AM)",
+                                                                "value": "Europe/Bratislava",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Budapest (10:00 AM)",
+                                                                "value": "Europe/Budapest",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Ljubljana (10:00 AM)",
+                                                                "value": "Europe/Ljubljana",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Prague (10:00 AM)",
+                                                                "value": "Europe/Prague",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Sarajevo (10:00 AM)",
+                                                                "value": "Europe/Sarajevo",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Skopje (10:00 AM)",
+                                                                "value": "Europe/Skopje",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Warsaw (10:00 AM)",
+                                                                "value": "Europe/Warsaw",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Zagreb (10:00 AM)",
+                                                                "value": "Europe/Zagreb",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Brussels (10:00 AM)",
+                                                                "value": "Europe/Brussels",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Copenhagen (10:00 AM)",
+                                                                "value": "Europe/Copenhagen",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Madrid (10:00 AM)",
+                                                                "value": "Europe/Madrid",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Paris (10:00 AM)",
+                                                                "value": "Europe/Paris",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Amsterdam (10:00 AM)",
+                                                                "value": "Europe/Amsterdam",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Berlin (10:00 AM)",
+                                                                "value": "Europe/Berlin",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Bern (10:00 AM)",
+                                                                "value": "Europe/Zurich",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Zurich (10:00 AM)",
+                                                                "value": "Europe/Zurich",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Rome (10:00 AM)",
+                                                                "value": "Europe/Rome",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Stockholm (10:00 AM)",
+                                                                "value": "Europe/Stockholm",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Vienna (10:00 AM)",
+                                                                "value": "Europe/Vienna",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Cairo (10:00 AM)",
+                                                                "value": "Africa/Cairo",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Harare (10:00 AM)",
+                                                                "value": "Africa/Harare",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Pretoria (10:00 AM)",
+                                                                "value": "Africa/Johannesburg",
+                                                              },
+                                                              Object {
+                                                                "index": 220,
+                                                                "label": "Kaliningrad (10:00 AM)",
+                                                                "value": "Europe/Kaliningrad",
+                                                              },
+                                                              Object {
+                                                                "index": 250,
+                                                                "label": "Newfoundland (5:30 AM)",
+                                                                "value": "America/St_Johns",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                "value": "America/Halifax",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Brasilia (5:00 AM)",
+                                                                "value": "America/Sao_Paulo",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Buenos Aires (5:00 AM)",
+                                                                "value": "America/Argentina/Buenos_Aires",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Montevideo (5:00 AM)",
+                                                                "value": "America/Montevideo",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Bucharest (11:00 AM)",
+                                                                "value": "Europe/Bucharest",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Helsinki (11:00 AM)",
+                                                                "value": "Europe/Helsinki",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Kyiv (11:00 AM)",
+                                                                "value": "Europe/Kiev",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Riga (11:00 AM)",
+                                                                "value": "Europe/Riga",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Sofia (11:00 AM)",
+                                                                "value": "Europe/Sofia",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Tallinn (11:00 AM)",
+                                                                "value": "Europe/Tallinn",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Vilnius (11:00 AM)",
+                                                                "value": "Europe/Vilnius",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Athens (11:00 AM)",
+                                                                "value": "Europe/Athens",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Istanbul (11:00 AM)",
+                                                                "value": "Europe/Istanbul",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Minsk (11:00 AM)",
+                                                                "value": "Europe/Minsk",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Jerusalem (11:00 AM)",
+                                                                "value": "Asia/Jerusalem",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Moscow (11:00 AM)",
+                                                                "value": "Europe/Moscow",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "St. Petersburg (11:00 AM)",
+                                                                "value": "Europe/Moscow",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Kuwait (11:00 AM)",
+                                                                "value": "Asia/Kuwait",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Riyadh (11:00 AM)",
+                                                                "value": "Asia/Riyadh",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Nairobi (11:00 AM)",
+                                                                "value": "Africa/Nairobi",
+                                                              },
+                                                              Object {
+                                                                "index": 280,
+                                                                "label": "Baghdad (11:00 AM)",
+                                                                "value": "Asia/Baghdad",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Caracas (4:00 AM)",
+                                                                "value": "America/Caracas",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "La Paz (4:00 AM)",
+                                                                "value": "America/La_Paz",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Santiago (4:00 AM)",
+                                                                "value": "America/Santiago",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Georgetown (4:00 AM)",
+                                                                "value": "America/Guyana",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Volgograd (12:00 PM)",
+                                                                "value": "Europe/Volgograd",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Samara (12:00 PM)",
+                                                                "value": "Europe/Samara",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Abu Dhabi (12:00 PM)",
+                                                                "value": "Asia/Muscat",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Muscat (12:00 PM)",
+                                                                "value": "Asia/Muscat",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Baku (12:00 PM)",
+                                                                "value": "Asia/Baku",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Tbilisi (12:00 PM)",
+                                                                "value": "Asia/Tbilisi",
+                                                              },
+                                                              Object {
+                                                                "index": 340,
+                                                                "label": "Yerevan (12:00 PM)",
+                                                                "value": "Asia/Yerevan",
+                                                              },
+                                                              Object {
+                                                                "index": 370,
+                                                                "label": "Tehran (12:30 PM)",
+                                                                "value": "Asia/Tehran",
+                                                              },
+                                                              Object {
+                                                                "index": 370,
+                                                                "label": "Kabul (12:30 PM)",
+                                                                "value": "Asia/Kabul",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Guadalajara (3:00 AM)",
+                                                                "value": "America/Mexico_City",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Mexico City (3:00 AM)",
+                                                                "value": "America/Mexico_City",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Monterrey (3:00 AM)",
+                                                                "value": "America/Monterrey",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Bogota (3:00 AM)",
+                                                                "value": "America/Bogota",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Lima (3:00 AM)",
+                                                                "value": "America/Lima",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Quito (3:00 AM)",
+                                                                "value": "America/Lima",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Ekaterinburg (1:00 PM)",
+                                                                "value": "Asia/Yekaterinburg",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Islamabad (1:00 PM)",
+                                                                "value": "Asia/Karachi",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Karachi (1:00 PM)",
+                                                                "value": "Asia/Karachi",
+                                                              },
+                                                              Object {
+                                                                "index": 400,
+                                                                "label": "Tashkent (1:00 PM)",
+                                                                "value": "Asia/Tashkent",
+                                                              },
+                                                              Object {
+                                                                "index": 430,
+                                                                "label": "Chennai (1:30 PM)",
+                                                                "value": "Asia/Kolkata",
+                                                              },
+                                                              Object {
+                                                                "index": 430,
+                                                                "label": "Kolkata (1:30 PM)",
+                                                                "value": "Asia/Kolkata",
+                                                              },
+                                                              Object {
+                                                                "index": 430,
+                                                                "label": "Mumbai (1:30 PM)",
+                                                                "value": "Asia/Kolkata",
+                                                              },
+                                                              Object {
+                                                                "index": 430,
+                                                                "label": "New Delhi (1:30 PM)",
+                                                                "value": "Asia/Kolkata",
+                                                              },
+                                                              Object {
+                                                                "index": 430,
+                                                                "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                "value": "Asia/Colombo",
+                                                              },
+                                                              Object {
+                                                                "index": 445,
+                                                                "label": "Kathmandu (1:45 PM)",
+                                                                "value": "Asia/Kathmandu",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Chihuahua (2:00 AM)",
+                                                                "value": "America/Chihuahua",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Mazatlan (2:00 AM)",
+                                                                "value": "America/Mazatlan",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Saskatchewan (2:00 AM)",
+                                                                "value": "America/Regina",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Central America (2:00 AM)",
+                                                                "value": "America/Guatemala",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Astana (2:00 PM)",
+                                                                "value": "Asia/Dhaka",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Dhaka (2:00 PM)",
+                                                                "value": "Asia/Dhaka",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Almaty (2:00 PM)",
+                                                                "value": "Asia/Almaty",
+                                                              },
+                                                              Object {
+                                                                "index": 460,
+                                                                "label": "Urumqi (2:00 PM)",
+                                                                "value": "Asia/Urumqi",
+                                                              },
+                                                              Object {
+                                                                "index": 490,
+                                                                "label": "Rangoon (2:30 PM)",
+                                                                "value": "Asia/Rangoon",
+                                                              },
+                                                              Object {
+                                                                "index": 520,
+                                                                "label": "Tijuana (1:00 AM)",
+                                                                "value": "America/Tijuana",
+                                                              },
+                                                              Object {
+                                                                "index": 520,
+                                                                "label": "Novosibirsk (3:00 PM)",
+                                                                "value": "Asia/Novosibirsk",
+                                                              },
+                                                              Object {
+                                                                "index": 520,
+                                                                "label": "Bangkok (3:00 PM)",
+                                                                "value": "Asia/Bangkok",
+                                                              },
+                                                              Object {
+                                                                "index": 520,
+                                                                "label": "Hanoi (3:00 PM)",
+                                                                "value": "Asia/Bangkok",
+                                                              },
+                                                              Object {
+                                                                "index": 520,
+                                                                "label": "Jakarta (3:00 PM)",
+                                                                "value": "Asia/Jakarta",
+                                                              },
+                                                              Object {
+                                                                "index": 520,
+                                                                "label": "Krasnoyarsk (3:00 PM)",
+                                                                "value": "Asia/Krasnoyarsk",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Beijing (4:00 PM)",
+                                                                "value": "Asia/Shanghai",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Chongqing (4:00 PM)",
+                                                                "value": "Asia/Chongqing",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Hong Kong (4:00 PM)",
+                                                                "value": "Asia/Hong_Kong",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Kuala Lumpur (4:00 PM)",
+                                                                "value": "Asia/Kuala_Lumpur",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Singapore (4:00 PM)",
+                                                                "value": "Asia/Singapore",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Taipei (4:00 PM)",
+                                                                "value": "Asia/Taipei",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Perth (4:00 PM)",
+                                                                "value": "Australia/Perth",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Irkutsk (4:00 PM)",
+                                                                "value": "Asia/Irkutsk",
+                                                              },
+                                                              Object {
+                                                                "index": 580,
+                                                                "label": "Ulaanbaatar (4:00 PM)",
+                                                                "value": "Asia/Ulaanbaatar",
+                                                              },
+                                                              Object {
+                                                                "index": 640,
+                                                                "label": "Seoul (5:00 PM)",
+                                                                "value": "Asia/Seoul",
+                                                              },
+                                                              Object {
+                                                                "index": 640,
+                                                                "label": "Osaka (5:00 PM)",
+                                                                "value": "Asia/Tokyo",
+                                                              },
+                                                              Object {
+                                                                "index": 640,
+                                                                "label": "Sapporo (5:00 PM)",
+                                                                "value": "Asia/Tokyo",
+                                                              },
+                                                              Object {
+                                                                "index": 640,
+                                                                "label": "Tokyo (5:00 PM)",
+                                                                "value": "Asia/Tokyo",
+                                                              },
+                                                              Object {
+                                                                "index": 640,
+                                                                "label": "Yakutsk (5:00 PM)",
+                                                                "value": "Asia/Yakutsk",
+                                                              },
+                                                              Object {
+                                                                "index": 670,
+                                                                "label": "Darwin (5:30 PM)",
+                                                                "value": "Australia/Darwin",
+                                                              },
+                                                              Object {
+                                                                "index": 670,
+                                                                "label": "Adelaide (5:30 PM)",
+                                                                "value": "Australia/Adelaide",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Canberra (6:00 PM)",
+                                                                "value": "Australia/Melbourne",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Melbourne (6:00 PM)",
+                                                                "value": "Australia/Melbourne",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Sydney (6:00 PM)",
+                                                                "value": "Australia/Sydney",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Brisbane (6:00 PM)",
+                                                                "value": "Australia/Brisbane",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Hobart (6:00 PM)",
+                                                                "value": "Australia/Hobart",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Vladivostok (6:00 PM)",
+                                                                "value": "Asia/Vladivostok",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Guam (6:00 PM)",
+                                                                "value": "Pacific/Guam",
+                                                              },
+                                                              Object {
+                                                                "index": 700,
+                                                                "label": "Port Moresby (6:00 PM)",
+                                                                "value": "Pacific/Port_Moresby",
+                                                              },
+                                                              Object {
+                                                                "index": 760,
+                                                                "label": "Midway Island (9:00 PM)",
+                                                                "value": "Pacific/Midway",
+                                                              },
+                                                              Object {
+                                                                "index": 760,
+                                                                "label": "American Samoa (9:00 PM)",
+                                                                "value": "Pacific/Pago_Pago",
+                                                              },
+                                                              Object {
+                                                                "index": 760,
+                                                                "label": "Magadan (7:00 PM)",
+                                                                "value": "Asia/Magadan",
+                                                              },
+                                                              Object {
+                                                                "index": 760,
+                                                                "label": "Srednekolymsk (7:00 PM)",
+                                                                "value": "Asia/Srednekolymsk",
+                                                              },
+                                                              Object {
+                                                                "index": 760,
+                                                                "label": "Solomon Is. (7:00 PM)",
+                                                                "value": "Pacific/Guadalcanal",
+                                                              },
+                                                              Object {
+                                                                "index": 760,
+                                                                "label": "New Caledonia (7:00 PM)",
+                                                                "value": "Pacific/Noumea",
+                                                              },
+                                                              Object {
+                                                                "index": 820,
+                                                                "label": "International Date Line West (8:00 PM)",
+                                                                "value": "Etc/GMT+12",
+                                                              },
+                                                              Object {
+                                                                "index": 820,
+                                                                "label": "Fiji (8:00 PM)",
+                                                                "value": "Pacific/Fiji",
+                                                              },
+                                                              Object {
+                                                                "index": 820,
+                                                                "label": "Kamchatka (8:00 PM)",
+                                                                "value": "Asia/Kamchatka",
+                                                              },
+                                                              Object {
+                                                                "index": 820,
+                                                                "label": "Marshall Is. (8:00 PM)",
+                                                                "value": "Pacific/Majuro",
+                                                              },
+                                                              Object {
+                                                                "index": 820,
+                                                                "label": "Auckland (8:00 PM)",
+                                                                "value": "Pacific/Auckland",
+                                                              },
+                                                              Object {
+                                                                "index": 820,
+                                                                "label": "Wellington (8:00 PM)",
+                                                                "value": "Pacific/Auckland",
+                                                              },
+                                                              Object {
+                                                                "index": 865,
+                                                                "label": "Chatham Is. (8:45 PM)",
+                                                                "value": "Pacific/Chatham",
+                                                              },
+                                                              Object {
+                                                                "index": 880,
+                                                                "label": "Nuku'alofa (9:00 PM)",
+                                                                "value": "Pacific/Tongatapu",
+                                                              },
+                                                              Object {
+                                                                "index": 880,
+                                                                "label": "Tokelau Is. (9:00 PM)",
+                                                                "value": "Pacific/Fakaofo",
+                                                              },
+                                                              Object {
+                                                                "index": 880,
+                                                                "label": "Samoa (9:00 PM)",
+                                                                "value": "Pacific/Apia",
+                                                              },
+                                                            ]
+                                                          }
+                                                          selectOption={[Function]}
                                                           selectProps={
                                                             Object {
                                                               "backspaceRemovesValue": true,
@@ -315033,7 +316571,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "formatGroupLabel": [Function],
                                                               "getOptionLabel": [Function],
                                                               "getOptionValue": [Function],
-                                                              "inputId": "problem-type",
+                                                              "inputId": "representative-tz",
                                                               "inputValue": "",
                                                               "isClearable": undefined,
                                                               "isDisabled": false,
@@ -315051,7 +316589,7 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "menuShouldBlockScroll": false,
                                                               "menuShouldScrollIntoView": true,
                                                               "minMenuHeight": 140,
-                                                              "name": "problemType",
+                                                              "name": "representativeTz",
                                                               "noOptionsMessage": [Function],
                                                               "onBlurResetsInput": false,
                                                               "onChange": [Function],
@@ -315062,1158 +316600,959 @@ exports[`Details Matches snapshot with default props 1`] = `
                                                               "openMenuOnFocus": false,
                                                               "options": Array [
                                                                 Object {
-                                                                  "label": "No audio",
-                                                                  "value": "No audio",
+                                                                  "label": "",
+                                                                  "value": null,
                                                                 },
                                                                 Object {
-                                                                  "label": "Poor Audio Quality",
-                                                                  "value": "Poor Audio Quality",
+                                                                  "index": -3,
+                                                                  "label": "Eastern Time (US & Canada) (4:00 AM)",
+                                                                  "value": "America/New_York",
                                                                 },
                                                                 Object {
-                                                                  "label": "Incomplete Hearing",
-                                                                  "value": "Incomplete Hearing",
+                                                                  "index": -2,
+                                                                  "label": "Central Time (US & Canada) (3:00 AM)",
+                                                                  "value": "America/Chicago",
                                                                 },
                                                                 Object {
-                                                                  "label": "Other (see notes)",
-                                                                  "value": "Other (see notes)",
+                                                                  "index": -1,
+                                                                  "label": "Mountain Time (US & Canada) (2:00 AM)",
+                                                                  "value": "America/Denver",
                                                                 },
                                                                 Object {
-                                                                  "label": "None",
-                                                                  "value": null,
+                                                                  "index": -0,
+                                                                  "label": "Pacific Time (US & Canada) (1:00 AM)",
+                                                                  "value": "America/Los_Angeles",
                                                                 },
-                                                              ],
-                                                              "pageSize": 5,
-                                                              "placeholder": "Select...",
-                                                              "screenReaderStatus": [Function],
-                                                              "searchable": undefined,
-                                                              "shouldKeyDownEventCreateNewOption": [Function],
-                                                              "styles": Object {
-                                                                "input": [Function],
-                                                              },
-                                                              "tabIndex": "0",
-                                                              "tabSelectsValue": true,
-                                                              "value": null,
-                                                            }
-                                                          }
-                                                          spellCheck="false"
-                                                          tabIndex="0"
-                                                          theme={
-                                                            Object {
-                                                              "borderRadius": 4,
-                                                              "colors": Object {
-                                                                "danger": "#DE350B",
-                                                                "dangerLight": "#FFBDAD",
-                                                                "neutral0": "hsl(0, 0%, 100%)",
-                                                                "neutral10": "hsl(0, 0%, 90%)",
-                                                                "neutral20": "hsl(0, 0%, 80%)",
-                                                                "neutral30": "hsl(0, 0%, 70%)",
-                                                                "neutral40": "hsl(0, 0%, 60%)",
-                                                                "neutral5": "hsl(0, 0%, 95%)",
-                                                                "neutral50": "hsl(0, 0%, 50%)",
-                                                                "neutral60": "hsl(0, 0%, 40%)",
-                                                                "neutral70": "hsl(0, 0%, 30%)",
-                                                                "neutral80": "hsl(0, 0%, 20%)",
-                                                                "neutral90": "hsl(0, 0%, 10%)",
-                                                                "primary": "#2684FF",
-                                                                "primary25": "#DEEBFF",
-                                                                "primary50": "#B2D4FF",
-                                                                "primary75": "#4C9AFF",
-                                                              },
-                                                              "spacing": Object {
-                                                                "baseUnit": 4,
-                                                                "controlHeight": 38,
-                                                                "menuGutter": 8,
-                                                              },
-                                                            }
-                                                          }
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <EmotionCssPropInternal
-                                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Input"
-                                                            __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                            css={
-                                                              Object {
-                                                                "height": "44px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <div
-                                                              className="css-81nyic-Input"
-                                                            >
-                                                              <AutosizeInput
-                                                                aria-autocomplete="list"
-                                                                aria-expanded={false}
-                                                                aria-haspopup={true}
-                                                                aria-labelledby="problem-type-label"
-                                                                aria-owns="problem-type-listbox"
-                                                                autoCapitalize="none"
-                                                                autoComplete="off"
-                                                                autoCorrect="off"
-                                                                className="cf-select__input"
-                                                                disabled={false}
-                                                                id="problem-type"
-                                                                injectStyles={true}
-                                                                inputRef={[Function]}
-                                                                inputStyle={
-                                                                  Object {
-                                                                    "background": 0,
-                                                                    "border": 0,
-                                                                    "color": "inherit",
-                                                                    "fontSize": "inherit",
-                                                                    "label": "input",
-                                                                    "opacity": 1,
-                                                                    "outline": 0,
-                                                                    "padding": 0,
-                                                                  }
-                                                                }
-                                                                minWidth={1}
-                                                                onBlur={[Function]}
-                                                                onChange={[Function]}
-                                                                onFocus={[Function]}
-                                                                role="combobox"
-                                                                spellCheck="false"
-                                                                tabIndex="0"
-                                                                type="text"
-                                                                value=""
-                                                              >
-                                                                <div
-                                                                  className="cf-select__input"
-                                                                  style={
-                                                                    Object {
-                                                                      "display": "inline-block",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <input
-                                                                    aria-autocomplete="list"
-                                                                    aria-expanded={false}
-                                                                    aria-haspopup={true}
-                                                                    aria-labelledby="problem-type-label"
-                                                                    aria-owns="problem-type-listbox"
-                                                                    autoCapitalize="none"
-                                                                    autoComplete="off"
-                                                                    autoCorrect="off"
-                                                                    disabled={false}
-                                                                    id="problem-type"
-                                                                    onBlur={[Function]}
-                                                                    onChange={[Function]}
-                                                                    onFocus={[Function]}
-                                                                    role="combobox"
-                                                                    spellCheck="false"
-                                                                    style={
-                                                                      Object {
-                                                                        "background": 0,
-                                                                        "border": 0,
-                                                                        "boxSizing": "content-box",
-                                                                        "color": "inherit",
-                                                                        "fontSize": "inherit",
-                                                                        "label": "input",
-                                                                        "opacity": 1,
-                                                                        "outline": 0,
-                                                                        "padding": 0,
-                                                                        "width": "2px",
-                                                                      }
-                                                                    }
-                                                                    tabIndex="0"
-                                                                    type="text"
-                                                                    value=""
-                                                                  />
-                                                                  <div
-                                                                    style={
-                                                                      Object {
-                                                                        "height": 0,
-                                                                        "left": 0,
-                                                                        "overflow": "scroll",
-                                                                        "position": "absolute",
-                                                                        "top": 0,
-                                                                        "visibility": "hidden",
-                                                                        "whiteSpace": "pre",
-                                                                      }
-                                                                    }
-                                                                  />
-                                                                </div>
-                                                              </AutosizeInput>
-                                                            </div>
-                                                          </EmotionCssPropInternal>
-                                                        </Input>
-                                                      </CustomInput>
-                                                    </div>
-                                                  </EmotionCssPropInternal>
-                                                </ValueContainer>
-                                                <IndicatorsContainer
-                                                  clearValue={[Function]}
-                                                  cx={[Function]}
-                                                  getStyles={[Function]}
-                                                  getValue={[Function]}
-                                                  hasValue={false}
-                                                  isDisabled={false}
-                                                  isMulti={false}
-                                                  isRtl={false}
-                                                  options={
-                                                    Array [
-                                                      Object {
-                                                        "label": "No audio",
-                                                        "value": "No audio",
-                                                      },
-                                                      Object {
-                                                        "label": "Poor Audio Quality",
-                                                        "value": "Poor Audio Quality",
-                                                      },
-                                                      Object {
-                                                        "label": "Incomplete Hearing",
-                                                        "value": "Incomplete Hearing",
-                                                      },
-                                                      Object {
-                                                        "label": "Other (see notes)",
-                                                        "value": "Other (see notes)",
-                                                      },
-                                                      Object {
-                                                        "label": "None",
-                                                        "value": null,
-                                                      },
-                                                    ]
-                                                  }
-                                                  selectOption={[Function]}
-                                                  selectProps={
-                                                    Object {
-                                                      "backspaceRemovesValue": true,
-                                                      "blurInputOnSelect": true,
-                                                      "cache": false,
-                                                      "captureMenuScroll": false,
-                                                      "classNamePrefix": "cf-select",
-                                                      "closeMenuOnScroll": false,
-                                                      "closeMenuOnSelect": true,
-                                                      "components": Object {
-                                                        "Input": [Function],
-                                                        "MenuList": [Function],
-                                                        "Option": [Function],
-                                                      },
-                                                      "controlShouldRenderValue": true,
-                                                      "defaultOptions": undefined,
-                                                      "escapeClearsValue": false,
-                                                      "filterOption": [Function],
-                                                      "formatGroupLabel": [Function],
-                                                      "getOptionLabel": [Function],
-                                                      "getOptionValue": [Function],
-                                                      "inputId": "problem-type",
-                                                      "inputValue": "",
-                                                      "isClearable": undefined,
-                                                      "isDisabled": false,
-                                                      "isLoading": false,
-                                                      "isMulti": false,
-                                                      "isOptionDisabled": [Function],
-                                                      "isRtl": false,
-                                                      "isSearchable": true,
-                                                      "loadOptions": undefined,
-                                                      "loadingMessage": [Function],
-                                                      "maxMenuHeight": 300,
-                                                      "menuIsOpen": false,
-                                                      "menuPlacement": "bottom",
-                                                      "menuPosition": "absolute",
-                                                      "menuShouldBlockScroll": false,
-                                                      "menuShouldScrollIntoView": true,
-                                                      "minMenuHeight": 140,
-                                                      "name": "problemType",
-                                                      "noOptionsMessage": [Function],
-                                                      "onBlurResetsInput": false,
-                                                      "onChange": [Function],
-                                                      "onInputChange": [Function],
-                                                      "onMenuClose": [Function],
-                                                      "onMenuOpen": [Function],
-                                                      "openMenuOnClick": true,
-                                                      "openMenuOnFocus": false,
-                                                      "options": Array [
-                                                        Object {
-                                                          "label": "No audio",
-                                                          "value": "No audio",
-                                                        },
-                                                        Object {
-                                                          "label": "Poor Audio Quality",
-                                                          "value": "Poor Audio Quality",
-                                                        },
-                                                        Object {
-                                                          "label": "Incomplete Hearing",
-                                                          "value": "Incomplete Hearing",
-                                                        },
-                                                        Object {
-                                                          "label": "Other (see notes)",
-                                                          "value": "Other (see notes)",
-                                                        },
-                                                        Object {
-                                                          "label": "None",
-                                                          "value": null,
-                                                        },
-                                                      ],
-                                                      "pageSize": 5,
-                                                      "placeholder": "Select...",
-                                                      "screenReaderStatus": [Function],
-                                                      "searchable": undefined,
-                                                      "shouldKeyDownEventCreateNewOption": [Function],
-                                                      "styles": Object {
-                                                        "input": [Function],
-                                                      },
-                                                      "tabIndex": "0",
-                                                      "tabSelectsValue": true,
-                                                      "value": null,
-                                                    }
-                                                  }
-                                                  setValue={[Function]}
-                                                  theme={
-                                                    Object {
-                                                      "borderRadius": 4,
-                                                      "colors": Object {
-                                                        "danger": "#DE350B",
-                                                        "dangerLight": "#FFBDAD",
-                                                        "neutral0": "hsl(0, 0%, 100%)",
-                                                        "neutral10": "hsl(0, 0%, 90%)",
-                                                        "neutral20": "hsl(0, 0%, 80%)",
-                                                        "neutral30": "hsl(0, 0%, 70%)",
-                                                        "neutral40": "hsl(0, 0%, 60%)",
-                                                        "neutral5": "hsl(0, 0%, 95%)",
-                                                        "neutral50": "hsl(0, 0%, 50%)",
-                                                        "neutral60": "hsl(0, 0%, 40%)",
-                                                        "neutral70": "hsl(0, 0%, 30%)",
-                                                        "neutral80": "hsl(0, 0%, 20%)",
-                                                        "neutral90": "hsl(0, 0%, 10%)",
-                                                        "primary": "#2684FF",
-                                                        "primary25": "#DEEBFF",
-                                                        "primary50": "#B2D4FF",
-                                                        "primary75": "#4C9AFF",
-                                                      },
-                                                      "spacing": Object {
-                                                        "baseUnit": 4,
-                                                        "controlHeight": 38,
-                                                        "menuGutter": 8,
-                                                      },
-                                                    }
-                                                  }
-                                                >
-                                                  <EmotionCssPropInternal
-                                                    __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorsContainer"
-                                                    __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                    className="cf-select__indicators"
-                                                    css={
-                                                      Object {
-                                                        "alignItems": "center",
-                                                        "alignSelf": "stretch",
-                                                        "boxSizing": "border-box",
-                                                        "display": "flex",
-                                                        "flexShrink": 0,
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="cf-select__indicators css-1hb7zxy-IndicatorsContainer"
-                                                    >
-                                                      <IndicatorSeparator
-                                                        clearValue={[Function]}
-                                                        cx={[Function]}
-                                                        getStyles={[Function]}
-                                                        getValue={[Function]}
-                                                        hasValue={false}
-                                                        isDisabled={false}
-                                                        isFocused={false}
-                                                        isMulti={false}
-                                                        isRtl={false}
-                                                        options={
-                                                          Array [
-                                                            Object {
-                                                              "label": "No audio",
-                                                              "value": "No audio",
-                                                            },
-                                                            Object {
-                                                              "label": "Poor Audio Quality",
-                                                              "value": "Poor Audio Quality",
-                                                            },
-                                                            Object {
-                                                              "label": "Incomplete Hearing",
-                                                              "value": "Incomplete Hearing",
-                                                            },
-                                                            Object {
-                                                              "label": "Other (see notes)",
-                                                              "value": "Other (see notes)",
-                                                            },
-                                                            Object {
-                                                              "label": "None",
-                                                              "value": null,
-                                                            },
-                                                          ]
-                                                        }
-                                                        selectOption={[Function]}
-                                                        selectProps={
-                                                          Object {
-                                                            "backspaceRemovesValue": true,
-                                                            "blurInputOnSelect": true,
-                                                            "cache": false,
-                                                            "captureMenuScroll": false,
-                                                            "classNamePrefix": "cf-select",
-                                                            "closeMenuOnScroll": false,
-                                                            "closeMenuOnSelect": true,
-                                                            "components": Object {
-                                                              "Input": [Function],
-                                                              "MenuList": [Function],
-                                                              "Option": [Function],
-                                                            },
-                                                            "controlShouldRenderValue": true,
-                                                            "defaultOptions": undefined,
-                                                            "escapeClearsValue": false,
-                                                            "filterOption": [Function],
-                                                            "formatGroupLabel": [Function],
-                                                            "getOptionLabel": [Function],
-                                                            "getOptionValue": [Function],
-                                                            "inputId": "problem-type",
-                                                            "inputValue": "",
-                                                            "isClearable": undefined,
-                                                            "isDisabled": false,
-                                                            "isLoading": false,
-                                                            "isMulti": false,
-                                                            "isOptionDisabled": [Function],
-                                                            "isRtl": false,
-                                                            "isSearchable": true,
-                                                            "loadOptions": undefined,
-                                                            "loadingMessage": [Function],
-                                                            "maxMenuHeight": 300,
-                                                            "menuIsOpen": false,
-                                                            "menuPlacement": "bottom",
-                                                            "menuPosition": "absolute",
-                                                            "menuShouldBlockScroll": false,
-                                                            "menuShouldScrollIntoView": true,
-                                                            "minMenuHeight": 140,
-                                                            "name": "problemType",
-                                                            "noOptionsMessage": [Function],
-                                                            "onBlurResetsInput": false,
-                                                            "onChange": [Function],
-                                                            "onInputChange": [Function],
-                                                            "onMenuClose": [Function],
-                                                            "onMenuOpen": [Function],
-                                                            "openMenuOnClick": true,
-                                                            "openMenuOnFocus": false,
-                                                            "options": Array [
-                                                              Object {
-                                                                "label": "No audio",
-                                                                "value": "No audio",
-                                                              },
-                                                              Object {
-                                                                "label": "Poor Audio Quality",
-                                                                "value": "Poor Audio Quality",
-                                                              },
-                                                              Object {
-                                                                "label": "Incomplete Hearing",
-                                                                "value": "Incomplete Hearing",
-                                                              },
-                                                              Object {
-                                                                "label": "Other (see notes)",
-                                                                "value": "Other (see notes)",
-                                                              },
-                                                              Object {
-                                                                "label": "None",
-                                                                "value": null,
+                                                                Object {
+                                                                  "index": 2.4,
+                                                                  "label": "Indiana (East) (4:00 AM)",
+                                                                  "value": "America/Indiana/Indianapolis",
+                                                                },
+                                                                Object {
+                                                                  "index": 2.4,
+                                                                  "label": "Puerto Rico (4:00 AM)",
+                                                                  "value": "America/Puerto_Rico",
+                                                                },
+                                                                Object {
+                                                                  "index": 4.2,
+                                                                  "label": "Arizona (1:00 AM)",
+                                                                  "value": "America/Phoenix",
+                                                                },
+                                                                Object {
+                                                                  "index": 4.8,
+                                                                  "label": "Alaska (12:00 AM)",
+                                                                  "value": "America/Juneau",
+                                                                },
+                                                                Object {
+                                                                  "index": 4.8,
+                                                                  "label": "Philippine Standard Time (4:00 PM)",
+                                                                  "value": "Asia/Manila",
+                                                                },
+                                                                Object {
+                                                                  "index": 6,
+                                                                  "label": "Hawaii (10:00 PM)",
+                                                                  "value": "Pacific/Honolulu",
+                                                                },
+                                                                Object {
+                                                                  "index": 100,
+                                                                  "label": "Azores (8:00 AM)",
+                                                                  "value": "Atlantic/Azores",
+                                                                },
+                                                                Object {
+                                                                  "index": 100,
+                                                                  "label": "Monrovia (8:00 AM)",
+                                                                  "value": "Africa/Monrovia",
+                                                                },
+                                                                Object {
+                                                                  "index": 100,
+                                                                  "label": "UTC (8:00 AM)",
+                                                                  "value": "Etc/UTC",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Cape Verde Is. (7:00 AM)",
+                                                                  "value": "Atlantic/Cape_Verde",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Dublin (9:00 AM)",
+                                                                  "value": "Europe/Dublin",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Edinburgh (9:00 AM)",
+                                                                  "value": "Europe/London",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Lisbon (9:00 AM)",
+                                                                  "value": "Europe/Lisbon",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "London (9:00 AM)",
+                                                                  "value": "Europe/London",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "Casablanca (9:00 AM)",
+                                                                  "value": "Africa/Casablanca",
+                                                                },
+                                                                Object {
+                                                                  "index": 160,
+                                                                  "label": "West Central Africa (9:00 AM)",
+                                                                  "value": "Africa/Algiers",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Greenland (6:00 AM)",
+                                                                  "value": "America/Godthab",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Mid-Atlantic (6:00 AM)",
+                                                                  "value": "Atlantic/South_Georgia",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Belgrade (10:00 AM)",
+                                                                  "value": "Europe/Belgrade",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Bratislava (10:00 AM)",
+                                                                  "value": "Europe/Bratislava",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Budapest (10:00 AM)",
+                                                                  "value": "Europe/Budapest",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Ljubljana (10:00 AM)",
+                                                                  "value": "Europe/Ljubljana",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Prague (10:00 AM)",
+                                                                  "value": "Europe/Prague",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Sarajevo (10:00 AM)",
+                                                                  "value": "Europe/Sarajevo",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Skopje (10:00 AM)",
+                                                                  "value": "Europe/Skopje",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Warsaw (10:00 AM)",
+                                                                  "value": "Europe/Warsaw",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Zagreb (10:00 AM)",
+                                                                  "value": "Europe/Zagreb",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Brussels (10:00 AM)",
+                                                                  "value": "Europe/Brussels",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Copenhagen (10:00 AM)",
+                                                                  "value": "Europe/Copenhagen",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Madrid (10:00 AM)",
+                                                                  "value": "Europe/Madrid",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Paris (10:00 AM)",
+                                                                  "value": "Europe/Paris",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Amsterdam (10:00 AM)",
+                                                                  "value": "Europe/Amsterdam",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Berlin (10:00 AM)",
+                                                                  "value": "Europe/Berlin",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Bern (10:00 AM)",
+                                                                  "value": "Europe/Zurich",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Zurich (10:00 AM)",
+                                                                  "value": "Europe/Zurich",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Rome (10:00 AM)",
+                                                                  "value": "Europe/Rome",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Stockholm (10:00 AM)",
+                                                                  "value": "Europe/Stockholm",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Vienna (10:00 AM)",
+                                                                  "value": "Europe/Vienna",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Cairo (10:00 AM)",
+                                                                  "value": "Africa/Cairo",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Harare (10:00 AM)",
+                                                                  "value": "Africa/Harare",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Pretoria (10:00 AM)",
+                                                                  "value": "Africa/Johannesburg",
+                                                                },
+                                                                Object {
+                                                                  "index": 220,
+                                                                  "label": "Kaliningrad (10:00 AM)",
+                                                                  "value": "Europe/Kaliningrad",
+                                                                },
+                                                                Object {
+                                                                  "index": 250,
+                                                                  "label": "Newfoundland (5:30 AM)",
+                                                                  "value": "America/St_Johns",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Atlantic Time (Canada) (5:00 AM)",
+                                                                  "value": "America/Halifax",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Brasilia (5:00 AM)",
+                                                                  "value": "America/Sao_Paulo",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Buenos Aires (5:00 AM)",
+                                                                  "value": "America/Argentina/Buenos_Aires",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Montevideo (5:00 AM)",
+                                                                  "value": "America/Montevideo",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Bucharest (11:00 AM)",
+                                                                  "value": "Europe/Bucharest",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Helsinki (11:00 AM)",
+                                                                  "value": "Europe/Helsinki",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Kyiv (11:00 AM)",
+                                                                  "value": "Europe/Kiev",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Riga (11:00 AM)",
+                                                                  "value": "Europe/Riga",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Sofia (11:00 AM)",
+                                                                  "value": "Europe/Sofia",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Tallinn (11:00 AM)",
+                                                                  "value": "Europe/Tallinn",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Vilnius (11:00 AM)",
+                                                                  "value": "Europe/Vilnius",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Athens (11:00 AM)",
+                                                                  "value": "Europe/Athens",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Istanbul (11:00 AM)",
+                                                                  "value": "Europe/Istanbul",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Minsk (11:00 AM)",
+                                                                  "value": "Europe/Minsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Jerusalem (11:00 AM)",
+                                                                  "value": "Asia/Jerusalem",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Moscow (11:00 AM)",
+                                                                  "value": "Europe/Moscow",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "St. Petersburg (11:00 AM)",
+                                                                  "value": "Europe/Moscow",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Kuwait (11:00 AM)",
+                                                                  "value": "Asia/Kuwait",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Riyadh (11:00 AM)",
+                                                                  "value": "Asia/Riyadh",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Nairobi (11:00 AM)",
+                                                                  "value": "Africa/Nairobi",
+                                                                },
+                                                                Object {
+                                                                  "index": 280,
+                                                                  "label": "Baghdad (11:00 AM)",
+                                                                  "value": "Asia/Baghdad",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Caracas (4:00 AM)",
+                                                                  "value": "America/Caracas",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "La Paz (4:00 AM)",
+                                                                  "value": "America/La_Paz",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Santiago (4:00 AM)",
+                                                                  "value": "America/Santiago",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Georgetown (4:00 AM)",
+                                                                  "value": "America/Guyana",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Volgograd (12:00 PM)",
+                                                                  "value": "Europe/Volgograd",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Samara (12:00 PM)",
+                                                                  "value": "Europe/Samara",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Abu Dhabi (12:00 PM)",
+                                                                  "value": "Asia/Muscat",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Muscat (12:00 PM)",
+                                                                  "value": "Asia/Muscat",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Baku (12:00 PM)",
+                                                                  "value": "Asia/Baku",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Tbilisi (12:00 PM)",
+                                                                  "value": "Asia/Tbilisi",
+                                                                },
+                                                                Object {
+                                                                  "index": 340,
+                                                                  "label": "Yerevan (12:00 PM)",
+                                                                  "value": "Asia/Yerevan",
+                                                                },
+                                                                Object {
+                                                                  "index": 370,
+                                                                  "label": "Tehran (12:30 PM)",
+                                                                  "value": "Asia/Tehran",
+                                                                },
+                                                                Object {
+                                                                  "index": 370,
+                                                                  "label": "Kabul (12:30 PM)",
+                                                                  "value": "Asia/Kabul",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Guadalajara (3:00 AM)",
+                                                                  "value": "America/Mexico_City",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Mexico City (3:00 AM)",
+                                                                  "value": "America/Mexico_City",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Monterrey (3:00 AM)",
+                                                                  "value": "America/Monterrey",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Bogota (3:00 AM)",
+                                                                  "value": "America/Bogota",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Lima (3:00 AM)",
+                                                                  "value": "America/Lima",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Quito (3:00 AM)",
+                                                                  "value": "America/Lima",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Ekaterinburg (1:00 PM)",
+                                                                  "value": "Asia/Yekaterinburg",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Islamabad (1:00 PM)",
+                                                                  "value": "Asia/Karachi",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Karachi (1:00 PM)",
+                                                                  "value": "Asia/Karachi",
+                                                                },
+                                                                Object {
+                                                                  "index": 400,
+                                                                  "label": "Tashkent (1:00 PM)",
+                                                                  "value": "Asia/Tashkent",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "Chennai (1:30 PM)",
+                                                                  "value": "Asia/Kolkata",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "Kolkata (1:30 PM)",
+                                                                  "value": "Asia/Kolkata",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "Mumbai (1:30 PM)",
+                                                                  "value": "Asia/Kolkata",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "New Delhi (1:30 PM)",
+                                                                  "value": "Asia/Kolkata",
+                                                                },
+                                                                Object {
+                                                                  "index": 430,
+                                                                  "label": "Sri Jayawardenepura (1:30 PM)",
+                                                                  "value": "Asia/Colombo",
+                                                                },
+                                                                Object {
+                                                                  "index": 445,
+                                                                  "label": "Kathmandu (1:45 PM)",
+                                                                  "value": "Asia/Kathmandu",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Chihuahua (2:00 AM)",
+                                                                  "value": "America/Chihuahua",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Mazatlan (2:00 AM)",
+                                                                  "value": "America/Mazatlan",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Saskatchewan (2:00 AM)",
+                                                                  "value": "America/Regina",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Central America (2:00 AM)",
+                                                                  "value": "America/Guatemala",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Astana (2:00 PM)",
+                                                                  "value": "Asia/Dhaka",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Dhaka (2:00 PM)",
+                                                                  "value": "Asia/Dhaka",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Almaty (2:00 PM)",
+                                                                  "value": "Asia/Almaty",
+                                                                },
+                                                                Object {
+                                                                  "index": 460,
+                                                                  "label": "Urumqi (2:00 PM)",
+                                                                  "value": "Asia/Urumqi",
+                                                                },
+                                                                Object {
+                                                                  "index": 490,
+                                                                  "label": "Rangoon (2:30 PM)",
+                                                                  "value": "Asia/Rangoon",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Tijuana (1:00 AM)",
+                                                                  "value": "America/Tijuana",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Novosibirsk (3:00 PM)",
+                                                                  "value": "Asia/Novosibirsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Bangkok (3:00 PM)",
+                                                                  "value": "Asia/Bangkok",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Hanoi (3:00 PM)",
+                                                                  "value": "Asia/Bangkok",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Jakarta (3:00 PM)",
+                                                                  "value": "Asia/Jakarta",
+                                                                },
+                                                                Object {
+                                                                  "index": 520,
+                                                                  "label": "Krasnoyarsk (3:00 PM)",
+                                                                  "value": "Asia/Krasnoyarsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Beijing (4:00 PM)",
+                                                                  "value": "Asia/Shanghai",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Chongqing (4:00 PM)",
+                                                                  "value": "Asia/Chongqing",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Hong Kong (4:00 PM)",
+                                                                  "value": "Asia/Hong_Kong",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Kuala Lumpur (4:00 PM)",
+                                                                  "value": "Asia/Kuala_Lumpur",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Singapore (4:00 PM)",
+                                                                  "value": "Asia/Singapore",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Taipei (4:00 PM)",
+                                                                  "value": "Asia/Taipei",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Perth (4:00 PM)",
+                                                                  "value": "Australia/Perth",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Irkutsk (4:00 PM)",
+                                                                  "value": "Asia/Irkutsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 580,
+                                                                  "label": "Ulaanbaatar (4:00 PM)",
+                                                                  "value": "Asia/Ulaanbaatar",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Seoul (5:00 PM)",
+                                                                  "value": "Asia/Seoul",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Osaka (5:00 PM)",
+                                                                  "value": "Asia/Tokyo",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Sapporo (5:00 PM)",
+                                                                  "value": "Asia/Tokyo",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Tokyo (5:00 PM)",
+                                                                  "value": "Asia/Tokyo",
+                                                                },
+                                                                Object {
+                                                                  "index": 640,
+                                                                  "label": "Yakutsk (5:00 PM)",
+                                                                  "value": "Asia/Yakutsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 670,
+                                                                  "label": "Darwin (5:30 PM)",
+                                                                  "value": "Australia/Darwin",
+                                                                },
+                                                                Object {
+                                                                  "index": 670,
+                                                                  "label": "Adelaide (5:30 PM)",
+                                                                  "value": "Australia/Adelaide",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Canberra (6:00 PM)",
+                                                                  "value": "Australia/Melbourne",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Melbourne (6:00 PM)",
+                                                                  "value": "Australia/Melbourne",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Sydney (6:00 PM)",
+                                                                  "value": "Australia/Sydney",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Brisbane (6:00 PM)",
+                                                                  "value": "Australia/Brisbane",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Hobart (6:00 PM)",
+                                                                  "value": "Australia/Hobart",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Vladivostok (6:00 PM)",
+                                                                  "value": "Asia/Vladivostok",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Guam (6:00 PM)",
+                                                                  "value": "Pacific/Guam",
+                                                                },
+                                                                Object {
+                                                                  "index": 700,
+                                                                  "label": "Port Moresby (6:00 PM)",
+                                                                  "value": "Pacific/Port_Moresby",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "Midway Island (9:00 PM)",
+                                                                  "value": "Pacific/Midway",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "American Samoa (9:00 PM)",
+                                                                  "value": "Pacific/Pago_Pago",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "Magadan (7:00 PM)",
+                                                                  "value": "Asia/Magadan",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "Srednekolymsk (7:00 PM)",
+                                                                  "value": "Asia/Srednekolymsk",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "Solomon Is. (7:00 PM)",
+                                                                  "value": "Pacific/Guadalcanal",
+                                                                },
+                                                                Object {
+                                                                  "index": 760,
+                                                                  "label": "New Caledonia (7:00 PM)",
+                                                                  "value": "Pacific/Noumea",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "International Date Line West (8:00 PM)",
+                                                                  "value": "Etc/GMT+12",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Fiji (8:00 PM)",
+                                                                  "value": "Pacific/Fiji",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Kamchatka (8:00 PM)",
+                                                                  "value": "Asia/Kamchatka",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Marshall Is. (8:00 PM)",
+                                                                  "value": "Pacific/Majuro",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Auckland (8:00 PM)",
+                                                                  "value": "Pacific/Auckland",
+                                                                },
+                                                                Object {
+                                                                  "index": 820,
+                                                                  "label": "Wellington (8:00 PM)",
+                                                                  "value": "Pacific/Auckland",
+                                                                },
+                                                                Object {
+                                                                  "index": 865,
+                                                                  "label": "Chatham Is. (8:45 PM)",
+                                                                  "value": "Pacific/Chatham",
+                                                                },
+                                                                Object {
+                                                                  "index": 880,
+                                                                  "label": "Nuku'alofa (9:00 PM)",
+                                                                  "value": "Pacific/Tongatapu",
+                                                                },
+                                                                Object {
+                                                                  "index": 880,
+                                                                  "label": "Tokelau Is. (9:00 PM)",
+                                                                  "value": "Pacific/Fakaofo",
+                                                                },
+                                                                Object {
+                                                                  "index": 880,
+                                                                  "label": "Samoa (9:00 PM)",
+                                                                  "value": "Pacific/Apia",
+                                                                },
+                                                              ],
+                                                              "pageSize": 5,
+                                                              "placeholder": "Select a timezone",
+                                                              "screenReaderStatus": [Function],
+                                                              "searchable": undefined,
+                                                              "shouldKeyDownEventCreateNewOption": [Function],
+                                                              "styles": Object {
+                                                                "input": [Function],
                                                               },
-                                                            ],
-                                                            "pageSize": 5,
-                                                            "placeholder": "Select...",
-                                                            "screenReaderStatus": [Function],
-                                                            "searchable": undefined,
-                                                            "shouldKeyDownEventCreateNewOption": [Function],
-                                                            "styles": Object {
-                                                              "input": [Function],
-                                                            },
-                                                            "tabIndex": "0",
-                                                            "tabSelectsValue": true,
-                                                            "value": null,
-                                                          }
-                                                        }
-                                                        setValue={[Function]}
-                                                        theme={
-                                                          Object {
-                                                            "borderRadius": 4,
-                                                            "colors": Object {
-                                                              "danger": "#DE350B",
-                                                              "dangerLight": "#FFBDAD",
-                                                              "neutral0": "hsl(0, 0%, 100%)",
-                                                              "neutral10": "hsl(0, 0%, 90%)",
-                                                              "neutral20": "hsl(0, 0%, 80%)",
-                                                              "neutral30": "hsl(0, 0%, 70%)",
-                                                              "neutral40": "hsl(0, 0%, 60%)",
-                                                              "neutral5": "hsl(0, 0%, 95%)",
-                                                              "neutral50": "hsl(0, 0%, 50%)",
-                                                              "neutral60": "hsl(0, 0%, 40%)",
-                                                              "neutral70": "hsl(0, 0%, 30%)",
-                                                              "neutral80": "hsl(0, 0%, 20%)",
-                                                              "neutral90": "hsl(0, 0%, 10%)",
-                                                              "primary": "#2684FF",
-                                                              "primary25": "#DEEBFF",
-                                                              "primary50": "#B2D4FF",
-                                                              "primary75": "#4C9AFF",
-                                                            },
-                                                            "spacing": Object {
-                                                              "baseUnit": 4,
-                                                              "controlHeight": 38,
-                                                              "menuGutter": 8,
-                                                            },
-                                                          }
-                                                        }
-                                                      >
-                                                        <EmotionCssPropInternal
-                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="IndicatorSeparator"
-                                                          __EMOTION_TYPE_PLEASE_DO_NOT_USE__="span"
-                                                          className="cf-select__indicator-separator"
-                                                          css={
-                                                            Object {
-                                                              "alignSelf": "stretch",
-                                                              "backgroundColor": "hsl(0, 0%, 80%)",
-                                                              "boxSizing": "border-box",
-                                                              "label": "indicatorSeparator",
-                                                              "marginBottom": 8,
-                                                              "marginTop": 8,
-                                                              "width": 1,
+                                                              "tabIndex": "0",
+                                                              "tabSelectsValue": true,
+                                                              "value": null,
                                                             }
                                                           }
-                                                        >
-                                                          <span
-                                                            className="cf-select__indicator-separator css-1okebmr-indicatorSeparator"
-                                                          />
-                                                        </EmotionCssPropInternal>
-                                                      </IndicatorSeparator>
-                                                      <DropdownIndicator
-                                                        clearValue={[Function]}
-                                                        cx={[Function]}
-                                                        getStyles={[Function]}
-                                                        getValue={[Function]}
-                                                        hasValue={false}
-                                                        innerProps={
-                                                          Object {
-                                                            "aria-hidden": "true",
-                                                            "onMouseDown": [Function],
-                                                            "onTouchEnd": [Function],
-                                                          }
-                                                        }
-                                                        isDisabled={false}
-                                                        isFocused={false}
-                                                        isMulti={false}
-                                                        isRtl={false}
-                                                        options={
-                                                          Array [
-                                                            Object {
-                                                              "label": "No audio",
-                                                              "value": "No audio",
-                                                            },
-                                                            Object {
-                                                              "label": "Poor Audio Quality",
-                                                              "value": "Poor Audio Quality",
-                                                            },
-                                                            Object {
-                                                              "label": "Incomplete Hearing",
-                                                              "value": "Incomplete Hearing",
-                                                            },
-                                                            Object {
-                                                              "label": "Other (see notes)",
-                                                              "value": "Other (see notes)",
-                                                            },
+                                                          setValue={[Function]}
+                                                          theme={
                                                             Object {
-                                                              "label": "None",
-                                                              "value": null,
-                                                            },
-                                                          ]
-                                                        }
-                                                        selectOption={[Function]}
-                                                        selectProps={
-                                                          Object {
-                                                            "backspaceRemovesValue": true,
-                                                            "blurInputOnSelect": true,
-                                                            "cache": false,
-                                                            "captureMenuScroll": false,
-                                                            "classNamePrefix": "cf-select",
-                                                            "closeMenuOnScroll": false,
-                                                            "closeMenuOnSelect": true,
-                                                            "components": Object {
-                                                              "Input": [Function],
-                                                              "MenuList": [Function],
-                                                              "Option": [Function],
-                                                            },
-                                                            "controlShouldRenderValue": true,
-                                                            "defaultOptions": undefined,
-                                                            "escapeClearsValue": false,
-                                                            "filterOption": [Function],
-                                                            "formatGroupLabel": [Function],
-                                                            "getOptionLabel": [Function],
-                                                            "getOptionValue": [Function],
-                                                            "inputId": "problem-type",
-                                                            "inputValue": "",
-                                                            "isClearable": undefined,
-                                                            "isDisabled": false,
-                                                            "isLoading": false,
-                                                            "isMulti": false,
-                                                            "isOptionDisabled": [Function],
-                                                            "isRtl": false,
-                                                            "isSearchable": true,
-                                                            "loadOptions": undefined,
-                                                            "loadingMessage": [Function],
-                                                            "maxMenuHeight": 300,
-                                                            "menuIsOpen": false,
-                                                            "menuPlacement": "bottom",
-                                                            "menuPosition": "absolute",
-                                                            "menuShouldBlockScroll": false,
-                                                            "menuShouldScrollIntoView": true,
-                                                            "minMenuHeight": 140,
-                                                            "name": "problemType",
-                                                            "noOptionsMessage": [Function],
-                                                            "onBlurResetsInput": false,
-                                                            "onChange": [Function],
-                                                            "onInputChange": [Function],
-                                                            "onMenuClose": [Function],
-                                                            "onMenuOpen": [Function],
-                                                            "openMenuOnClick": true,
-                                                            "openMenuOnFocus": false,
-                                                            "options": Array [
-                                                              Object {
-                                                                "label": "No audio",
-                                                                "value": "No audio",
-                                                              },
-                                                              Object {
-                                                                "label": "Poor Audio Quality",
-                                                                "value": "Poor Audio Quality",
-                                                              },
-                                                              Object {
-                                                                "label": "Incomplete Hearing",
-                                                                "value": "Incomplete Hearing",
-                                                              },
-                                                              Object {
-                                                                "label": "Other (see notes)",
-                                                                "value": "Other (see notes)",
-                                                              },
-                                                              Object {
-                                                                "label": "None",
-                                                                "value": null,
+                                                              "borderRadius": 4,
+                                                              "colors": Object {
+                                                                "danger": "#DE350B",
+                                                                "dangerLight": "#FFBDAD",
+                                                                "neutral0": "hsl(0, 0%, 100%)",
+                                                                "neutral10": "hsl(0, 0%, 90%)",
+                                                                "neutral20": "hsl(0, 0%, 80%)",
+                                                                "neutral30": "hsl(0, 0%, 70%)",
+                                                                "neutral40": "hsl(0, 0%, 60%)",
+                                                                "neutral5": "hsl(0, 0%, 95%)",
+                                                                "neutral50": "hsl(0, 0%, 50%)",
+                                                                "neutral60": "hsl(0, 0%, 40%)",
+                                                                "neutral70": "hsl(0, 0%, 30%)",
+                                                                "neutral80": "hsl(0, 0%, 20%)",
+                                                                "neutral90": "hsl(0, 0%, 10%)",
+                                                                "primary": "#2684FF",
+                                                                "primary25": "#DEEBFF",
+                                                                "primary50": "#B2D4FF",
+                                                                "primary75": "#4C9AFF",
                                                               },
-                                                            ],
-                                                            "pageSize": 5,
-                                                            "placeholder": "Select...",
-                                                            "screenReaderStatus": [Function],
-                                                            "searchable": undefined,
-                                                            "shouldKeyDownEventCreateNewOption": [Function],
-                                                            "styles": Object {
-                                                              "input": [Function],
-                                                            },
-                                                            "tabIndex": "0",
-                                                            "tabSelectsValue": true,
-                                                            "value": null,
-                                                          }
-                                                        }
-                                                        setValue={[Function]}
-                                                        theme={
-                                                          Object {
-                                                            "borderRadius": 4,
-                                                            "colors": Object {
-                                                              "danger": "#DE350B",
-                                                              "dangerLight": "#FFBDAD",
-                                                              "neutral0": "hsl(0, 0%, 100%)",
-                                                              "neutral10": "hsl(0, 0%, 90%)",
-                                                              "neutral20": "hsl(0, 0%, 80%)",
-                                                              "neutral30": "hsl(0, 0%, 70%)",
-                                                              "neutral40": "hsl(0, 0%, 60%)",
-                                                              "neutral5": "hsl(0, 0%, 95%)",
-                                                              "neutral50": "hsl(0, 0%, 50%)",
-                                                              "neutral60": "hsl(0, 0%, 40%)",
-                                                              "neutral70": "hsl(0, 0%, 30%)",
-                                                              "neutral80": "hsl(0, 0%, 20%)",
-                                                              "neutral90": "hsl(0, 0%, 10%)",
-                                                              "primary": "#2684FF",
-                                                              "primary25": "#DEEBFF",
-                                                              "primary50": "#B2D4FF",
-                                                              "primary75": "#4C9AFF",
-                                                            },
-                                                            "spacing": Object {
-                                                              "baseUnit": 4,
-                                                              "controlHeight": 38,
-                                                              "menuGutter": 8,
-                                                            },
-                                                          }
-                                                        }
-                                                      >
-                                                        <EmotionCssPropInternal
-                                                          __EMOTION_LABEL_PLEASE_DO_NOT_USE__="DropdownIndicator"
-                                                          __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
-                                                          aria-hidden="true"
-                                                          className="cf-select__indicator cf-select__dropdown-indicator"
-                                                          css={
-                                                            Object {
-                                                              ":hover": Object {
-                                                                "color": "hsl(0, 0%, 60%)",
+                                                              "spacing": Object {
+                                                                "baseUnit": 4,
+                                                                "controlHeight": 38,
+                                                                "menuGutter": 8,
                                                               },
-                                                              "boxSizing": "border-box",
-                                                              "color": "hsl(0, 0%, 80%)",
-                                                              "display": "flex",
-                                                              "label": "indicatorContainer",
-                                                              "padding": 8,
-                                                              "transition": "color 150ms",
                                                             }
                                                           }
-                                                          onMouseDown={[Function]}
-                                                          onTouchEnd={[Function]}
                                                         >
-                                                          <div
+                                                          <EmotionCssPropInternal
+                                                            __EMOTION_LABEL_PLEASE_DO_NOT_USE__="DropdownIndicator"
+                                                            __EMOTION_TYPE_PLEASE_DO_NOT_USE__="div"
                                                             aria-hidden="true"
-                                                            className="cf-select__indicator cf-select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                                            className="cf-select__indicator cf-select__dropdown-indicator"
+                                                            css={
+                                                              Object {
+                                                                ":hover": Object {
+                                                                  "color": "hsl(0, 0%, 60%)",
+                                                                },
+                                                                "boxSizing": "border-box",
+                                                                "color": "hsl(0, 0%, 80%)",
+                                                                "display": "flex",
+                                                                "label": "indicatorContainer",
+                                                                "padding": 8,
+                                                                "transition": "color 150ms",
+                                                              }
+                                                            }
                                                             onMouseDown={[Function]}
                                                             onTouchEnd={[Function]}
                                                           >
-                                                            <DownChevron>
-                                                              <Svg
-                                                                size={20}
-                                                              >
-                                                                <EmotionCssPropInternal
-                                                                  __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Svg"
-                                                                  __EMOTION_TYPE_PLEASE_DO_NOT_USE__="svg"
-                                                                  aria-hidden="true"
-                                                                  css={
-                                                                    Object {
-                                                                      "map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JJIiwiZmlsZSI6ImluZGljYXRvcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyB0eXBlIE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IENvbW1vblByb3BzLCBUaGVtZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBEcm9wZG93biAmIENsZWFyIEljb25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgU3ZnID0gKHsgc2l6ZSwgLi4ucHJvcHMgfTogeyBzaXplOiBudW1iZXIgfSkgPT4gKFxuICA8c3ZnXG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHdpZHRoPXtzaXplfVxuICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBmaWxsOiAnY3VycmVudENvbG9yJyxcbiAgICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICAgICAgc3Ryb2tlV2lkdGg6IDAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBhbnkpID0+IChcbiAgPFN2ZyBzaXplPXsyMH0gey4uLnByb3BzfT5cbiAgICA8cGF0aCBkPVwiTTE0LjM0OCAxNC44NDljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDBsLTIuNjUxLTMuMDMwLTIuNjUxIDMuMDI5Yy0wLjQ2OSAwLjQ2OS0xLjIyOSAwLjQ2OS0xLjY5NyAwLTAuNDY5LTAuNDY5LTAuNDY5LTEuMjI5IDAtMS42OTdsMi43NTgtMy4xNS0yLjc1OS0zLjE1MmMtMC40NjktMC40NjktMC40NjktMS4yMjggMC0xLjY5N3MxLjIyOC0wLjQ2OSAxLjY5NyAwbDIuNjUyIDMuMDMxIDIuNjUxLTMuMDMxYzAuNDY5LTAuNDY5IDEuMjI4LTAuNDY5IDEuNjk3IDBzMC40NjkgMS4yMjkgMCAxLjY5N2wtMi43NTggMy4xNTIgMi43NTggMy4xNWMwLjQ2OSAwLjQ2OSAwLjQ2OSAxLjIyOSAwIDEuNjk4elwiIC8+XG4gIDwvU3ZnPlxuKTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogYW55KSA9PiAoXG4gIDxTdmcgc2l6ZT17MjB9IHsuLi5wcm9wc30+XG4gICAgPHBhdGggZD1cIk00LjUxNiA3LjU0OGMwLjQzNi0wLjQ0NiAxLjA0My0wLjQ4MSAxLjU3NiAwbDMuOTA4IDMuNzQ3IDMuOTA4LTMuNzQ3YzAuNTMzLTAuNDgxIDEuMTQxLTAuNDQ2IDEuNTc0IDAgMC40MzYgMC40NDUgMC40MDggMS4xOTcgMCAxLjYxNS0wLjQwNiAwLjQxOC00LjY5NSA0LjUwMi00LjY5NSA0LjUwMi0wLjIxNyAwLjIyMy0wLjUwMiAwLjMzNS0wLjc4NyAwLjMzNXMtMC41Ny0wLjExMi0wLjc4OS0wLjMzNWMwIDAtNC4yODctNC4wODQtNC42OTUtNC41MDJzLTAuNDM2LTEuMTcgMC0xLjYxNXpcIiAvPlxuICA8L1N2Zz5cbik7XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRHJvcGRvd24gJiBDbGVhciBCdXR0b25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IHR5cGUgSW5kaWNhdG9yUHJvcHMgPSBDb21tb25Qcm9wcyAmIHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW46IE5vZGUsXG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufTtcblxuY29uc3QgYmFzZUNTUyA9ICh7XG4gIGlzRm9jdXNlZCxcbiAgdGhlbWU6IHtcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgY29sb3JzLFxuICB9LFxufTogSW5kaWNhdG9yUHJvcHMpID0+ICh7XG4gIGxhYmVsOiAnaW5kaWNhdG9yQ29udGFpbmVyJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcblxuICAnOmhvdmVyJzoge1xuICAgIGNvbG9yOiBpc0ZvY3VzZWQgPyBjb2xvcnMubmV1dHJhbDgwIDogY29sb3JzLm5ldXRyYWw0MCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2Ryb3Bkb3duSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnZHJvcGRvd24taW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2NsZWFySW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnY2xlYXItaW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG50eXBlIFNlcGFyYXRvclN0YXRlID0geyBpc0Rpc2FibGVkOiBib29sZWFuIH07XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBDb21tb25Qcm9wcyAmIFNlcGFyYXRvclN0YXRlKSA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gKHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiB7XG4gIGlzRm9jdXNlZDogYm9vbGVhbixcbiAgc2l6ZTogbnVtYmVyLFxuICB0aGVtZTogVGhlbWUsXG59KSA9PiAoe1xuICBsYWJlbDogJ2xvYWRpbmdJbmRpY2F0b3InLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuICBhbGlnblNlbGY6ICdjZW50ZXInLFxuICBmb250U2l6ZTogc2l6ZSxcbiAgbGluZUhlaWdodDogMSxcbiAgbWFyZ2luUmlnaHQ6IHNpemUsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxufSk7XG5cbnR5cGUgRG90UHJvcHMgPSB7IGRlbGF5OiBudW1iZXIsIG9mZnNldDogYm9vbGVhbiB9O1xuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogRG90UHJvcHMpID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGFuaW1hdGlvbjogYCR7bG9hZGluZ0RvdEFuaW1hdGlvbnN9IDFzIGVhc2UtaW4tb3V0ICR7ZGVsYXl9bXMgaW5maW5pdGU7YCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBib3JkZXJSYWRpdXM6ICcxZW0nLFxuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBtYXJnaW5MZWZ0OiBvZmZzZXQgPyAnMWVtJyA6IG51bGwsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdJY29uUHJvcHMgPSB7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufSAmIENvbW1vblByb3BzICYge1xuICAgIC8qKiBTZXQgc2l6ZSBvZiB0aGUgY29udGFpbmVyLiAqL1xuICAgIHNpemU6IG51bWJlcixcbiAgfTtcbmV4cG9ydCBjb25zdCBMb2FkaW5nSW5kaWNhdG9yID0gKHByb3BzOiBMb2FkaW5nSWNvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzLCBpc1J0bCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdsb2FkaW5nSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnbG9hZGluZy1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezB9IG9mZnNldD17aXNSdGx9IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MTYwfSBvZmZzZXQgLz5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXszMjB9IG9mZnNldD17IWlzUnRsfSAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbkxvYWRpbmdJbmRpY2F0b3IuZGVmYXVsdFByb3BzID0geyBzaXplOiA0IH07XG4iXX0= */",
-                                                                      "name": "19bqh2r",
-                                                                      "styles": "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;",
-                                                                      "toString": [Function],
-                                                                    }
-                                                                  }
-                                                                  focusable="false"
-                                                                  height={20}
-                                                                  viewBox="0 0 20 20"
-                                                                  width={20}
+                                                            <div
+                                                              aria-hidden="true"
+                                                              className="cf-select__indicator cf-select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                                              onMouseDown={[Function]}
+                                                              onTouchEnd={[Function]}
+                                                            >
+                                                              <DownChevron>
+                                                                <Svg
+                                                                  size={20}
                                                                 >
-                                                                  <svg
+                                                                  <EmotionCssPropInternal
+                                                                    __EMOTION_LABEL_PLEASE_DO_NOT_USE__="Svg"
+                                                                    __EMOTION_TYPE_PLEASE_DO_NOT_USE__="svg"
                                                                     aria-hidden="true"
-                                                                    className="css-6q0nyr-Svg"
+                                                                    css={
+                                                                      Object {
+                                                                        "map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JJIiwiZmlsZSI6ImluZGljYXRvcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyB0eXBlIE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IENvbW1vblByb3BzLCBUaGVtZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBEcm9wZG93biAmIENsZWFyIEljb25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgU3ZnID0gKHsgc2l6ZSwgLi4ucHJvcHMgfTogeyBzaXplOiBudW1iZXIgfSkgPT4gKFxuICA8c3ZnXG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHdpZHRoPXtzaXplfVxuICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBmaWxsOiAnY3VycmVudENvbG9yJyxcbiAgICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICAgICAgc3Ryb2tlV2lkdGg6IDAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBhbnkpID0+IChcbiAgPFN2ZyBzaXplPXsyMH0gey4uLnByb3BzfT5cbiAgICA8cGF0aCBkPVwiTTE0LjM0OCAxNC44NDljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDBsLTIuNjUxLTMuMDMwLTIuNjUxIDMuMDI5Yy0wLjQ2OSAwLjQ2OS0xLjIyOSAwLjQ2OS0xLjY5NyAwLTAuNDY5LTAuNDY5LTAuNDY5LTEuMjI5IDAtMS42OTdsMi43NTgtMy4xNS0yLjc1OS0zLjE1MmMtMC40NjktMC40NjktMC40NjktMS4yMjggMC0xLjY5N3MxLjIyOC0wLjQ2OSAxLjY5NyAwbDIuNjUyIDMuMDMxIDIuNjUxLTMuMDMxYzAuNDY5LTAuNDY5IDEuMjI4LTAuNDY5IDEuNjk3IDBzMC40NjkgMS4yMjkgMCAxLjY5N2wtMi43NTggMy4xNTIgMi43NTggMy4xNWMwLjQ2OSAwLjQ2OSAwLjQ2OSAxLjIyOSAwIDEuNjk4elwiIC8+XG4gIDwvU3ZnPlxuKTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogYW55KSA9PiAoXG4gIDxTdmcgc2l6ZT17MjB9IHsuLi5wcm9wc30+XG4gICAgPHBhdGggZD1cIk00LjUxNiA3LjU0OGMwLjQzNi0wLjQ0NiAxLjA0My0wLjQ4MSAxLjU3NiAwbDMuOTA4IDMuNzQ3IDMuOTA4LTMuNzQ3YzAuNTMzLTAuNDgxIDEuMTQxLTAuNDQ2IDEuNTc0IDAgMC40MzYgMC40NDUgMC40MDggMS4xOTcgMCAxLjYxNS0wLjQwNiAwLjQxOC00LjY5NSA0LjUwMi00LjY5NSA0LjUwMi0wLjIxNyAwLjIyMy0wLjUwMiAwLjMzNS0wLjc4NyAwLjMzNXMtMC41Ny0wLjExMi0wLjc4OS0wLjMzNWMwIDAtNC4yODctNC4wODQtNC42OTUtNC41MDJzLTAuNDM2LTEuMTcgMC0xLjYxNXpcIiAvPlxuICA8L1N2Zz5cbik7XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRHJvcGRvd24gJiBDbGVhciBCdXR0b25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IHR5cGUgSW5kaWNhdG9yUHJvcHMgPSBDb21tb25Qcm9wcyAmIHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW46IE5vZGUsXG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufTtcblxuY29uc3QgYmFzZUNTUyA9ICh7XG4gIGlzRm9jdXNlZCxcbiAgdGhlbWU6IHtcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgY29sb3JzLFxuICB9LFxufTogSW5kaWNhdG9yUHJvcHMpID0+ICh7XG4gIGxhYmVsOiAnaW5kaWNhdG9yQ29udGFpbmVyJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcblxuICAnOmhvdmVyJzoge1xuICAgIGNvbG9yOiBpc0ZvY3VzZWQgPyBjb2xvcnMubmV1dHJhbDgwIDogY29sb3JzLm5ldXRyYWw0MCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2Ryb3Bkb3duSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnZHJvcGRvd24taW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2NsZWFySW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnY2xlYXItaW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG50eXBlIFNlcGFyYXRvclN0YXRlID0geyBpc0Rpc2FibGVkOiBib29sZWFuIH07XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBDb21tb25Qcm9wcyAmIFNlcGFyYXRvclN0YXRlKSA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gKHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiB7XG4gIGlzRm9jdXNlZDogYm9vbGVhbixcbiAgc2l6ZTogbnVtYmVyLFxuICB0aGVtZTogVGhlbWUsXG59KSA9PiAoe1xuICBsYWJlbDogJ2xvYWRpbmdJbmRpY2F0b3InLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuICBhbGlnblNlbGY6ICdjZW50ZXInLFxuICBmb250U2l6ZTogc2l6ZSxcbiAgbGluZUhlaWdodDogMSxcbiAgbWFyZ2luUmlnaHQ6IHNpemUsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxufSk7XG5cbnR5cGUgRG90UHJvcHMgPSB7IGRlbGF5OiBudW1iZXIsIG9mZnNldDogYm9vbGVhbiB9O1xuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogRG90UHJvcHMpID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGFuaW1hdGlvbjogYCR7bG9hZGluZ0RvdEFuaW1hdGlvbnN9IDFzIGVhc2UtaW4tb3V0ICR7ZGVsYXl9bXMgaW5maW5pdGU7YCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBib3JkZXJSYWRpdXM6ICcxZW0nLFxuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBtYXJnaW5MZWZ0OiBvZmZzZXQgPyAnMWVtJyA6IG51bGwsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdJY29uUHJvcHMgPSB7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufSAmIENvbW1vblByb3BzICYge1xuICAgIC8qKiBTZXQgc2l6ZSBvZiB0aGUgY29udGFpbmVyLiAqL1xuICAgIHNpemU6IG51bWJlcixcbiAgfTtcbmV4cG9ydCBjb25zdCBMb2FkaW5nSW5kaWNhdG9yID0gKHByb3BzOiBMb2FkaW5nSWNvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzLCBpc1J0bCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdsb2FkaW5nSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnbG9hZGluZy1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezB9IG9mZnNldD17aXNSdGx9IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MTYwfSBvZmZzZXQgLz5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXszMjB9IG9mZnNldD17IWlzUnRsfSAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbkxvYWRpbmdJbmRpY2F0b3IuZGVmYXVsdFByb3BzID0geyBzaXplOiA0IH07XG4iXX0= */",
+                                                                        "name": "19bqh2r",
+                                                                        "styles": "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;",
+                                                                        "toString": [Function],
+                                                                      }
+                                                                    }
                                                                     focusable="false"
                                                                     height={20}
                                                                     viewBox="0 0 20 20"
                                                                     width={20}
                                                                   >
-                                                                    <path
-                                                                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                                                                    />
-                                                                  </svg>
-                                                                </EmotionCssPropInternal>
-                                                              </Svg>
-                                                            </DownChevron>
-                                                          </div>
-                                                        </EmotionCssPropInternal>
-                                                      </DropdownIndicator>
-                                                    </div>
-                                                  </EmotionCssPropInternal>
-                                                </IndicatorsContainer>
-                                              </div>
-                                            </EmotionCssPropInternal>
-                                          </Control>
-                                          <input
-                                            name="problemType"
-                                            type="hidden"
-                                            value=""
-                                          />
-                                        </div>
-                                      </EmotionCssPropInternal>
-                                    </SelectContainer>
-                                  </Select>
-                                </StateManager>
-                              </div>
-                            </div>
-                          </div>
-                        </SearchableDropdown>
-                        <DateSelector
-                          label="Problem Notice Sent"
-                          name="problemNoticeSentDate"
-                          onChange={[Function]}
-                          readOnly={true}
-                          strongLabel={true}
-                          type="date"
-                        >
-                          <TextField
-                            className={
-                              Array [
-                                "cf-form-textinput",
-                              ]
-                            }
-                            label="Problem Notice Sent"
-                            max="9999-12-31"
-                            name="problemNoticeSentDate"
-                            onChange={[Function]}
-                            optional={false}
-                            placeholder="mm/dd/yyyy"
-                            readOnly={true}
-                            required={false}
-                            strongLabel={true}
-                            type="date"
-                            useAriaLabel={false}
-                            validationError={null}
-                          >
-                            <div
-                              className="cf-form-textinput   "
-                            >
-                              <label
-                                htmlFor="problemNoticeSentDate"
-                              >
-                                <strong>
-                                  <FormLabel
-                                    label="Problem Notice Sent"
-                                    name="problemNoticeSentDate"
-                                    optional={false}
-                                    required={false}
-                                  >
-                                    <span>
-                                      Problem Notice Sent
-                                    </span>
-                                  </FormLabel>
-                                </strong>
-                              </label>
-                              <div
-                                className="input-container"
-                              >
-                                <input
-                                  aria-readonly={true}
-                                  className={
-                                    Array [
-                                      "cf-form-textinput",
-                                    ]
-                                  }
-                                  id="problemNoticeSentDate"
-                                  max="9999-12-31"
-                                  name="problemNoticeSentDate"
-                                  onBlur={[Function]}
-                                  onChange={[Function]}
-                                  placeholder="mm/dd/yyyy"
-                                  readOnly={true}
-                                  type="date"
-                                />
+                                                                    <svg
+                                                                      aria-hidden="true"
+                                                                      className="css-6q0nyr-Svg"
+                                                                      focusable="false"
+                                                                      height={20}
+                                                                      viewBox="0 0 20 20"
+                                                                      width={20}
+                                                                    >
+                                                                      <path
+                                                                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                                                      />
+                                                                    </svg>
+                                                                  </EmotionCssPropInternal>
+                                                                </Svg>
+                                                              </DownChevron>
+                                                            </div>
+                                                          </EmotionCssPropInternal>
+                                                        </DropdownIndicator>
+                                                      </div>
+                                                    </EmotionCssPropInternal>
+                                                  </IndicatorsContainer>
+                                                </div>
+                                              </EmotionCssPropInternal>
+                                            </Control>
+                                            <input
+                                              name="representativeTz"
+                                              type="hidden"
+                                              value=""
+                                            />
+                                          </div>
+                                        </EmotionCssPropInternal>
+                                      </SelectContainer>
+                                    </Select>
+                                  </StateManager>
+                                </div>
                               </div>
                             </div>
-                          </TextField>
-                        </DateSelector>
-                        <RadioField
-                          className={
-                            Array [
-                              "usa-fieldset-inputs",
-                            ]
-                          }
-                          label="Requested Remedy"
-                          name="requestedRemedy"
-                          onChange={[Function]}
-                          options={
-                            Array [
-                              Object {
-                                "disabled": true,
-                                "displayText": "Proceed without transcript",
-                                "value": "Proceed without transcript",
-                              },
-                              Object {
-                                "disabled": true,
-                                "displayText": "Proceed with partial transcript",
-                                "value": "Proceed with partial transcript",
-                              },
-                              Object {
-                                "disabled": true,
-                                "displayText": "New hearing",
-                                "value": "New hearing",
-                              },
-                              Object {
-                                "disabled": true,
-                                "displayText": "None",
-                                "value": "",
-                              },
-                            ]
-                          }
-                          required={false}
-                          strongLabel={true}
-                          value=""
+                          </SearchableDropdown>
+                        </Timezone>
+                        <HelperText
+                          label="The hearing time in email notifications is calculated based on the timezone."
                         >
-                          <fieldset
-                            className="usa-fieldset-inputs cf-form-radio "
+                          <div
+                            className="helper-text"
                           >
-                            <legend
-                              className=""
-                            >
-                              <strong>
-                                <span>
-                                  Requested Remedy
-                                   
-                                </span>
-                              </strong>
-                            </legend>
-                            <div
-                              className="cf-form-radio-options"
-                            >
-                              <div
-                                className="cf-form-radio-option"
-                                key="requestedRemedy-Proceed without transcript-0"
-                              >
-                                <input
-                                  checked={false}
-                                  disabled={true}
-                                  id="requestedRemedy_Proceed without transcript"
-                                  name="requestedRemedy"
-                                  onChange={[Function]}
-                                  type="radio"
-                                  value="Proceed without transcript"
-                                />
-                                <label
-                                  className="disabled"
-                                  htmlFor="requestedRemedy_Proceed without transcript"
-                                >
-                                  Proceed without transcript
-                                </label>
-                              </div>
-                              <div
-                                className="cf-form-radio-option"
-                                key="requestedRemedy-Proceed with partial transcript-1"
-                              >
-                                <input
-                                  checked={false}
-                                  disabled={true}
-                                  id="requestedRemedy_Proceed with partial transcript"
-                                  name="requestedRemedy"
-                                  onChange={[Function]}
-                                  type="radio"
-                                  value="Proceed with partial transcript"
-                                />
-                                <label
-                                  className="disabled"
-                                  htmlFor="requestedRemedy_Proceed with partial transcript"
-                                >
-                                  Proceed with partial transcript
-                                </label>
-                              </div>
-                              <div
-                                className="cf-form-radio-option"
-                                key="requestedRemedy-New hearing-2"
-                              >
-                                <input
-                                  checked={false}
-                                  disabled={true}
-                                  id="requestedRemedy_New hearing"
-                                  name="requestedRemedy"
-                                  onChange={[Function]}
-                                  type="radio"
-                                  value="New hearing"
-                                />
-                                <label
-                                  className="disabled"
-                                  htmlFor="requestedRemedy_New hearing"
-                                >
-                                  New hearing
-                                </label>
-                              </div>
-                              <div
-                                className="cf-form-radio-option"
-                                key="requestedRemedy--3"
-                              >
-                                <input
-                                  checked={true}
-                                  disabled={true}
-                                  id="requestedRemedy_"
-                                  name="requestedRemedy"
-                                  onChange={[Function]}
-                                  type="radio"
-                                  value=""
-                                />
-                                <label
-                                  className="disabled"
-                                  htmlFor="requestedRemedy_"
-                                >
-                                  None
-                                </label>
-                              </div>
-                            </div>
-                          </fieldset>
-                        </RadioField>
+                            The hearing time in email notifications is calculated based on the timezone.
+                          </div>
+                        </HelperText>
                       </div>
-                    </TranscriptionProblemInputs>
-                    <div
-                      className="cf-help-divider"
-                    />
-                    <h3>
-                      Transcription Request
-                    </h3>
-                    <TranscriptionRequestInputs
-                      hearing={
-                        Object {
-                          "advanceOnDocketMotion": null,
-                          "aod": false,
-                          "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
-                          "appealId": 613,
-                          "appellantAddressLine1": "9999 MISSION ST",
-                          "appellantCity": "SAN FRANCISCO",
-                          "appellantEmailAddress": "tom.brady@caseflow.gov",
-                          "appellantFirstName": "Tom",
-                          "appellantIsNotVeteran": false,
-                          "appellantLastName": "Brady",
-                          "appellantRelationship": "Spouse",
-                          "appellantState": "CA",
-                          "appellantTz": "America/Los_Angeles",
-                          "appellantZip": "94103",
-                          "availableHearingLocations": Object {},
-                          "bvaPoc": null,
-                          "caseType": "Original",
-                          "centralOfficeTimeString": "04:00",
-                          "claimantId": 604,
-                          "closestRegionalOffice": null,
-                          "currentIssueCount": 0,
-                          "disposition": null,
-                          "dispositionEditable": true,
-                          "docketName": "hearing",
-                          "docketNumber": "200624-614",
-                          "emailEvents": Array [],
-                          "evidenceWindowWaived": false,
-                          "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                          "hearingDayId": 11,
-                          "id": 10,
-                          "isVirtual": false,
-                          "judge": Object {
-                            "createdAt": "2020-06-25T11:00:43.257-04:00",
-                            "cssId": "BVAAABSHIRE",
-                            "displayName": "BVAAABSHIRE (VACO)",
-                            "efolderDocumentsFetchedAt": null,
-                            "email": null,
-                            "fullName": "Aaron Judge_HearingsAndCases Abshire",
-                            "id": 3,
-                            "lastLoginAt": null,
-                            "roles": Object {},
-                            "selectedRegionalOffice": null,
-                            "stationId": "101",
-                            "status": "active",
-                            "statusUpdatedAt": null,
-                            "updatedAt": "2020-06-25T11:00:43.257-04:00",
-                          },
-                          "judgeId": "3",
-                          "location": null,
-                          "militaryService": "",
-                          "notes": null,
-                          "paperCase": false,
-                          "poaName": "AMERICAN LEGION",
-                          "prepped": null,
-                          "readableLocation": null,
-                          "readableRequestType": "Video",
-                          "regionalOfficeKey": "RO17",
-                          "regionalOfficeName": "St. Petersburg regional office",
-                          "regionalOfficeTimezone": "America/New_York",
-                          "representative": "PARALYZED VETERANS OF AMERICA, INC.",
-                          "representativeAddress": Object {
-                            "addressLine1": "9999 MISSION ST",
-                            "city": "SAN FRANCISCO",
-                            "state": "CA",
-                            "zip": "94103",
-                          },
-                          "representativeEmailAddress": "tom.brady@caseflow.gov",
-                          "representativeName": null,
-                          "representativeTz": "America/Los_Angeles",
-                          "room": "1",
-                          "scheduledFor": "2020-07-06T06:00:00.000-04:00",
-                          "scheduledForIsPast": false,
-                          "scheduledTime": "2000-01-01T06:00:00.000-05:00",
-                          "scheduledTimeString": "06:00",
-                          "summary": null,
-                          "transcriptRequested": null,
-                          "transcriptSentDate": undefined,
-                          "transcription": Object {
-                            "expectedReturnDate": undefined,
-                            "problemNoticeSentDate": undefined,
-                            "sentToTranscriberDate": undefined,
-                            "uploadedToVbmsDate": undefined,
-                          },
-                          "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
-                          "veteranAge": 85,
-                          "veteranEmailAddress": "John.Smith@test.com",
-                          "veteranFileNumber": "100000005",
-                          "veteranFirstName": "John",
-                          "veteranGender": "M",
-                          "veteranLastName": "Smith",
-                          "virtualHearing": null,
-                          "wasVirtual": false,
-                          "witness": null,
-                          "worksheetIssues": Object {},
-                        }
-                      }
-                      update={[Function]}
-                    >
                       <div
-                        data-css-1fmltfu=""
+                        className="usa-width-one-third"
                       >
-                        <div>
-                          <strong>
-                            Copy Requested by Appellant/Rep
-                          </strong>
-                          <Checkbox
-                            label="Yes, Transcript Requested"
-                            name="copyRequested"
-                            onChange={[Function]}
-                            required={false}
-                            value={false}
-                          >
-                            <div
-                              className="checkbox-wrapper-copyRequested cf-form-checkboxes"
-                            >
-                              <div
-                                className="cf-form-checkbox"
-                              >
-                                <input
-                                  aria-label="copyRequested"
-                                  checked={false}
-                                  id="copyRequested"
-                                  name="copyRequested"
-                                  onChange={[Function]}
-                                  type="checkbox"
-                                />
-                                <label
-                                  htmlFor="copyRequested"
-                                >
-                                  <span
-                                    className=""
-                                  >
-                                    Yes, Transcript Requested
-                                  </span>
-                                   
-                                </label>
-                              </div>
-                            </div>
-                          </Checkbox>
-                        </div>
-                        <DateSelector
-                          label="Copy Sent to Appellant/Rep"
-                          name="copySentDate"
-                          onChange={[Function]}
-                          strongLabel={true}
-                          type="date"
+                        <HearingEmail
+                          disabled={false}
+                          email="tom.brady@caseflow.gov"
+                          emailType="representativeEmailAddress"
+                          helperLabel="This email address will be used to send notifications for this hearing only."
+                          label="POA/Representative Email"
+                          optional={true}
+                          showHelper={true}
+                          update={[Function]}
                         >
                           <TextField
                             className={
                               Array [
-                                "cf-form-textinput",
+                                "cf-form-textinput cf-inline-field",
                               ]
                             }
-                            label="Copy Sent to Appellant/Rep"
-                            max="9999-12-31"
-                            name="copySentDate"
+                            name="POA/Representative Email"
                             onChange={[Function]}
-                            optional={false}
-                            placeholder="mm/dd/yyyy"
+                            optional={true}
+                            readOnly={false}
                             required={false}
                             strongLabel={true}
-                            type="date"
+                            type="text"
                             useAriaLabel={false}
-                            validationError={null}
+                            value="tom.brady@caseflow.gov"
                           >
                             <div
-                              className="cf-form-textinput   "
+                              className="cf-form-textinput cf-inline-field   "
                             >
                               <label
-                                htmlFor="copySentDate"
+                                htmlFor="POA/Representative Email"
                               >
                                 <strong>
                                   <FormLabel
-                                    label="Copy Sent to Appellant/Rep"
-                                    name="copySentDate"
-                                    optional={false}
+                                    name="POA/Representative Email"
+                                    optional={true}
                                     required={false}
                                   >
                                     <span>
-                                      Copy Sent to Appellant/Rep
+                                      POA/Representative Email
+                                      <span
+                                        className="cf-optional"
+                                      >
+                                        Optional
+                                      </span>
                                     </span>
                                   </FormLabel>
                                 </strong>
@@ -316222,30 +317561,39 @@ exports[`Details Matches snapshot with default props 1`] = `
                                 className="input-container"
                               >
                                 <input
+                                  aria-readonly={false}
                                   className={
                                     Array [
-                                      "cf-form-textinput",
+                                      "cf-form-textinput cf-inline-field",
                                     ]
                                   }
-                                  id="copySentDate"
-                                  max="9999-12-31"
-                                  name="copySentDate"
+                                  id="POA/Representative Email"
+                                  name="POA/Representative Email"
                                   onBlur={[Function]}
                                   onChange={[Function]}
-                                  placeholder="mm/dd/yyyy"
-                                  type="date"
+                                  readOnly={false}
+                                  type="text"
+                                  value="tom.brady@caseflow.gov"
                                 />
                               </div>
                             </div>
                           </TextField>
-                        </DateSelector>
-                        <div />
+                          <HelperText
+                            label="This email address will be used to send notifications for this hearing only."
+                          >
+                            <div
+                              className="helper-text"
+                            >
+                              This email address will be used to send notifications for this hearing only.
+                            </div>
+                          </HelperText>
+                        </HearingEmail>
                       </div>
-                    </TranscriptionRequestInputs>
+                    </div>
                   </div>
                 </div>
               </ContentSection>
-            </TranscriptionFormSection>
+            </EmailNotificationFields>
           </DetailsForm>
         </div>
       </section>
diff --git a/client/test/app/hearings/components/__snapshots__/EmailConfirmationModal.test.js.snap b/client/test/app/hearings/components/__snapshots__/EmailConfirmationModal.test.js.snap
index 51cc07d2efe..7f695fccd63 100644
--- a/client/test/app/hearings/components/__snapshots__/EmailConfirmationModal.test.js.snap
+++ b/client/test/app/hearings/components/__snapshots__/EmailConfirmationModal.test.js.snap
@@ -24,6 +24,7 @@ exports[`EmailConfirmationModal ChangeEmailOrTimezone sub-component Displays Rea
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -148,6 +149,7 @@ exports[`EmailConfirmationModal ChangeEmailOrTimezone sub-component Displays Rea
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -185,6 +187,7 @@ exports[`EmailConfirmationModal ChangeEmailOrTimezone sub-component Displays Rea
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -309,6 +312,7 @@ exports[`EmailConfirmationModal ChangeEmailOrTimezone sub-component Displays Rea
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -354,6 +358,7 @@ exports[`EmailConfirmationModal ChangeFromVirtual sub-component Displays Hearing
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -480,6 +485,7 @@ exports[`EmailConfirmationModal ChangeFromVirtual sub-component Displays Hearing
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -517,6 +523,7 @@ exports[`EmailConfirmationModal ChangeFromVirtual sub-component Displays Hearing
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -643,6 +650,7 @@ exports[`EmailConfirmationModal ChangeFromVirtual sub-component Displays Hearing
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -698,6 +706,7 @@ exports[`EmailConfirmationModal ChangeFromVirtual sub-component Displays Hearing
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -825,6 +834,7 @@ exports[`EmailConfirmationModal ChangeFromVirtual sub-component Displays Hearing
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -938,6 +948,7 @@ exports[`EmailConfirmationModal ChangeFromVirtual sub-component Displays ReadOnl
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -1062,6 +1073,7 @@ exports[`EmailConfirmationModal ChangeFromVirtual sub-component Displays ReadOnl
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -1099,6 +1111,7 @@ exports[`EmailConfirmationModal ChangeFromVirtual sub-component Displays ReadOnl
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -1223,6 +1236,7 @@ exports[`EmailConfirmationModal ChangeFromVirtual sub-component Displays ReadOnl
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -1272,6 +1286,7 @@ exports[`EmailConfirmationModal ChangeFromVirtual sub-component Displays ReadOnl
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -1397,6 +1412,7 @@ exports[`EmailConfirmationModal ChangeFromVirtual sub-component Displays ReadOnl
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -1510,6 +1526,7 @@ exports[`EmailConfirmationModal ChangeHearingTime sub-component Displays ReadOnl
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -1634,6 +1651,7 @@ exports[`EmailConfirmationModal ChangeHearingTime sub-component Displays ReadOnl
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -1671,6 +1689,7 @@ exports[`EmailConfirmationModal ChangeHearingTime sub-component Displays ReadOnl
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -1795,6 +1814,7 @@ exports[`EmailConfirmationModal ChangeHearingTime sub-component Displays ReadOnl
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -1844,6 +1864,7 @@ exports[`EmailConfirmationModal ChangeHearingTime sub-component Displays ReadOnl
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -1969,6 +1990,7 @@ exports[`EmailConfirmationModal ChangeHearingTime sub-component Displays ReadOnl
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -2083,6 +2105,7 @@ exports[`EmailConfirmationModal ChangeToVirtual sub-component Displays appellant
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -2197,6 +2220,7 @@ exports[`EmailConfirmationModal ChangeToVirtual sub-component Displays appellant
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -2235,6 +2259,7 @@ exports[`EmailConfirmationModal ChangeToVirtual sub-component Displays appellant
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -2349,6 +2374,7 @@ exports[`EmailConfirmationModal ChangeToVirtual sub-component Displays appellant
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -2524,6 +2550,7 @@ exports[`EmailConfirmationModal ChangeToVirtual sub-component Displays input for
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -2628,6 +2655,7 @@ exports[`EmailConfirmationModal ChangeToVirtual sub-component Displays input for
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -2665,6 +2693,7 @@ exports[`EmailConfirmationModal ChangeToVirtual sub-component Displays input for
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -2769,6 +2798,7 @@ exports[`EmailConfirmationModal ChangeToVirtual sub-component Displays input for
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -2937,6 +2967,7 @@ exports[`EmailConfirmationModal ChangeToVirtual sub-component Displays represent
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -3062,6 +3093,7 @@ exports[`EmailConfirmationModal ChangeToVirtual sub-component Displays represent
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -3099,6 +3131,7 @@ exports[`EmailConfirmationModal ChangeToVirtual sub-component Displays represent
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -3224,6 +3257,7 @@ exports[`EmailConfirmationModal ChangeToVirtual sub-component Displays represent
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -3397,6 +3431,7 @@ exports[`EmailConfirmationModal DateTime sub-component Displays divider for form
       "centralOfficeTimeString": "08:30",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -3511,6 +3546,7 @@ exports[`EmailConfirmationModal DateTime sub-component Displays divider for form
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -3566,6 +3602,7 @@ exports[`EmailConfirmationModal DateTime sub-component Displays formatted hearin
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -3690,6 +3727,7 @@ exports[`EmailConfirmationModal DateTime sub-component Displays formatted hearin
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -3742,6 +3780,7 @@ exports[`EmailConfirmationModal Displays ChangeEmailOrTimezone component when ty
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -3837,6 +3876,7 @@ exports[`EmailConfirmationModal Displays ChangeEmailOrTimezone component when ty
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -4009,6 +4049,7 @@ exports[`EmailConfirmationModal Displays ChangeEmailOrTimezone component when ty
                     "centralOfficeTimeString": "04:00",
                     "claimantId": 604,
                     "closestRegionalOffice": null,
+                    "conferenceProvider": "pexip",
                     "currentIssueCount": 0,
                     "disposition": null,
                     "dispositionEditable": true,
@@ -4106,6 +4147,7 @@ exports[`EmailConfirmationModal Displays ChangeEmailOrTimezone component when ty
                     "appellantEmail": "Bob.Smith@test.com",
                     "appellantTz": "America/Denver",
                     "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                     "guestPin": "2684353125#",
                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -4144,6 +4186,7 @@ exports[`EmailConfirmationModal Displays ChangeEmailOrTimezone component when ty
                       "centralOfficeTimeString": "04:00",
                       "claimantId": 604,
                       "closestRegionalOffice": null,
+                      "conferenceProvider": "pexip",
                       "currentIssueCount": 0,
                       "disposition": null,
                       "dispositionEditable": true,
@@ -4241,6 +4284,7 @@ exports[`EmailConfirmationModal Displays ChangeEmailOrTimezone component when ty
                       "appellantEmail": "Bob.Smith@test.com",
                       "appellantTz": "America/Denver",
                       "clientHost": "care.evn.va.gov",
+                      "conferenceProvider": "pexip",
                       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                       "guestPin": "2684353125#",
                       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -4362,6 +4406,7 @@ exports[`EmailConfirmationModal Displays ChangeFromVirtual component when type i
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -4457,6 +4502,7 @@ exports[`EmailConfirmationModal Displays ChangeFromVirtual component when type i
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -4629,6 +4675,7 @@ exports[`EmailConfirmationModal Displays ChangeFromVirtual component when type i
                     "centralOfficeTimeString": "04:00",
                     "claimantId": 604,
                     "closestRegionalOffice": null,
+                    "conferenceProvider": "pexip",
                     "currentIssueCount": 0,
                     "disposition": null,
                     "dispositionEditable": true,
@@ -4726,6 +4773,7 @@ exports[`EmailConfirmationModal Displays ChangeFromVirtual component when type i
                     "appellantEmail": "Bob.Smith@test.com",
                     "appellantTz": "America/Denver",
                     "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                     "guestPin": "2684353125#",
                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -4764,6 +4812,7 @@ exports[`EmailConfirmationModal Displays ChangeFromVirtual component when type i
                       "centralOfficeTimeString": "04:00",
                       "claimantId": 604,
                       "closestRegionalOffice": null,
+                      "conferenceProvider": "pexip",
                       "currentIssueCount": 0,
                       "disposition": null,
                       "dispositionEditable": true,
@@ -4861,6 +4910,7 @@ exports[`EmailConfirmationModal Displays ChangeFromVirtual component when type i
                       "appellantEmail": "Bob.Smith@test.com",
                       "appellantTz": "America/Denver",
                       "clientHost": "care.evn.va.gov",
+                      "conferenceProvider": "pexip",
                       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                       "guestPin": "2684353125#",
                       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -4911,6 +4961,7 @@ exports[`EmailConfirmationModal Displays ChangeFromVirtual component when type i
                       "centralOfficeTimeString": "04:00",
                       "claimantId": 604,
                       "closestRegionalOffice": null,
+                      "conferenceProvider": "pexip",
                       "currentIssueCount": 0,
                       "disposition": null,
                       "dispositionEditable": true,
@@ -5009,6 +5060,7 @@ exports[`EmailConfirmationModal Displays ChangeFromVirtual component when type i
                       "appellantEmail": "Bob.Smith@test.com",
                       "appellantTz": "America/Denver",
                       "clientHost": "care.evn.va.gov",
+                      "conferenceProvider": "pexip",
                       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                       "guestPin": "2684353125#",
                       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -5198,6 +5250,7 @@ exports[`EmailConfirmationModal Displays ChangeHearingTime component when type i
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -5293,6 +5346,7 @@ exports[`EmailConfirmationModal Displays ChangeHearingTime component when type i
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -5465,6 +5519,7 @@ exports[`EmailConfirmationModal Displays ChangeHearingTime component when type i
                     "centralOfficeTimeString": "04:00",
                     "claimantId": 604,
                     "closestRegionalOffice": null,
+                    "conferenceProvider": "pexip",
                     "currentIssueCount": 0,
                     "disposition": null,
                     "dispositionEditable": true,
@@ -5562,6 +5617,7 @@ exports[`EmailConfirmationModal Displays ChangeHearingTime component when type i
                     "appellantEmail": "Bob.Smith@test.com",
                     "appellantTz": "America/Denver",
                     "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                     "guestPin": "2684353125#",
                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -5600,6 +5656,7 @@ exports[`EmailConfirmationModal Displays ChangeHearingTime component when type i
                       "centralOfficeTimeString": "04:00",
                       "claimantId": 604,
                       "closestRegionalOffice": null,
+                      "conferenceProvider": "pexip",
                       "currentIssueCount": 0,
                       "disposition": null,
                       "dispositionEditable": true,
@@ -5697,6 +5754,7 @@ exports[`EmailConfirmationModal Displays ChangeHearingTime component when type i
                       "appellantEmail": "Bob.Smith@test.com",
                       "appellantTz": "America/Denver",
                       "clientHost": "care.evn.va.gov",
+                      "conferenceProvider": "pexip",
                       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                       "guestPin": "2684353125#",
                       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -5747,6 +5805,7 @@ exports[`EmailConfirmationModal Displays ChangeHearingTime component when type i
                       "centralOfficeTimeString": "04:00",
                       "claimantId": 604,
                       "closestRegionalOffice": null,
+                      "conferenceProvider": "pexip",
                       "currentIssueCount": 0,
                       "disposition": null,
                       "dispositionEditable": true,
@@ -5845,6 +5904,7 @@ exports[`EmailConfirmationModal Displays ChangeHearingTime component when type i
                       "appellantEmail": "Bob.Smith@test.com",
                       "appellantTz": "America/Denver",
                       "clientHost": "care.evn.va.gov",
+                      "conferenceProvider": "pexip",
                       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                       "guestPin": "2684353125#",
                       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -6034,6 +6094,7 @@ exports[`EmailConfirmationModal Matches snapshot with default props 1`] = `
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -6129,6 +6190,7 @@ exports[`EmailConfirmationModal Matches snapshot with default props 1`] = `
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -6301,6 +6363,7 @@ exports[`EmailConfirmationModal Matches snapshot with default props 1`] = `
                     "centralOfficeTimeString": "04:00",
                     "claimantId": 604,
                     "closestRegionalOffice": null,
+                    "conferenceProvider": "pexip",
                     "currentIssueCount": 0,
                     "disposition": null,
                     "dispositionEditable": true,
@@ -6398,6 +6461,7 @@ exports[`EmailConfirmationModal Matches snapshot with default props 1`] = `
                     "appellantEmail": "Bob.Smith@test.com",
                     "appellantTz": "America/Denver",
                     "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                     "guestPin": "2684353125#",
                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -6436,6 +6500,7 @@ exports[`EmailConfirmationModal Matches snapshot with default props 1`] = `
                       "centralOfficeTimeString": "04:00",
                       "claimantId": 604,
                       "closestRegionalOffice": null,
+                      "conferenceProvider": "pexip",
                       "currentIssueCount": 0,
                       "disposition": null,
                       "dispositionEditable": true,
@@ -6533,6 +6598,7 @@ exports[`EmailConfirmationModal Matches snapshot with default props 1`] = `
                       "appellantEmail": "Bob.Smith@test.com",
                       "appellantTz": "America/Denver",
                       "clientHost": "care.evn.va.gov",
+                      "conferenceProvider": "pexip",
                       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                       "guestPin": "2684353125#",
                       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -6784,6 +6850,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Central Vi
       "centralOfficeTimeString": "08:30",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -6899,6 +6966,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Central Vi
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -7010,6 +7078,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Central Vi
       "centralOfficeTimeString": "08:30",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -7125,6 +7194,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Central Vi
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -7236,6 +7306,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Central Vi
       "centralOfficeTimeString": "08:30",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -7351,6 +7422,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Central Vi
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -7461,6 +7533,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Central Vi
       "centralOfficeTimeString": "08:30",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -7576,6 +7649,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Central Vi
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -7687,6 +7761,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Central Vi
       "centralOfficeTimeString": "08:30",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -7801,6 +7876,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Central Vi
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -7876,6 +7952,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Central Vi
       "centralOfficeTimeString": "08:30",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -7991,6 +8068,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Central Vi
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -8066,6 +8144,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Central Vi
       "centralOfficeTimeString": "08:30",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -8181,6 +8260,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Central Vi
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -8257,6 +8337,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Central Vi
       "centralOfficeTimeString": "08:30",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -8371,6 +8452,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Central Vi
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -8449,6 +8531,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Video Virt
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -8574,6 +8657,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Video Virt
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -8687,6 +8771,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Video Virt
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -8812,6 +8897,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Video Virt
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -8925,6 +9011,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Video Virt
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -9050,6 +9137,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Video Virt
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -9162,6 +9250,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Video Virt
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -9287,6 +9376,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Video Virt
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -9400,6 +9490,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Video Virt
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -9524,6 +9615,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Video Virt
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -9601,6 +9693,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Video Virt
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -9726,6 +9819,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Video Virt
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -9803,6 +9897,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Video Virt
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -9928,6 +10023,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Video Virt
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -10006,6 +10102,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Video Virt
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -10130,6 +10227,7 @@ exports[`EmailConfirmationModal ReadOnlyEmails sub-component Formerly Video Virt
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
diff --git a/client/test/app/hearings/components/__snapshots__/HearingConversion.test.js.snap b/client/test/app/hearings/components/__snapshots__/HearingConversion.test.js.snap
index c7beea67fca..dc1c298de31 100644
--- a/client/test/app/hearings/components/__snapshots__/HearingConversion.test.js.snap
+++ b/client/test/app/hearings/components/__snapshots__/HearingConversion.test.js.snap
@@ -23,6 +23,7 @@ exports[`HearingConversion Displays email fields when hearing type is switched f
       "centralOfficeTimeString": "03:30",
       "claimantId": 4,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 1,
       "disposition": null,
       "dispositionEditable": true,
@@ -58,6 +59,7 @@ exports[`HearingConversion Displays email fields when hearing type is switched f
         "fullName": "Aaron Judge_HearingsAndCases Abshire",
         "id": 3,
         "lastLoginAt": null,
+        "meetingType": "pexip",
         "roles": Object {},
         "selectedRegionalOffice": null,
         "stationId": "101",
@@ -101,6 +103,7 @@ exports[`HearingConversion Displays email fields when hearing type is switched f
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -146,6 +149,7 @@ exports[`HearingConversion Displays email fields when hearing type is switched f
             "centralOfficeTimeString": "03:30",
             "claimantId": 4,
             "closestRegionalOffice": null,
+            "conferenceProvider": "pexip",
             "currentIssueCount": 1,
             "disposition": null,
             "dispositionEditable": true,
@@ -181,6 +185,7 @@ exports[`HearingConversion Displays email fields when hearing type is switched f
               "fullName": "Aaron Judge_HearingsAndCases Abshire",
               "id": 3,
               "lastLoginAt": null,
+              "meetingType": "pexip",
               "roles": Object {},
               "selectedRegionalOffice": null,
               "stationId": "101",
@@ -9239,6 +9244,7 @@ exports[`HearingConversion Displays email fields when hearing type is switched f
               "centralOfficeTimeString": "03:30",
               "claimantId": 4,
               "closestRegionalOffice": null,
+              "conferenceProvider": "pexip",
               "currentIssueCount": 1,
               "disposition": null,
               "dispositionEditable": true,
@@ -9274,6 +9280,7 @@ exports[`HearingConversion Displays email fields when hearing type is switched f
                 "fullName": "Aaron Judge_HearingsAndCases Abshire",
                 "id": 3,
                 "lastLoginAt": null,
+                "meetingType": "pexip",
                 "roles": Object {},
                 "selectedRegionalOffice": null,
                 "stationId": "101",
@@ -9348,6 +9355,7 @@ exports[`HearingConversion Displays email fields when hearing type is switched f
                     "centralOfficeTimeString": "03:30",
                     "claimantId": 4,
                     "closestRegionalOffice": null,
+                    "conferenceProvider": "pexip",
                     "currentIssueCount": 1,
                     "disposition": null,
                     "dispositionEditable": true,
@@ -9383,6 +9391,7 @@ exports[`HearingConversion Displays email fields when hearing type is switched f
                       "fullName": "Aaron Judge_HearingsAndCases Abshire",
                       "id": 3,
                       "lastLoginAt": null,
+                      "meetingType": "pexip",
                       "roles": Object {},
                       "selectedRegionalOffice": null,
                       "stationId": "101",
@@ -9442,6 +9451,7 @@ exports[`HearingConversion Displays email fields when hearing type is switched f
               "appellantEmail": "Bob.Smith@test.com",
               "appellantTz": "America/Denver",
               "clientHost": "care.evn.va.gov",
+              "conferenceProvider": "pexip",
               "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
               "guestPin": "2684353125#",
               "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -25662,6 +25672,7 @@ SAN FRANCISCO, CA 94103
                             "centralOfficeTimeString": "03:30",
                             "claimantId": 4,
                             "closestRegionalOffice": null,
+                            "conferenceProvider": "pexip",
                             "currentIssueCount": 1,
                             "disposition": null,
                             "dispositionEditable": true,
@@ -25697,6 +25708,7 @@ SAN FRANCISCO, CA 94103
                               "fullName": "Aaron Judge_HearingsAndCases Abshire",
                               "id": 3,
                               "lastLoginAt": null,
+                              "meetingType": "pexip",
                               "roles": Object {},
                               "selectedRegionalOffice": null,
                               "stationId": "101",
@@ -25848,6 +25860,7 @@ SAN FRANCISCO, CA 94103
               "centralOfficeTimeString": "03:30",
               "claimantId": 4,
               "closestRegionalOffice": null,
+              "conferenceProvider": "pexip",
               "currentIssueCount": 1,
               "disposition": null,
               "dispositionEditable": true,
@@ -25883,6 +25896,7 @@ SAN FRANCISCO, CA 94103
                 "fullName": "Aaron Judge_HearingsAndCases Abshire",
                 "id": 3,
                 "lastLoginAt": null,
+                "meetingType": "pexip",
                 "roles": Object {},
                 "selectedRegionalOffice": null,
                 "stationId": "101",
@@ -25957,6 +25971,7 @@ SAN FRANCISCO, CA 94103
                     "centralOfficeTimeString": "03:30",
                     "claimantId": 4,
                     "closestRegionalOffice": null,
+                    "conferenceProvider": "pexip",
                     "currentIssueCount": 1,
                     "disposition": null,
                     "dispositionEditable": true,
@@ -25992,6 +26007,7 @@ SAN FRANCISCO, CA 94103
                       "fullName": "Aaron Judge_HearingsAndCases Abshire",
                       "id": 3,
                       "lastLoginAt": null,
+                      "meetingType": "pexip",
                       "roles": Object {},
                       "selectedRegionalOffice": null,
                       "stationId": "101",
@@ -26051,6 +26067,7 @@ SAN FRANCISCO, CA 94103
               "appellantEmail": "Bob.Smith@test.com",
               "appellantTz": "America/Denver",
               "clientHost": "care.evn.va.gov",
+              "conferenceProvider": "pexip",
               "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
               "guestPin": "2684353125#",
               "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -42243,6 +42260,7 @@ SAN FRANCISCO, CA 94103
                             "centralOfficeTimeString": "03:30",
                             "claimantId": 4,
                             "closestRegionalOffice": null,
+                            "conferenceProvider": "pexip",
                             "currentIssueCount": 1,
                             "disposition": null,
                             "dispositionEditable": true,
@@ -42278,6 +42296,7 @@ SAN FRANCISCO, CA 94103
                               "fullName": "Aaron Judge_HearingsAndCases Abshire",
                               "id": 3,
                               "lastLoginAt": null,
+                              "meetingType": "pexip",
                               "roles": Object {},
                               "selectedRegionalOffice": null,
                               "stationId": "101",
@@ -42437,6 +42456,7 @@ exports[`HearingConversion Matches snapshot with default props 1`] = `
       "centralOfficeTimeString": "03:30",
       "claimantId": 4,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 1,
       "disposition": null,
       "dispositionEditable": true,
@@ -42472,6 +42492,7 @@ exports[`HearingConversion Matches snapshot with default props 1`] = `
         "fullName": "Aaron Judge_HearingsAndCases Abshire",
         "id": 3,
         "lastLoginAt": null,
+        "meetingType": "pexip",
         "roles": Object {},
         "selectedRegionalOffice": null,
         "stationId": "101",
@@ -42515,6 +42536,7 @@ exports[`HearingConversion Matches snapshot with default props 1`] = `
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -42560,6 +42582,7 @@ exports[`HearingConversion Matches snapshot with default props 1`] = `
             "centralOfficeTimeString": "03:30",
             "claimantId": 4,
             "closestRegionalOffice": null,
+            "conferenceProvider": "pexip",
             "currentIssueCount": 1,
             "disposition": null,
             "dispositionEditable": true,
@@ -42595,6 +42618,7 @@ exports[`HearingConversion Matches snapshot with default props 1`] = `
               "fullName": "Aaron Judge_HearingsAndCases Abshire",
               "id": 3,
               "lastLoginAt": null,
+              "meetingType": "pexip",
               "roles": Object {},
               "selectedRegionalOffice": null,
               "stationId": "101",
@@ -51528,6 +51552,7 @@ exports[`HearingConversion Matches snapshot with default props 1`] = `
               "centralOfficeTimeString": "03:30",
               "claimantId": 4,
               "closestRegionalOffice": null,
+              "conferenceProvider": "pexip",
               "currentIssueCount": 1,
               "disposition": null,
               "dispositionEditable": true,
@@ -51563,6 +51588,7 @@ exports[`HearingConversion Matches snapshot with default props 1`] = `
                 "fullName": "Aaron Judge_HearingsAndCases Abshire",
                 "id": 3,
                 "lastLoginAt": null,
+                "meetingType": "pexip",
                 "roles": Object {},
                 "selectedRegionalOffice": null,
                 "stationId": "101",
@@ -51637,6 +51663,7 @@ exports[`HearingConversion Matches snapshot with default props 1`] = `
                     "centralOfficeTimeString": "03:30",
                     "claimantId": 4,
                     "closestRegionalOffice": null,
+                    "conferenceProvider": "pexip",
                     "currentIssueCount": 1,
                     "disposition": null,
                     "dispositionEditable": true,
@@ -51672,6 +51699,7 @@ exports[`HearingConversion Matches snapshot with default props 1`] = `
                       "fullName": "Aaron Judge_HearingsAndCases Abshire",
                       "id": 3,
                       "lastLoginAt": null,
+                      "meetingType": "pexip",
                       "roles": Object {},
                       "selectedRegionalOffice": null,
                       "stationId": "101",
@@ -51730,6 +51758,7 @@ exports[`HearingConversion Matches snapshot with default props 1`] = `
               "appellantEmail": "Bob.Smith@test.com",
               "appellantTz": "America/Denver",
               "clientHost": "care.evn.va.gov",
+              "conferenceProvider": "pexip",
               "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
               "guestPin": "2684353125#",
               "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -67950,6 +67979,7 @@ SAN FRANCISCO, CA 94103
                             "centralOfficeTimeString": "03:30",
                             "claimantId": 4,
                             "closestRegionalOffice": null,
+                            "conferenceProvider": "pexip",
                             "currentIssueCount": 1,
                             "disposition": null,
                             "dispositionEditable": true,
@@ -67985,6 +68015,7 @@ SAN FRANCISCO, CA 94103
                               "fullName": "Aaron Judge_HearingsAndCases Abshire",
                               "id": 3,
                               "lastLoginAt": null,
+                              "meetingType": "pexip",
                               "roles": Object {},
                               "selectedRegionalOffice": null,
                               "stationId": "101",
@@ -68136,6 +68167,7 @@ SAN FRANCISCO, CA 94103
               "centralOfficeTimeString": "03:30",
               "claimantId": 4,
               "closestRegionalOffice": null,
+              "conferenceProvider": "pexip",
               "currentIssueCount": 1,
               "disposition": null,
               "dispositionEditable": true,
@@ -68171,6 +68203,7 @@ SAN FRANCISCO, CA 94103
                 "fullName": "Aaron Judge_HearingsAndCases Abshire",
                 "id": 3,
                 "lastLoginAt": null,
+                "meetingType": "pexip",
                 "roles": Object {},
                 "selectedRegionalOffice": null,
                 "stationId": "101",
@@ -68245,6 +68278,7 @@ SAN FRANCISCO, CA 94103
                     "centralOfficeTimeString": "03:30",
                     "claimantId": 4,
                     "closestRegionalOffice": null,
+                    "conferenceProvider": "pexip",
                     "currentIssueCount": 1,
                     "disposition": null,
                     "dispositionEditable": true,
@@ -68280,6 +68314,7 @@ SAN FRANCISCO, CA 94103
                       "fullName": "Aaron Judge_HearingsAndCases Abshire",
                       "id": 3,
                       "lastLoginAt": null,
+                      "meetingType": "pexip",
                       "roles": Object {},
                       "selectedRegionalOffice": null,
                       "stationId": "101",
@@ -68338,6 +68373,7 @@ SAN FRANCISCO, CA 94103
               "appellantEmail": "Bob.Smith@test.com",
               "appellantTz": "America/Denver",
               "clientHost": "care.evn.va.gov",
+              "conferenceProvider": "pexip",
               "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
               "guestPin": "2684353125#",
               "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -84530,6 +84566,7 @@ SAN FRANCISCO, CA 94103
                             "centralOfficeTimeString": "03:30",
                             "claimantId": 4,
                             "closestRegionalOffice": null,
+                            "conferenceProvider": "pexip",
                             "currentIssueCount": 1,
                             "disposition": null,
                             "dispositionEditable": true,
@@ -84565,6 +84602,7 @@ SAN FRANCISCO, CA 94103
                               "fullName": "Aaron Judge_HearingsAndCases Abshire",
                               "id": 3,
                               "lastLoginAt": null,
+                              "meetingType": "pexip",
                               "roles": Object {},
                               "selectedRegionalOffice": null,
                               "stationId": "101",
diff --git a/client/test/app/hearings/components/__snapshots__/ScheduleVeteran.test.js.snap b/client/test/app/hearings/components/__snapshots__/ScheduleVeteran.test.js.snap
index 5347491a51c..3515bc6fd23 100644
--- a/client/test/app/hearings/components/__snapshots__/ScheduleVeteran.test.js.snap
+++ b/client/test/app/hearings/components/__snapshots__/ScheduleVeteran.test.js.snap
@@ -410,6 +410,7 @@ exports[`ScheduleVeteran Auto-selects virtual if a virtual hearing was requested
             "appellantEmail": "Bob.Smith@test.com",
             "appellantTz": "America/Denver",
             "clientHost": "care.evn.va.gov",
+            "conferenceProvider": "pexip",
             "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
             "guestPin": "2684353125#",
             "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -666,6 +667,7 @@ exports[`ScheduleVeteran Auto-selects virtual if a virtual hearing was requested
                     "appellantEmail": "Bob.Smith@test.com",
                     "appellantTz": "America/Denver",
                     "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                     "guestPin": "2684353125#",
                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -879,6 +881,7 @@ exports[`ScheduleVeteran Auto-selects virtual if a virtual hearing was requested
                           "appellantEmail": "Bob.Smith@test.com",
                           "appellantTz": "America/Denver",
                           "clientHost": "care.evn.va.gov",
+                          "conferenceProvider": "pexip",
                           "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                           "guestPin": "2684353125#",
                           "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -35146,6 +35149,7 @@ SAN FRANCISCO, CA 94103
                             "appellantEmail": "Bob.Smith@test.com",
                             "appellantTz": "America/Denver",
                             "clientHost": "care.evn.va.gov",
+                            "conferenceProvider": "pexip",
                             "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                             "guestPin": "2684353125#",
                             "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -35175,6 +35179,7 @@ SAN FRANCISCO, CA 94103
                           "appellantEmail": "Bob.Smith@test.com",
                           "appellantTz": "America/Denver",
                           "clientHost": "care.evn.va.gov",
+                          "conferenceProvider": "pexip",
                           "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                           "guestPin": "2684353125#",
                           "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -51481,6 +51486,7 @@ SAN FRANCISCO, CA 94103
                             "appellantEmail": "Bob.Smith@test.com",
                             "appellantTz": "America/Denver",
                             "clientHost": "care.evn.va.gov",
+                            "conferenceProvider": "pexip",
                             "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                             "guestPin": "2684353125#",
                             "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -51510,6 +51516,7 @@ SAN FRANCISCO, CA 94103
                           "appellantEmail": "Bob.Smith@test.com",
                           "appellantTz": "America/Denver",
                           "clientHost": "care.evn.va.gov",
+                          "conferenceProvider": "pexip",
                           "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                           "guestPin": "2684353125#",
                           "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -309592,6 +309599,7 @@ exports[`ScheduleVeteran Displays virtual hearing alerts when present 1`] = `
             "appellantEmail": "Bob.Smith@test.com",
             "appellantTz": "America/Denver",
             "clientHost": "care.evn.va.gov",
+            "conferenceProvider": "pexip",
             "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
             "guestPin": "2684353125#",
             "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -309859,6 +309867,7 @@ exports[`ScheduleVeteran Displays virtual hearing alerts when present 1`] = `
                     "appellantEmail": "Bob.Smith@test.com",
                     "appellantTz": "America/Denver",
                     "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                     "guestPin": "2684353125#",
                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -310072,6 +310081,7 @@ exports[`ScheduleVeteran Displays virtual hearing alerts when present 1`] = `
                           "appellantEmail": "Bob.Smith@test.com",
                           "appellantTz": "America/Denver",
                           "clientHost": "care.evn.va.gov",
+                          "conferenceProvider": "pexip",
                           "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                           "guestPin": "2684353125#",
                           "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -344338,6 +344348,7 @@ SAN FRANCISCO, CA 94103
                             "appellantEmail": "Bob.Smith@test.com",
                             "appellantTz": "America/Denver",
                             "clientHost": "care.evn.va.gov",
+                            "conferenceProvider": "pexip",
                             "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                             "guestPin": "2684353125#",
                             "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -344367,6 +344378,7 @@ SAN FRANCISCO, CA 94103
                           "appellantEmail": "Bob.Smith@test.com",
                           "appellantTz": "America/Denver",
                           "clientHost": "care.evn.va.gov",
+                          "conferenceProvider": "pexip",
                           "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                           "guestPin": "2684353125#",
                           "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -360673,6 +360685,7 @@ SAN FRANCISCO, CA 94103
                             "appellantEmail": "Bob.Smith@test.com",
                             "appellantTz": "America/Denver",
                             "clientHost": "care.evn.va.gov",
+                            "conferenceProvider": "pexip",
                             "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                             "guestPin": "2684353125#",
                             "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -360702,6 +360715,7 @@ SAN FRANCISCO, CA 94103
                           "appellantEmail": "Bob.Smith@test.com",
                           "appellantTz": "America/Denver",
                           "clientHost": "care.evn.va.gov",
+                          "conferenceProvider": "pexip",
                           "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                           "guestPin": "2684353125#",
                           "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -377338,6 +377352,7 @@ exports[`ScheduleVeteran Displays virtual hearing form details for virtual heari
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -377757,6 +377772,7 @@ exports[`ScheduleVeteran Displays virtual hearing form details for virtual heari
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -378341,6 +378357,7 @@ exports[`ScheduleVeteran Displays virtual hearing form details for virtual heari
             "appellantEmail": "Bob.Smith@test.com",
             "appellantTz": "America/Denver",
             "clientHost": "care.evn.va.gov",
+            "conferenceProvider": "pexip",
             "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
             "guestPin": "2684353125#",
             "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -378392,6 +378409,7 @@ exports[`ScheduleVeteran Displays virtual hearing form details for virtual heari
           "centralOfficeTimeString": "04:00",
           "claimantId": 604,
           "closestRegionalOffice": null,
+          "conferenceProvider": "pexip",
           "currentIssueCount": 0,
           "disposition": null,
           "dispositionEditable": true,
@@ -378705,6 +378723,7 @@ exports[`ScheduleVeteran Displays virtual hearing form details for virtual heari
                     "appellantEmail": "Bob.Smith@test.com",
                     "appellantTz": "America/Denver",
                     "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                     "guestPin": "2684353125#",
                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -378918,6 +378937,7 @@ exports[`ScheduleVeteran Displays virtual hearing form details for virtual heari
                           "appellantEmail": "Bob.Smith@test.com",
                           "appellantTz": "America/Denver",
                           "clientHost": "care.evn.va.gov",
+                          "conferenceProvider": "pexip",
                           "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                           "guestPin": "2684353125#",
                           "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -413184,6 +413204,7 @@ SAN FRANCISCO, CA 94103
                             "appellantEmail": "Bob.Smith@test.com",
                             "appellantTz": "America/Denver",
                             "clientHost": "care.evn.va.gov",
+                            "conferenceProvider": "pexip",
                             "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                             "guestPin": "2684353125#",
                             "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -413213,6 +413234,7 @@ SAN FRANCISCO, CA 94103
                           "appellantEmail": "Bob.Smith@test.com",
                           "appellantTz": "America/Denver",
                           "clientHost": "care.evn.va.gov",
+                          "conferenceProvider": "pexip",
                           "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                           "guestPin": "2684353125#",
                           "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -429519,6 +429541,7 @@ SAN FRANCISCO, CA 94103
                             "appellantEmail": "Bob.Smith@test.com",
                             "appellantTz": "America/Denver",
                             "clientHost": "care.evn.va.gov",
+                            "conferenceProvider": "pexip",
                             "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                             "guestPin": "2684353125#",
                             "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -429548,6 +429571,7 @@ SAN FRANCISCO, CA 94103
                           "appellantEmail": "Bob.Smith@test.com",
                           "appellantTz": "America/Denver",
                           "clientHost": "care.evn.va.gov",
+                          "conferenceProvider": "pexip",
                           "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                           "guestPin": "2684353125#",
                           "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -484514,6 +484538,7 @@ exports[`ScheduleVeteran Matches snapshot with default props 1`] = `
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -484886,6 +484911,7 @@ exports[`ScheduleVeteran Matches snapshot with default props 1`] = `
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -485418,6 +485444,7 @@ exports[`ScheduleVeteran Matches snapshot with default props 1`] = `
           "centralOfficeTimeString": "04:00",
           "claimantId": 604,
           "closestRegionalOffice": null,
+          "conferenceProvider": "pexip",
           "currentIssueCount": 0,
           "disposition": null,
           "dispositionEditable": true,
diff --git a/client/test/app/hearings/components/__snapshots__/ScheduleVeteranForm.test.js.snap b/client/test/app/hearings/components/__snapshots__/ScheduleVeteranForm.test.js.snap
index 8736b50ef66..3a25de8e949 100644
--- a/client/test/app/hearings/components/__snapshots__/ScheduleVeteranForm.test.js.snap
+++ b/client/test/app/hearings/components/__snapshots__/ScheduleVeteranForm.test.js.snap
@@ -111,6 +111,7 @@ exports[`ScheduleVeteranForm Displayes Unschedules Notes input 1`] = `
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -443,6 +444,7 @@ exports[`ScheduleVeteranForm Displayes Unschedules Notes input 1`] = `
             "centralOfficeTimeString": "04:00",
             "claimantId": 604,
             "closestRegionalOffice": null,
+            "conferenceProvider": "pexip",
             "currentIssueCount": 0,
             "disposition": null,
             "dispositionEditable": true,
@@ -21645,6 +21647,7 @@ exports[`ScheduleVeteranForm Displays HearingTime when video is selected and hal
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -21937,6 +21940,7 @@ exports[`ScheduleVeteranForm Displays HearingTime when video is selected and hal
             "centralOfficeTimeString": "04:00",
             "claimantId": 604,
             "closestRegionalOffice": null,
+            "conferenceProvider": "pexip",
             "currentIssueCount": 0,
             "disposition": null,
             "dispositionEditable": true,
@@ -58382,6 +58386,7 @@ exports[`ScheduleVeteranForm Displays ReadOnlyHearingTimeWithZone when video is
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -58664,6 +58669,7 @@ exports[`ScheduleVeteranForm Displays ReadOnlyHearingTimeWithZone when video is
             "centralOfficeTimeString": "04:00",
             "claimantId": 604,
             "closestRegionalOffice": null,
+            "conferenceProvider": "pexip",
             "currentIssueCount": 0,
             "disposition": null,
             "dispositionEditable": true,
@@ -86223,6 +86229,7 @@ exports[`ScheduleVeteranForm Displays Virtual Hearing form fields when type is c
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -86293,6 +86300,7 @@ exports[`ScheduleVeteranForm Displays Virtual Hearing form fields when type is c
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -86475,6 +86483,7 @@ exports[`ScheduleVeteranForm Displays Virtual Hearing form fields when type is c
             "centralOfficeTimeString": "04:00",
             "claimantId": 604,
             "closestRegionalOffice": null,
+            "conferenceProvider": "pexip",
             "currentIssueCount": 0,
             "disposition": null,
             "dispositionEditable": true,
@@ -86545,6 +86554,7 @@ exports[`ScheduleVeteranForm Displays Virtual Hearing form fields when type is c
               "appellantEmail": "Bob.Smith@test.com",
               "appellantTz": "America/Denver",
               "clientHost": "care.evn.va.gov",
+              "conferenceProvider": "pexip",
               "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
               "guestPin": "2684353125#",
               "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -109434,6 +109444,7 @@ SAN FRANCISCO, CA 94103
               "centralOfficeTimeString": "04:00",
               "claimantId": 604,
               "closestRegionalOffice": null,
+              "conferenceProvider": "pexip",
               "currentIssueCount": 0,
               "disposition": null,
               "dispositionEditable": true,
@@ -109504,6 +109515,7 @@ SAN FRANCISCO, CA 94103
                 "appellantEmail": "Bob.Smith@test.com",
                 "appellantTz": "America/Denver",
                 "clientHost": "care.evn.va.gov",
+                "conferenceProvider": "pexip",
                 "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                 "guestPin": "2684353125#",
                 "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -109536,6 +109548,7 @@ SAN FRANCISCO, CA 94103
               "appellantEmail": "Bob.Smith@test.com",
               "appellantTz": "America/Denver",
               "clientHost": "care.evn.va.gov",
+              "conferenceProvider": "pexip",
               "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
               "guestPin": "2684353125#",
               "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -125788,6 +125801,7 @@ SAN FRANCISCO, CA 94103
               "centralOfficeTimeString": "04:00",
               "claimantId": 604,
               "closestRegionalOffice": null,
+              "conferenceProvider": "pexip",
               "currentIssueCount": 0,
               "disposition": null,
               "dispositionEditable": true,
@@ -125858,6 +125872,7 @@ SAN FRANCISCO, CA 94103
                 "appellantEmail": "Bob.Smith@test.com",
                 "appellantTz": "America/Denver",
                 "clientHost": "care.evn.va.gov",
+                "conferenceProvider": "pexip",
                 "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                 "guestPin": "2684353125#",
                 "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -125890,6 +125905,7 @@ SAN FRANCISCO, CA 94103
               "appellantEmail": "Bob.Smith@test.com",
               "appellantTz": "America/Denver",
               "clientHost": "care.evn.va.gov",
+              "conferenceProvider": "pexip",
               "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
               "guestPin": "2684353125#",
               "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -142246,6 +142262,7 @@ exports[`ScheduleVeteranForm Displays error messages when errors are present 1`]
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -142499,6 +142516,7 @@ exports[`ScheduleVeteranForm Displays error messages when errors are present 1`]
             "centralOfficeTimeString": "04:00",
             "claimantId": 604,
             "closestRegionalOffice": null,
+            "conferenceProvider": "pexip",
             "currentIssueCount": 0,
             "disposition": null,
             "dispositionEditable": true,
@@ -170014,6 +170032,7 @@ exports[`ScheduleVeteranForm Displays hearing form when regional office is selec
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -170221,6 +170240,7 @@ exports[`ScheduleVeteranForm Displays hearing form when regional office is selec
             "centralOfficeTimeString": "04:00",
             "claimantId": 604,
             "closestRegionalOffice": null,
+            "conferenceProvider": "pexip",
             "currentIssueCount": 0,
             "disposition": null,
             "dispositionEditable": true,
@@ -197726,6 +197746,7 @@ exports[`ScheduleVeteranForm Matches snapshot with default props 1`] = `
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -197914,6 +197935,7 @@ exports[`ScheduleVeteranForm Matches snapshot with default props 1`] = `
             "centralOfficeTimeString": "04:00",
             "claimantId": 604,
             "closestRegionalOffice": null,
+            "conferenceProvider": "pexip",
             "currentIssueCount": 0,
             "disposition": null,
             "dispositionEditable": true,
@@ -219115,6 +219137,7 @@ exports[`ScheduleVeteranForm RO dropdown includes Virtual Hearings as option is
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -219368,6 +219391,7 @@ exports[`ScheduleVeteranForm RO dropdown includes Virtual Hearings as option is
             "centralOfficeTimeString": "04:00",
             "claimantId": 604,
             "closestRegionalOffice": null,
+            "conferenceProvider": "pexip",
             "currentIssueCount": 0,
             "disposition": null,
             "dispositionEditable": true,
@@ -240507,6 +240531,7 @@ SAN FRANCISCO, CA 94103
               "centralOfficeTimeString": "04:00",
               "claimantId": 604,
               "closestRegionalOffice": null,
+              "conferenceProvider": "pexip",
               "currentIssueCount": 0,
               "disposition": null,
               "dispositionEditable": true,
@@ -256818,6 +256843,7 @@ SAN FRANCISCO, CA 94103
               "centralOfficeTimeString": "04:00",
               "claimantId": 604,
               "closestRegionalOffice": null,
+              "conferenceProvider": "pexip",
               "currentIssueCount": 0,
               "disposition": null,
               "dispositionEditable": true,
diff --git a/client/test/app/hearings/components/dailyDocket/DailyDocketGuestLinkSection.test.js b/client/test/app/hearings/components/dailyDocket/DailyDocketGuestLinkSection.test.js
deleted file mode 100644
index 1cb74990f16..00000000000
--- a/client/test/app/hearings/components/dailyDocket/DailyDocketGuestLinkSection.test.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import { screen, render } from '@testing-library/react';
-import { axe } from 'jest-axe';
-// eslint-disable-next-line max-len
-import { DailyDocketGuestLinkSection } from '../../../../../app/hearings/components/dailyDocket/DailyDocketGuestLinkSection';
-
-describe('DailyDocketGuestLinkSection', () => {
-
-  const linkInfo = {
-    alias: 'BVA0000001@caseflow.va.gov',
-    guestLink: 'https://example.va.gov/sample/?conference=BVA0000001@example.va.gov&pin=3998472&callType=video',
-    guestPin: '3998472',
-  };
-
-  it('renders correctly for hearing admins and hearing management users', () => {
-    const { container } = render(<DailyDocketGuestLinkSection linkInfo={linkInfo} />);
-
-    expect(container).toMatchSnapshot();
-  });
-
-  it('renders correctly for non hearing admins and hearing management users', () => {
-    const { container } = render(<DailyDocketGuestLinkSection linkInfo={linkInfo} />);
-
-    expect(container).toMatchSnapshot();
-  });
-
-  it('passes a11y testing', async () => {
-    const { container } = render(<DailyDocketGuestLinkSection linkInfo={linkInfo} />);
-
-    const results = await axe(container);
-
-    expect(results).toHaveNoViolations();
-  });
-
-  it('renders conference room correctly', () => {
-    render(<DailyDocketGuestLinkSection linkInfo={linkInfo} />);
-
-    expect(screen.getByRole('heading', { name: 'Conference Room: BVA0000001@caseflow.va.gov' })).toBeTruthy();
-  });
-
-  it('renders guest pin correctly', () => {
-    render(<DailyDocketGuestLinkSection linkInfo={linkInfo} />);
-
-    expect(screen.getByRole('heading', { name: 'PIN: 3998472#' })).toBeTruthy();
-  });
-});
diff --git a/client/test/app/hearings/components/dailyDocket/DailyDocketRow.test.js b/client/test/app/hearings/components/dailyDocket/DailyDocketRow.test.js
index f3aa6186787..a23425dda53 100644
--- a/client/test/app/hearings/components/dailyDocket/DailyDocketRow.test.js
+++ b/client/test/app/hearings/components/dailyDocket/DailyDocketRow.test.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { render } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import { axe } from 'jest-axe';
 import { BrowserRouter as Router } from 'react-router-dom';
 import { Provider } from 'react-redux';
@@ -36,7 +36,7 @@ describe('DailyDocketRow', () => {
 
     expect(container).toMatchSnapshot();
   });
-  // noelle's area
+
   it('renders correctly for non virtual, judge', () => {
     const { container } = render(
       <Provider store={store}>
@@ -49,6 +49,18 @@ describe('DailyDocketRow', () => {
     expect(container).toMatchSnapshot();
   });
 
+  it('connect to recording renders correctly', () => {
+    render(
+      <Provider store={store}>
+        <Router>
+          <DailyDocketRow {...dailyDocketPropsHearingNotVirtualJudgeUser} />
+        </Router>
+      </Provider>
+    );
+
+    expect(screen.getByRole('button', { class: 'usa-button-secondary usa-button', name: 'Connect to Recording System' })).toBeInTheDocument();
+  });
+
   it('renders correctly for non virtual, attorney', () => {
     const { container } = render(
       <Provider store={store}>
diff --git a/client/test/app/hearings/components/dailyDocket/StaticVirtualHearing.test.js b/client/test/app/hearings/components/dailyDocket/StaticVirtualHearing.test.js
index f2df3cfc3c6..0eca7d74ddd 100644
--- a/client/test/app/hearings/components/dailyDocket/StaticVirtualHearing.test.js
+++ b/client/test/app/hearings/components/dailyDocket/StaticVirtualHearing.test.js
@@ -3,6 +3,7 @@ import { render, screen, fireEvent } from '@testing-library/react';
 import { axe } from 'jest-axe';
 
 import { amaHearing } from 'test/data/hearings';
+import { amaHearingPast } from 'test/data/hearings';
 import { anyUser, vsoUser } from 'test/data/user';
 
 import COPY from '../../../../../COPY';
@@ -14,6 +15,10 @@ describe('StaticVirtualHearing', () => {
     hearing: amaHearing
   };
 
+  const pastHearingProps = {
+    user: anyUser,
+    hearing: amaHearingPast
+  };
 
   it('renders correctly', () => {
     const { container } = render(<StaticVirtualHearing {...defaultProps} />);
@@ -21,6 +26,12 @@ describe('StaticVirtualHearing', () => {
     expect(container).toMatchSnapshot();
   })
 
+  it('renders past hearing correctly', () => {
+    const { container } = render(<StaticVirtualHearing {...pastHearingProps} />);
+
+    expect(container).toMatchSnapshot();
+  })
+
   it('passes a11y testing', async () => {
     const { container } = render(<StaticVirtualHearing {...defaultProps} />);
 
@@ -28,6 +39,13 @@ describe('StaticVirtualHearing', () => {
     expect(results).toHaveNoViolations();
   })
 
+  it('passes a11y testing for past hearing', async () => {
+    const { container } = render(<StaticVirtualHearing {...pastHearingProps} />);
+
+    const results = await axe(container);
+    expect(results).toHaveNoViolations();
+  })
+
   it('displays correct label for host user', () => {
     const component = render(
       <StaticVirtualHearing {...defaultProps} user={{ userId: amaHearing.judgeId }}/>
diff --git a/client/test/app/hearings/components/dailyDocket/__snapshots__/DailyDocketGuestLinkSection.test.js.snap b/client/test/app/hearings/components/dailyDocket/__snapshots__/DailyDocketGuestLinkSection.test.js.snap
deleted file mode 100644
index cda56dc1c78..00000000000
--- a/client/test/app/hearings/components/dailyDocket/__snapshots__/DailyDocketGuestLinkSection.test.js.snap
+++ /dev/null
@@ -1,309 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`DailyDocketGuestLinkSection renders correctly for hearing admins and hearing management users 1`] = `
-<div>
-  <div
-    style="display: grid; grid-template-columns: 1fr 1.8fr; background-color: rgb(241, 241, 241); padding: 1em 0px 0px 1em; margin-left: -40px; margin-right: -40px;"
-  >
-    <h3>
-      Guest links for non-virtual hearings
-    </h3>
-    <div
-      style="display: flex; flex-wrap: wrap; justify-content: space-around;"
-    >
-      <h3>
-        Conference Room
-        :
-        <span
-          style="font-weight: normal;"
-        >
-          BVA0000001@caseflow.va.gov
-        </span>
-      </h3>
-      <h3>
-        PIN
-        :
-        <span
-          style="font-weight: normal;"
-        >
-          3998472
-          #
-        </span>
-      </h3>
-      <h3>
-        <button
-          aria-describedby="tooltip-Copy Guest Link"
-          aria-label=""
-          class="cf-apppeal-id"
-          currentitem="false"
-          data-css-cjlnsd=""
-          data-event="focus mouseenter"
-          data-event-off="mouseleave keydown"
-          data-for="tooltip-Copy Guest Link"
-          data-tip="true"
-          tabindex="0"
-          type="submit"
-        >
-          Copy Guest Link
-           
-          <svg
-            class=""
-            height="17"
-            viewBox="0 0 21 21"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
-              fill="#5b616b"
-              fill-rule="evenodd"
-            />
-          </svg>
-        </button>
-        <span
-          data-css-1qgqh7a=""
-        >
-          <div
-            class="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
-            data-id="tooltip"
-            id="tooltip-Copy Guest Link"
-            role="tooltip"
-          >
-            <style>
-              
-  	.t00000000-0000-0000-0000-000000000000 {
-	    color: #fff;
-	    background: #222;
-	    border: 1px solid transparent;
-  	}
-
-  	.t00000000-0000-0000-0000-000000000000.place-top {
-        margin-top: -10px;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-top::before {
-        border-top: 8px solid transparent;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-top::after {
-        border-left: 8px solid transparent;
-        border-right: 8px solid transparent;
-        bottom: -6px;
-        left: 50%;
-        margin-left: -8px;
-        border-top-color: #222;
-        border-top-style: solid;
-        border-top-width: 6px;
-    }
-
-    .t00000000-0000-0000-0000-000000000000.place-bottom {
-        margin-top: 10px;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
-        border-bottom: 8px solid transparent;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
-        border-left: 8px solid transparent;
-        border-right: 8px solid transparent;
-        top: -6px;
-        left: 50%;
-        margin-left: -8px;
-        border-bottom-color: #222;
-        border-bottom-style: solid;
-        border-bottom-width: 6px;
-    }
-
-    .t00000000-0000-0000-0000-000000000000.place-left {
-        margin-left: -10px;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-left::before {
-        border-left: 8px solid transparent;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-left::after {
-        border-top: 5px solid transparent;
-        border-bottom: 5px solid transparent;
-        right: -6px;
-        top: 50%;
-        margin-top: -4px;
-        border-left-color: #222;
-        border-left-style: solid;
-        border-left-width: 6px;
-    }
-
-    .t00000000-0000-0000-0000-000000000000.place-right {
-        margin-left: 10px;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-right::before {
-        border-right: 8px solid transparent;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-right::after {
-        border-top: 5px solid transparent;
-        border-bottom: 5px solid transparent;
-        left: -6px;
-        top: 50%;
-        margin-top: -4px;
-        border-right-color: #222;
-        border-right-style: solid;
-        border-right-width: 6px;
-    }
-  
-            </style>
-            Click to copy
-          </div>
-        </span>
-      </h3>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`DailyDocketGuestLinkSection renders correctly for non hearing admins and hearing management users 1`] = `
-<div>
-  <div
-    style="display: grid; grid-template-columns: 1fr 1.8fr; background-color: rgb(241, 241, 241); padding: 1em 0px 0px 1em; margin-left: -40px; margin-right: -40px;"
-  >
-    <h3>
-      Guest links for non-virtual hearings
-    </h3>
-    <div
-      style="display: flex; flex-wrap: wrap; justify-content: space-around;"
-    >
-      <h3>
-        Conference Room
-        :
-        <span
-          style="font-weight: normal;"
-        >
-          BVA0000001@caseflow.va.gov
-        </span>
-      </h3>
-      <h3>
-        PIN
-        :
-        <span
-          style="font-weight: normal;"
-        >
-          3998472
-          #
-        </span>
-      </h3>
-      <h3>
-        <button
-          aria-describedby="tooltip-Copy Guest Link"
-          aria-label=""
-          class="cf-apppeal-id"
-          currentitem="false"
-          data-css-cjlnsd=""
-          data-event="focus mouseenter"
-          data-event-off="mouseleave keydown"
-          data-for="tooltip-Copy Guest Link"
-          data-tip="true"
-          tabindex="0"
-          type="submit"
-        >
-          Copy Guest Link
-           
-          <svg
-            class=""
-            height="17"
-            viewBox="0 0 21 21"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
-              fill="#5b616b"
-              fill-rule="evenodd"
-            />
-          </svg>
-        </button>
-        <span
-          data-css-1qgqh7a=""
-        >
-          <div
-            class="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
-            data-id="tooltip"
-            id="tooltip-Copy Guest Link"
-            role="tooltip"
-          >
-            <style>
-              
-  	.t00000000-0000-0000-0000-000000000000 {
-	    color: #fff;
-	    background: #222;
-	    border: 1px solid transparent;
-  	}
-
-  	.t00000000-0000-0000-0000-000000000000.place-top {
-        margin-top: -10px;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-top::before {
-        border-top: 8px solid transparent;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-top::after {
-        border-left: 8px solid transparent;
-        border-right: 8px solid transparent;
-        bottom: -6px;
-        left: 50%;
-        margin-left: -8px;
-        border-top-color: #222;
-        border-top-style: solid;
-        border-top-width: 6px;
-    }
-
-    .t00000000-0000-0000-0000-000000000000.place-bottom {
-        margin-top: 10px;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
-        border-bottom: 8px solid transparent;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
-        border-left: 8px solid transparent;
-        border-right: 8px solid transparent;
-        top: -6px;
-        left: 50%;
-        margin-left: -8px;
-        border-bottom-color: #222;
-        border-bottom-style: solid;
-        border-bottom-width: 6px;
-    }
-
-    .t00000000-0000-0000-0000-000000000000.place-left {
-        margin-left: -10px;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-left::before {
-        border-left: 8px solid transparent;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-left::after {
-        border-top: 5px solid transparent;
-        border-bottom: 5px solid transparent;
-        right: -6px;
-        top: 50%;
-        margin-top: -4px;
-        border-left-color: #222;
-        border-left-style: solid;
-        border-left-width: 6px;
-    }
-
-    .t00000000-0000-0000-0000-000000000000.place-right {
-        margin-left: 10px;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-right::before {
-        border-right: 8px solid transparent;
-    }
-    .t00000000-0000-0000-0000-000000000000.place-right::after {
-        border-top: 5px solid transparent;
-        border-bottom: 5px solid transparent;
-        left: -6px;
-        top: 50%;
-        margin-top: -4px;
-        border-right-color: #222;
-        border-right-style: solid;
-        border-right-width: 6px;
-    }
-  
-            </style>
-            Click to copy
-          </div>
-        </span>
-      </h3>
-    </div>
-  </div>
-</div>
-`;
diff --git a/client/test/app/hearings/components/dailyDocket/__snapshots__/DailyDocketRow.test.js.snap b/client/test/app/hearings/components/dailyDocket/__snapshots__/DailyDocketRow.test.js.snap
index 595030c9ceb..38258f85557 100644
--- a/client/test/app/hearings/components/dailyDocket/__snapshots__/DailyDocketRow.test.js.snap
+++ b/client/test/app/hearings/components/dailyDocket/__snapshots__/DailyDocketRow.test.js.snap
@@ -262,6 +262,12 @@ exports[`DailyDocketRow renders correctly for non virtual, DVC  1`] = `
              Connect to Recording System
           </button>
         </span>
+        <div>
+          <b>
+            Pexip
+             hearing
+          </b>
+        </div>
         <div>
           <div
             class=""
@@ -853,6 +859,12 @@ exports[`DailyDocketRow renders correctly for non virtual, Transcriber  1`] = `
              Connect to Recording System
           </button>
         </span>
+        <div>
+          <b>
+            Webex
+             hearing
+          </b>
+        </div>
         <div>
           <div
             class=""
@@ -993,7 +1005,7 @@ exports[`DailyDocketRow renders correctly for non virtual, Transcriber  1`] = `
             <a
               href="/ae4c4050-36e8-4df2-83a4-839cf73725dc/details"
             >
-              Edit Hearing Details
+              Hearing Details and links
               <span
                 data-css-1qcxu9b=""
               >
@@ -1203,14 +1215,13 @@ exports[`DailyDocketRow renders correctly for non virtual, Transcriber  1`] = `
                 class="cf-form-radio-option"
               >
                 <input
-                  disabled=""
                   id="hearingTime0_8:30 AM Central Time (US & Canada)"
                   name="hearingTime0"
                   type="radio"
                   value="8:30 AM Central Time (US & Canada)"
                 />
                 <label
-                  class="disabled"
+                  class=""
                   for="hearingTime0_8:30 AM Central Time (US & Canada)"
                 >
                   8:30 AM Central Time (US & Canada) / 9:30 AM Eastern Time (US & Canada)
@@ -1220,14 +1231,13 @@ exports[`DailyDocketRow renders correctly for non virtual, Transcriber  1`] = `
                 class="cf-form-radio-option"
               >
                 <input
-                  disabled=""
                   id="hearingTime0_12:30 PM Central Time (US & Canada)"
                   name="hearingTime0"
                   type="radio"
                   value="12:30 PM Central Time (US & Canada)"
                 />
                 <label
-                  class="disabled"
+                  class=""
                   for="hearingTime0_12:30 PM Central Time (US & Canada)"
                 >
                   12:30 PM Central Time (US & Canada) / 1:30 PM Eastern Time (US & Canada)
@@ -1238,14 +1248,13 @@ exports[`DailyDocketRow renders correctly for non virtual, Transcriber  1`] = `
               >
                 <input
                   checked=""
-                  disabled=""
                   id="hearingTime0_Other"
                   name="hearingTime0"
                   type="radio"
                   value="Other"
                 />
                 <label
-                  class="disabled"
+                  class=""
                   for="hearingTime0_Other"
                 >
                   Other
@@ -1275,10 +1284,10 @@ exports[`DailyDocketRow renders correctly for non virtual, Transcriber  1`] = `
               class="cf-select"
             >
               <div
-                class="cf-select--is-disabled css-14jk2my-container"
+                class=" css-2b097c-container"
               >
                 <div
-                  class="cf-select__control cf-select__control--is-disabled css-1fhf3k1-control"
+                  class="cf-select__control css-yk16xz-control"
                 >
                   <div
                     class="cf-select__value-container css-g1d714-ValueContainer"
@@ -1288,21 +1297,41 @@ exports[`DailyDocketRow renders correctly for non virtual, Transcriber  1`] = `
                     >
                       Select a time
                     </div>
-                    <input
-                      aria-autocomplete="list"
-                      class="css-62g3xt-dummyInput"
-                      disabled=""
-                      id="optional-hearing-time-0"
-                      readonly=""
-                      tabindex="0"
-                      value=""
-                    />
+                    <div
+                      class="css-81nyic-Input"
+                    >
+                      <div
+                        class="cf-select__input"
+                        style="display: inline-block;"
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          aria-labelledby="optional-hearing-time-0-label"
+                          aria-owns="optional-hearing-time-0-listbox"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          id="optional-hearing-time-0"
+                          role="combobox"
+                          spellcheck="false"
+                          style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                        <div
+                          style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                        />
+                      </div>
+                    </div>
                   </div>
                   <div
                     class="cf-select__indicators css-1hb7zxy-IndicatorsContainer"
                   >
                     <span
-                      class="cf-select__indicator-separator css-109onse-indicatorSeparator"
+                      class="cf-select__indicator-separator css-1okebmr-indicatorSeparator"
                     />
                     <div
                       aria-hidden="true"
@@ -1323,6 +1352,11 @@ exports[`DailyDocketRow renders correctly for non virtual, Transcriber  1`] = `
                     </div>
                   </div>
                 </div>
+                <input
+                  name="optionalHearingTime0"
+                  type="hidden"
+                  value=""
+                />
               </div>
             </div>
           </div>
@@ -1506,6 +1540,12 @@ exports[`DailyDocketRow renders correctly for non virtual, VSO  1`] = `
       <div
         data-css-leaxad=""
       >
+        <div>
+          <b>
+            Pexip
+             hearing
+          </b>
+        </div>
         <div>
           <div
             class=""
@@ -1806,14 +1846,13 @@ exports[`DailyDocketRow renders correctly for non virtual, VSO  1`] = `
                 class="cf-form-radio-option"
               >
                 <input
-                  disabled=""
                   id="hearingTime0_8:30 AM Central Time (US & Canada)"
                   name="hearingTime0"
                   type="radio"
                   value="8:30 AM Central Time (US & Canada)"
                 />
                 <label
-                  class="disabled"
+                  class=""
                   for="hearingTime0_8:30 AM Central Time (US & Canada)"
                 >
                   8:30 AM Central Time (US & Canada) / 9:30 AM Eastern Time (US & Canada)
@@ -1823,14 +1862,13 @@ exports[`DailyDocketRow renders correctly for non virtual, VSO  1`] = `
                 class="cf-form-radio-option"
               >
                 <input
-                  disabled=""
                   id="hearingTime0_12:30 PM Central Time (US & Canada)"
                   name="hearingTime0"
                   type="radio"
                   value="12:30 PM Central Time (US & Canada)"
                 />
                 <label
-                  class="disabled"
+                  class=""
                   for="hearingTime0_12:30 PM Central Time (US & Canada)"
                 >
                   12:30 PM Central Time (US & Canada) / 1:30 PM Eastern Time (US & Canada)
@@ -1841,14 +1879,13 @@ exports[`DailyDocketRow renders correctly for non virtual, VSO  1`] = `
               >
                 <input
                   checked=""
-                  disabled=""
                   id="hearingTime0_Other"
                   name="hearingTime0"
                   type="radio"
                   value="Other"
                 />
                 <label
-                  class="disabled"
+                  class=""
                   for="hearingTime0_Other"
                 >
                   Other
@@ -1878,10 +1915,10 @@ exports[`DailyDocketRow renders correctly for non virtual, VSO  1`] = `
               class="cf-select"
             >
               <div
-                class="cf-select--is-disabled css-14jk2my-container"
+                class=" css-2b097c-container"
               >
                 <div
-                  class="cf-select__control cf-select__control--is-disabled css-1fhf3k1-control"
+                  class="cf-select__control css-yk16xz-control"
                 >
                   <div
                     class="cf-select__value-container css-g1d714-ValueContainer"
@@ -1891,21 +1928,41 @@ exports[`DailyDocketRow renders correctly for non virtual, VSO  1`] = `
                     >
                       Select a time
                     </div>
-                    <input
-                      aria-autocomplete="list"
-                      class="css-62g3xt-dummyInput"
-                      disabled=""
-                      id="optional-hearing-time-0"
-                      readonly=""
-                      tabindex="0"
-                      value=""
-                    />
+                    <div
+                      class="css-81nyic-Input"
+                    >
+                      <div
+                        class="cf-select__input"
+                        style="display: inline-block;"
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          aria-labelledby="optional-hearing-time-0-label"
+                          aria-owns="optional-hearing-time-0-listbox"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          id="optional-hearing-time-0"
+                          role="combobox"
+                          spellcheck="false"
+                          style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                        <div
+                          style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                        />
+                      </div>
+                    </div>
                   </div>
                   <div
                     class="cf-select__indicators css-1hb7zxy-IndicatorsContainer"
                   >
                     <span
-                      class="cf-select__indicator-separator css-109onse-indicatorSeparator"
+                      class="cf-select__indicator-separator css-1okebmr-indicatorSeparator"
                     />
                     <div
                       aria-hidden="true"
@@ -1926,6 +1983,11 @@ exports[`DailyDocketRow renders correctly for non virtual, VSO  1`] = `
                     </div>
                   </div>
                 </div>
+                <input
+                  name="optionalHearingTime0"
+                  type="hidden"
+                  value=""
+                />
               </div>
             </div>
           </div>
@@ -2148,6 +2210,12 @@ exports[`DailyDocketRow renders correctly for non virtual, attorney 1`] = `
              Connect to Recording System
           </button>
         </span>
+        <div>
+          <b>
+            Pexip
+             hearing
+          </b>
+        </div>
         <div>
           <div
             class=""
@@ -2739,6 +2807,12 @@ exports[`DailyDocketRow renders correctly for non virtual, hearing cooridnator 1
              Connect to Recording System
           </button>
         </span>
+        <div>
+          <b>
+            Webex
+             hearing
+          </b>
+        </div>
         <div>
           <div
             class=""
@@ -2879,7 +2953,7 @@ exports[`DailyDocketRow renders correctly for non virtual, hearing cooridnator 1
             <a
               href="/ae4c4050-36e8-4df2-83a4-839cf73725dc/details"
             >
-              Edit Hearing Details
+              Hearing Details and links
               <span
                 data-css-1qcxu9b=""
               >
@@ -3089,14 +3163,13 @@ exports[`DailyDocketRow renders correctly for non virtual, hearing cooridnator 1
                 class="cf-form-radio-option"
               >
                 <input
-                  disabled=""
                   id="hearingTime0_8:30 AM Central Time (US & Canada)"
                   name="hearingTime0"
                   type="radio"
                   value="8:30 AM Central Time (US & Canada)"
                 />
                 <label
-                  class="disabled"
+                  class=""
                   for="hearingTime0_8:30 AM Central Time (US & Canada)"
                 >
                   8:30 AM Central Time (US & Canada) / 9:30 AM Eastern Time (US & Canada)
@@ -3106,14 +3179,13 @@ exports[`DailyDocketRow renders correctly for non virtual, hearing cooridnator 1
                 class="cf-form-radio-option"
               >
                 <input
-                  disabled=""
                   id="hearingTime0_12:30 PM Central Time (US & Canada)"
                   name="hearingTime0"
                   type="radio"
                   value="12:30 PM Central Time (US & Canada)"
                 />
                 <label
-                  class="disabled"
+                  class=""
                   for="hearingTime0_12:30 PM Central Time (US & Canada)"
                 >
                   12:30 PM Central Time (US & Canada) / 1:30 PM Eastern Time (US & Canada)
@@ -3124,14 +3196,13 @@ exports[`DailyDocketRow renders correctly for non virtual, hearing cooridnator 1
               >
                 <input
                   checked=""
-                  disabled=""
                   id="hearingTime0_Other"
                   name="hearingTime0"
                   type="radio"
                   value="Other"
                 />
                 <label
-                  class="disabled"
+                  class=""
                   for="hearingTime0_Other"
                 >
                   Other
@@ -3161,10 +3232,10 @@ exports[`DailyDocketRow renders correctly for non virtual, hearing cooridnator 1
               class="cf-select"
             >
               <div
-                class="cf-select--is-disabled css-14jk2my-container"
+                class=" css-2b097c-container"
               >
                 <div
-                  class="cf-select__control cf-select__control--is-disabled css-1fhf3k1-control"
+                  class="cf-select__control css-yk16xz-control"
                 >
                   <div
                     class="cf-select__value-container css-g1d714-ValueContainer"
@@ -3174,21 +3245,41 @@ exports[`DailyDocketRow renders correctly for non virtual, hearing cooridnator 1
                     >
                       Select a time
                     </div>
-                    <input
-                      aria-autocomplete="list"
-                      class="css-62g3xt-dummyInput"
-                      disabled=""
-                      id="optional-hearing-time-0"
-                      readonly=""
-                      tabindex="0"
-                      value=""
-                    />
+                    <div
+                      class="css-81nyic-Input"
+                    >
+                      <div
+                        class="cf-select__input"
+                        style="display: inline-block;"
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          aria-labelledby="optional-hearing-time-0-label"
+                          aria-owns="optional-hearing-time-0-listbox"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          id="optional-hearing-time-0"
+                          role="combobox"
+                          spellcheck="false"
+                          style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                        <div
+                          style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                        />
+                      </div>
+                    </div>
                   </div>
                   <div
                     class="cf-select__indicators css-1hb7zxy-IndicatorsContainer"
                   >
                     <span
-                      class="cf-select__indicator-separator css-109onse-indicatorSeparator"
+                      class="cf-select__indicator-separator css-1okebmr-indicatorSeparator"
                     />
                     <div
                       aria-hidden="true"
@@ -3209,6 +3300,11 @@ exports[`DailyDocketRow renders correctly for non virtual, hearing cooridnator 1
                     </div>
                   </div>
                 </div>
+                <input
+                  name="optionalHearingTime0"
+                  type="hidden"
+                  value=""
+                />
               </div>
             </div>
           </div>
@@ -3431,6 +3527,12 @@ exports[`DailyDocketRow renders correctly for non virtual, judge 1`] = `
              Connect to Recording System
           </button>
         </span>
+        <div>
+          <b>
+            Webex
+             hearing
+          </b>
+        </div>
         <div>
           <div
             class=""
@@ -4015,51 +4117,15 @@ exports[`DailyDocketRow renders correctly for virtual 1`] = `
         data-css-leaxad=""
       >
         <div>
-          <a
-            href="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0002935@care.evn.va.gov&pin=7928463#&role=host"
-            target="_blank"
-          >
-            <strong>
-              VLJ Virtual Hearing Link
-            </strong>
-            <span
-              data-css-32srrr=""
-            >
-               
-              <svg
-                class=""
-                height="20"
-                version="1.1"
-                viewBox="0 0 18 16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <g
-                  fill="none"
-                  fill-rule="evenodd"
-                  stroke="none"
-                  stroke-width="1"
-                >
-                  <g
-                    fill="#0071bc"
-                    fill-rule="nonzero"
-                  >
-                    <g
-                      transform="translate(1.000000, 1.000000)"
-                    >
-                      <path
-                        d="M12.2767813,8.17242825 L11.7057188,8.17242825 C11.6223125,8.17242825 11.553875,8.19969476 11.500625,8.25448292 C11.4469375,8.30895216 11.4202188,8.37876082 11.4202188,8.46378132 L11.4202188,11.377344 C11.4202188,11.7779863 11.2805313,12.1208747 11.001,12.4062005 C10.7214688,12.6914624 10.3853438,12.8339818 9.99275,12.8339818 L2.5695,12.8339818 C2.1769375,12.8339818 1.84084375,12.6914624 1.56125,12.4062005 C1.28171875,12.1209066 1.14196875,11.7780182 1.14196875,11.377344 L1.14196875,3.80200456 C1.14196875,3.40139408 1.2816875,3.05853759 1.56125,2.77324374 C1.84084375,2.487918 2.1769375,2.34533485 2.5695,2.34533485 L8.8505625,2.34533485 C8.93396875,2.34533485 9.00240625,2.31794077 9.055875,2.26337585 C9.10934375,2.20874715 9.1360625,2.13900228 9.1360625,2.05394989 L9.1360625,1.47114806 C9.1360625,1.38625513 9.10934375,1.31638269 9.055875,1.26184966 C9.00240625,1.20722096 8.93396875,1.17995444 8.8505625,1.17995444 L2.5695,1.17995444 C1.86175,1.17995444 1.2565,1.43641913 0.7538125,1.94931663 C0.2513125,2.46218223 0,3.07984055 0,3.80210023 L0,11.3774715 C0,12.0996993 0.2513125,12.7174533 0.75384375,13.2301595 C1.25653125,13.7430888 1.86178125,13.9996811 2.56953125,13.9996811 L9.99275,13.9996811 C10.7004688,13.9996811 11.3057813,13.7430888 11.8084063,13.2301595 C12.3110625,12.7174533 12.562375,12.0997312 12.562375,11.3774715 L12.562375,8.46400456 C12.562375,8.37888838 12.535625,8.30904784 12.4819375,8.25448292 C12.4284063,8.19969476 12.3599688,8.17242825 12.2767813,8.17242825 Z"
-                        id="external-link-outline-box"
-                      />
-                      <path
-                        d="M15.8009687,0.172974943 C15.6879375,0.0576264237 15.5539375,0 15.3994062,0 L10.8313437,0 C10.6767187,0 10.5428125,0.0576264237 10.429875,0.172974943 C10.3168438,0.288259681 10.26025,0.42484738 10.26025,0.58267426 C10.26025,0.740501139 10.3168438,0.877120729 10.429875,0.992469248 L12.0000938,2.59491116 L6.183,8.53138952 C6.1234375,8.59207745 6.09375,8.661918 6.09375,8.74068793 C6.09375,8.81974487 6.12353125,8.88955353 6.183,8.95024146 L7.200125,9.98809112 C7.25959375,10.048779 7.32803125,10.0790433 7.40534375,10.0790433 C7.48265625,10.0790433 7.551125,10.0488109 7.6105625,9.98809112 L13.4276875,4.05170843 L14.9980313,5.65415034 C15.1109687,5.76949886 15.2448438,5.82718907 15.3995,5.82718907 C15.5541562,5.82718907 15.6880312,5.76949886 15.8010937,5.65415034 C15.914125,5.53883371 15.9705937,5.4022779 15.9705937,5.24445103 L15.9705937,0.58267426 C15.9705625,0.424751708 15.9139063,0.288259681 15.8009687,0.172974943 Z"
-                        id="external-link-outline-arrow"
-                      />
-                    </g>
-                  </g>
-                </g>
-              </svg>
-            </span>
-          </a>
+          <span>
+            VLJ Virtual Hearing Link: N/A
+          </span>
+        </div>
+        <div>
+          <b>
+            Pexip
+             hearing
+          </b>
         </div>
         <div>
           <div
@@ -4201,7 +4267,7 @@ exports[`DailyDocketRow renders correctly for virtual 1`] = `
             <a
               href="/3c170697-2c52-4bad-b7bd-2ccf44f0c44c/details"
             >
-              Edit Hearing Details
+              Hearing Details and links
               <span
                 data-css-1qcxu9b=""
               >
diff --git a/client/test/app/hearings/components/dailyDocket/__snapshots__/StaticVirtualHearing.test.js.snap b/client/test/app/hearings/components/dailyDocket/__snapshots__/StaticVirtualHearing.test.js.snap
index b6e14b9ce82..9ce34859cd3 100644
--- a/client/test/app/hearings/components/dailyDocket/__snapshots__/StaticVirtualHearing.test.js.snap
+++ b/client/test/app/hearings/components/dailyDocket/__snapshots__/StaticVirtualHearing.test.js.snap
@@ -31,7 +31,7 @@ Object {
                 stroke-width="1"
               >
                 <g
-                  fill="#0071bc"
+                  fill="#757575"
                   fill-rule="nonzero"
                 >
                   <g
@@ -81,7 +81,7 @@ Object {
               stroke-width="1"
             >
               <g
-                fill="#0071bc"
+                fill="#757575"
                 fill-rule="nonzero"
               >
                 <g
@@ -188,7 +188,7 @@ Object {
                 stroke-width="1"
               >
                 <g
-                  fill="#0071bc"
+                  fill="#757575"
                   fill-rule="nonzero"
                 >
                   <g
@@ -238,7 +238,7 @@ Object {
               stroke-width="1"
             >
               <g
-                fill="#0071bc"
+                fill="#757575"
                 fill-rule="nonzero"
               >
                 <g
@@ -342,7 +342,7 @@ exports[`StaticVirtualHearing renders correctly 1`] = `
             stroke-width="1"
           >
             <g
-              fill="#0071bc"
+              fill="#757575"
               fill-rule="nonzero"
             >
               <g
@@ -365,3 +365,13 @@ exports[`StaticVirtualHearing renders correctly 1`] = `
   </div>
 </div>
 `;
+
+exports[`StaticVirtualHearing renders past hearing correctly 1`] = `
+<div>
+  <div>
+    <span>
+      undefined: N/A
+    </span>
+  </div>
+</div>
+`;
diff --git a/client/test/app/hearings/components/details/HearingLinks.test.js b/client/test/app/hearings/components/details/HearingLinks.test.js
index a40b5f32600..3cb5bef358c 100644
--- a/client/test/app/hearings/components/details/HearingLinks.test.js
+++ b/client/test/app/hearings/components/details/HearingLinks.test.js
@@ -1,62 +1,162 @@
 import React from 'react';
 
 import { HearingLinks } from 'app/hearings/components/details/HearingLinks';
-import { anyUser, vsoUser } from 'test/data/user';
+import { anyUser, vsoUser, hearingUser } from 'test/data/user';
 import { inProgressvirtualHearing } from 'test/data/virtualHearings';
-import { virtualHearing, amaHearing } from 'test/data/hearings';
+import { virtualHearing, amaHearing, virtualWebexHearing } from 'test/data/hearings';
 import { mount } from 'enzyme';
+import { render, screen } from '@testing-library/react';
 import VirtualHearingLink from
   'app/hearings/components/VirtualHearingLink';
 
-const hearing = {
-  scheduledForIsPast: false
-};
-
 describe('HearingLinks', () => {
-  test('Matches snapshot with default props when passed in', () => {
+  test('Matches snapshot when hearing is virtual, pexip, and in progress', () => {
+    const hearing = {
+      scheduledForIsPast: false,
+      conferenceProvider: 'pexip',
+      isVirtual: true
+    };
+
     const form = mount(
-      <HearingLinks />
+      <HearingLinks
+        hearing={hearing}
+        isVirtual
+        user={anyUser}
+        virtualHearing={inProgressvirtualHearing}
+      />
+    );
+
+    expect(form).toMatchSnapshot();
+    expect(form.find('LinkContainer')).toHaveLength(3);
+    expect(
+      form.find('LinkContainer').exists({ role: 'VLJ' })
+    ).toBe(true);
+    expect(
+      form.find('VirtualHearingLinkDetails').exists({ label: 'Join Hearing' })
+    ).toBe(true);
+    expect(
+      form.find('VirtualHearingLinkDetails').exists({ label: 'Start Hearing' })
+    ).toBe(true);
+    expect(form.contains(<strong>Conference Room: </strong>)).toBe(true);
+    expect(form.contains(<strong>PIN: </strong>)).toBe(true);
+  });
+
+  test('Matches snapshot when hearing was virtual and occurred', () => {
+    const hearing = {
+      scheduledForIsPast: false,
+      wasVirtual: true,
+      conferenceProvider: 'pexip'
+    };
+
+    const form = mount(
+      <HearingLinks
+        hearing={hearing}
+        wasVirtual
+        user={anyUser}
+        virtualHearing={inProgressvirtualHearing}
+      />
     );
 
     expect(form).toMatchSnapshot();
     expect(form.find(VirtualHearingLink)).toHaveLength(0);
+    expect(
+      form.find('span').filterWhere((node) => node.text() === 'N/A')
+    ).toHaveLength(3);
   });
 
-  test('Matches snapshot when hearing is virtual and in progress', () => {
+  test('Matches snapshot when hearing is virtual, webex, and in progress', () => {
+    const hearing = {
+      scheduledForIsPast: false,
+      isVirtual: true,
+      conferenceProvider: 'webex'
+    };
+
     const form = mount(
       <HearingLinks
         hearing={hearing}
         isVirtual
         user={anyUser}
-        virtualHearing={inProgressvirtualHearing}
+        virtualHearing={virtualWebexHearing.virtualHearing}
       />
     );
 
     expect(form).toMatchSnapshot();
-    expect(form.find(VirtualHearingLink)).toHaveLength(2);
+    expect(form.find('VirtualHearingLinkDetails')).toHaveLength(3);
     expect(
-      form.find(VirtualHearingLink).exists({ label: 'Join Virtual Hearing' })
+      form.find('VirtualHearingLinkDetails').exists({ label: 'Join Hearing' })
     ).toBe(true);
     expect(
-      form.find(VirtualHearingLink).exists({ label: 'Start Virtual Hearing' })
+      form.find('VirtualHearingLinkDetails').exists({ label: 'Start Hearing' })
+    ).toBe(true);
+    expect(
+      form.find('LinkContainer').exists({ link: virtualWebexHearing.virtualHearing.hostLink })
     ).toBe(true);
   });
 
-  test('Matches snapshot when hearing was virtual and occurred', () => {
+  test('Matches snapshot when hearing is non-virtual, webex, and in progress', () => {
+    const hearing = {
+      scheduledForIsPast: false,
+      conferenceProvider: 'webex',
+      nonVirtualConferenceLink: {
+        alias: null,
+        coHostLink: 'https://instant-usgov.webex.com/visit/yqju5qi',
+        conferenceProvider: 'webex',
+        guestLink: 'https://instant-usgov.webex.com/visit/m9p1k56',
+        guestPin: null,
+        hostLink: 'https://instant-usgov.webex.com/visit/owhuy7m',
+        hostPin: null,
+        type: 'WebexConferenceLink'
+      }
+    };
     const form = mount(
       <HearingLinks
         hearing={hearing}
-        wasVirtual
+        isVirtual={false}
         user={anyUser}
-        virtualHearing={inProgressvirtualHearing}
       />
     );
 
     expect(form).toMatchSnapshot();
-    expect(form.find(VirtualHearingLink)).toHaveLength(0);
+    expect(form.find('LinkContainer')).toHaveLength(3);
+    expect(form.find('VirtualHearingLinkDetails')).toHaveLength(3);
+    expect(
+      form.find('LinkContainer').exists({ link: hearing.nonVirtualConferenceLink.hostLink })
+    ).toBe(true);
+  });
+
+  test('Matches snapshot when hearing is non-virtual, pexip, and in progress', () => {
+    const hearing = {
+      scheduledForIsPast: false,
+      wasVirtual: false,
+      conferenceProvider: 'pexip',
+      readableRequestType: 'Video',
+      dailyDocketConferenceLink: {
+        alias: 'BVA0001094@example.va.gov',
+        coHostLink: null,
+        conferenceProvider: 'pexip',
+        guestLink: 'https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video',
+        guestPin: '1342380867',
+        hearingDayId: 151,
+        hostLink: 'https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host',
+        hostPin: '1073526',
+        type: 'PexipConferenceLink'
+      }
+    };
+
+    const form = mount(
+      <HearingLinks
+        hearing={hearing}
+        isVirtual={false}
+        user={anyUser}
+      />
+    );
+
+    expect(form).toMatchSnapshot();
+    expect(form.find('LinkContainer')).toHaveLength(3);
+    expect(form.find('VirtualHearingLinkDetails')).toHaveLength(3);
     expect(
-      form.find('span').filterWhere((node) => node.text() === 'Expired')
-    ).toHaveLength(2);
+      form.find('LinkContainer').exists({ link: hearing.dailyDocketConferenceLink.hostLink })
+    ).toBe(true);
   });
 
   test('Only displays Guest Link when user is not a host', () => {
@@ -72,6 +172,20 @@ describe('HearingLinks', () => {
     expect(form).toMatchSnapshot();
     expect(form.find(VirtualHearingLink)).toHaveLength(1);
     // Ensure it's the guest link
-    expect(form.find(VirtualHearingLink).prop('link')).toEqual(amaHearing.virtualHearing.guestLink)
-  })
+    expect(form.find(VirtualHearingLink).prop('link')).toEqual(amaHearing.virtualHearing.guestLink);
+  });
+
+  test('Display NA for links when hearing is cancelled', () => {
+    render(
+      <HearingLinks
+        hearing={amaHearing}
+        isVirtual
+        user={hearingUser}
+        virtualHearing={virtualHearing.virtualHearing}
+        isCancelled
+      />
+    );
+
+    expect(screen.getAllByText('N/A').length).toBe(9);
+  });
 });
diff --git a/client/test/app/hearings/components/details/VirtualHearingFields.test.js b/client/test/app/hearings/components/details/VirtualHearingFields.test.js
index b93d3c3fb82..c6183213284 100644
--- a/client/test/app/hearings/components/details/VirtualHearingFields.test.js
+++ b/client/test/app/hearings/components/details/VirtualHearingFields.test.js
@@ -31,9 +31,8 @@ describe('VirtualHearingFields', () => {
     );
 
     // Assertions
-    expect(virtualHearingForm.children()).toHaveLength(0);
+    expect(virtualHearingForm.children()).toHaveLength(1);
     expect(virtualHearingForm).toMatchSnapshot();
-
   });
 
   test('Shows only hearing links with no virtualHearing', () => {
@@ -42,6 +41,7 @@ describe('VirtualHearingFields', () => {
       <VirtualHearingFields
         update={updateSpy}
         hearing={amaHearing}
+        virtualHearing={amaHearing.virtualHearing}
       />,
 
       {
@@ -72,11 +72,72 @@ describe('VirtualHearingFields', () => {
       }
     );
 
+    const hearingMeetingType = amaHearing.judge.meetingType;
+
     // Assertions
     expect(virtualHearingForm.find(ContentSection)).toHaveLength(1);
     expect(virtualHearingForm.find(HearingLinks)).toHaveLength(1);
+    expect(hearingMeetingType).toBeTruthy();
+    expect(hearingMeetingType).toStrictEqual('pexip' || 'webex');
+
+    expect(virtualHearingForm).toMatchSnapshot();
+  });
+
+  test('Renders webex conference when conference provider is webex', () => {
+    const webexHearing = {
+      ...amaHearing,
+      conferenceProvider: 'webex'
+    };
+
+    // Run the test
+    const virtualHearingForm = mount(
+      <VirtualHearingFields
+        update={updateSpy}
+        hearing={webexHearing}
+        virtualHearing={{
+          ...virtualHearing.virtualHearing,
+          conferenceProvider: 'webex'
+        }}
+      />,
+
+      {
+        wrappingComponent: hearingDetailsWrapper(anyUser, webexHearing),
+        wrappingComponentProps: { store: detailsStore }
+      }
+    );
+
+    // Assertions
+    expect(virtualHearingForm.text().includes('Webex Hearing')).toBeTruthy();
+
+    expect(virtualHearingForm).toMatchSnapshot();
+  });
+
+  test('Renders pexip conference when conference provider is pexip', () => {
+    const webexHearing = {
+      ...amaHearing,
+      conferenceProvider: 'pexip'
+    };
+
+    // Run the test
+    const virtualHearingForm = mount(
+      <VirtualHearingFields
+        update={updateSpy}
+        hearing={webexHearing}
+        virtualHearing={{
+          ...virtualHearing.virtualHearing,
+          conferenceProvider: 'pexip'
+        }}
+      />,
+
+      {
+        wrappingComponent: hearingDetailsWrapper(anyUser, webexHearing),
+        wrappingComponentProps: { store: detailsStore }
+      }
+    );
+
+    // Assertions
+    expect(virtualHearingForm.text().includes('Pexip Hearing')).toBeTruthy();
 
     expect(virtualHearingForm).toMatchSnapshot();
   });
-})
-;
+});
diff --git a/client/test/app/hearings/components/details/__snapshots__/DetailsForm.test.js.snap b/client/test/app/hearings/components/details/__snapshots__/DetailsForm.test.js.snap
index 13ef713c952..22670476ceb 100644
--- a/client/test/app/hearings/components/details/__snapshots__/DetailsForm.test.js.snap
+++ b/client/test/app/hearings/components/details/__snapshots__/DetailsForm.test.js.snap
@@ -24,6 +24,7 @@ exports[`DetailsForm Matches snapshot with default props when passed in 1`] = `
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -8442,6 +8443,7 @@ exports[`DetailsForm Matches snapshot with default props when passed in 1`] = `
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -8513,7 +8515,564 @@ exports[`DetailsForm Matches snapshot with default props when passed in 1`] = `
       }
     }
     virtualHearing={null}
-  />
+  >
+    <ContentSection
+      header="Hearing Links"
+    >
+      <div
+        className="cf-app-segment"
+      >
+        <h2
+          data-css-3rhuy2=""
+        >
+          Hearing Links
+        </h2>
+        <div
+          data-css-1571z6o=""
+        >
+          <div
+            data-css-tx10g=""
+          >
+            <strong>
+              Pexip
+               Hearing
+            </strong>
+          </div>
+          <HearingLinks
+            hearing={
+              Object {
+                "advanceOnDocketMotion": null,
+                "aod": false,
+                "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
+                "appealId": 613,
+                "appellantAddressLine1": "9999 MISSION ST",
+                "appellantCity": "SAN FRANCISCO",
+                "appellantEmailAddress": "tom.brady@caseflow.gov",
+                "appellantFirstName": "Tom",
+                "appellantIsNotVeteran": false,
+                "appellantLastName": "Brady",
+                "appellantRelationship": "Spouse",
+                "appellantState": "CA",
+                "appellantTz": "America/Los_Angeles",
+                "appellantZip": "94103",
+                "availableHearingLocations": Object {},
+                "bvaPoc": null,
+                "caseType": "Original",
+                "centralOfficeTimeString": "04:00",
+                "claimantId": 604,
+                "closestRegionalOffice": null,
+                "conferenceProvider": "pexip",
+                "currentIssueCount": 0,
+                "disposition": null,
+                "dispositionEditable": true,
+                "docketName": "hearing",
+                "docketNumber": "200624-614",
+                "emailEvents": Array [],
+                "evidenceWindowWaived": false,
+                "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                "hearingDayId": 11,
+                "id": 10,
+                "isVirtual": false,
+                "judge": Object {
+                  "createdAt": "2020-06-25T11:00:43.257-04:00",
+                  "cssId": "BVAAABSHIRE",
+                  "displayName": "BVAAABSHIRE (VACO)",
+                  "efolderDocumentsFetchedAt": null,
+                  "email": null,
+                  "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                  "id": 3,
+                  "lastLoginAt": null,
+                  "roles": Object {},
+                  "selectedRegionalOffice": null,
+                  "stationId": "101",
+                  "status": "active",
+                  "statusUpdatedAt": null,
+                  "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                },
+                "judgeId": "3",
+                "location": null,
+                "militaryService": "",
+                "notes": null,
+                "paperCase": false,
+                "poaName": "AMERICAN LEGION",
+                "prepped": null,
+                "readableLocation": null,
+                "readableRequestType": "Video",
+                "regionalOfficeKey": "RO17",
+                "regionalOfficeName": "St. Petersburg regional office",
+                "regionalOfficeTimezone": "America/New_York",
+                "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                "representativeAddress": Object {
+                  "addressLine1": "9999 MISSION ST",
+                  "city": "SAN FRANCISCO",
+                  "state": "CA",
+                  "zip": "94103",
+                },
+                "representativeEmailAddress": "tom.brady@caseflow.gov",
+                "representativeName": null,
+                "representativeTz": "America/Los_Angeles",
+                "room": "1",
+                "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                "scheduledForIsPast": false,
+                "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                "scheduledTimeString": "06:00",
+                "summary": null,
+                "transcriptRequested": null,
+                "transcription": Object {},
+                "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                "veteranAge": 85,
+                "veteranEmailAddress": "John.Smith@test.com",
+                "veteranFileNumber": "100000005",
+                "veteranFirstName": "John",
+                "veteranGender": "M",
+                "veteranLastName": "Smith",
+                "virtualHearing": null,
+                "wasVirtual": false,
+                "witness": null,
+                "worksheetIssues": Object {},
+              }
+            }
+            isCancelled={false}
+            isVirtual={false}
+            scheduledForIsPast={false}
+            user={
+              Object {
+                "addressCity": "Washington",
+                "addressLine1": "123 Fake St.",
+                "addressState": "DC",
+                "addressZip": "20001",
+                "name": "John Smith",
+              }
+            }
+            virtualHearing={null}
+            wasVirtual={false}
+          >
+            <div
+              data-css-19plkw7=""
+              data-css-1fmltfu=""
+            >
+              <LinkContainer
+                hearing={
+                  Object {
+                    "advanceOnDocketMotion": null,
+                    "aod": false,
+                    "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
+                    "appealId": 613,
+                    "appellantAddressLine1": "9999 MISSION ST",
+                    "appellantCity": "SAN FRANCISCO",
+                    "appellantEmailAddress": "tom.brady@caseflow.gov",
+                    "appellantFirstName": "Tom",
+                    "appellantIsNotVeteran": false,
+                    "appellantLastName": "Brady",
+                    "appellantRelationship": "Spouse",
+                    "appellantState": "CA",
+                    "appellantTz": "America/Los_Angeles",
+                    "appellantZip": "94103",
+                    "availableHearingLocations": Object {},
+                    "bvaPoc": null,
+                    "caseType": "Original",
+                    "centralOfficeTimeString": "04:00",
+                    "claimantId": 604,
+                    "closestRegionalOffice": null,
+                    "conferenceProvider": "pexip",
+                    "currentIssueCount": 0,
+                    "disposition": null,
+                    "dispositionEditable": true,
+                    "docketName": "hearing",
+                    "docketNumber": "200624-614",
+                    "emailEvents": Array [],
+                    "evidenceWindowWaived": false,
+                    "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                    "hearingDayId": 11,
+                    "id": 10,
+                    "isVirtual": false,
+                    "judge": Object {
+                      "createdAt": "2020-06-25T11:00:43.257-04:00",
+                      "cssId": "BVAAABSHIRE",
+                      "displayName": "BVAAABSHIRE (VACO)",
+                      "efolderDocumentsFetchedAt": null,
+                      "email": null,
+                      "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                      "id": 3,
+                      "lastLoginAt": null,
+                      "roles": Object {},
+                      "selectedRegionalOffice": null,
+                      "stationId": "101",
+                      "status": "active",
+                      "statusUpdatedAt": null,
+                      "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                    },
+                    "judgeId": "3",
+                    "location": null,
+                    "militaryService": "",
+                    "notes": null,
+                    "paperCase": false,
+                    "poaName": "AMERICAN LEGION",
+                    "prepped": null,
+                    "readableLocation": null,
+                    "readableRequestType": "Video",
+                    "regionalOfficeKey": "RO17",
+                    "regionalOfficeName": "St. Petersburg regional office",
+                    "regionalOfficeTimezone": "America/New_York",
+                    "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                    "representativeAddress": Object {
+                      "addressLine1": "9999 MISSION ST",
+                      "city": "SAN FRANCISCO",
+                      "state": "CA",
+                      "zip": "94103",
+                    },
+                    "representativeEmailAddress": "tom.brady@caseflow.gov",
+                    "representativeName": null,
+                    "representativeTz": "America/Los_Angeles",
+                    "room": "1",
+                    "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                    "scheduledForIsPast": false,
+                    "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                    "scheduledTimeString": "06:00",
+                    "summary": null,
+                    "transcriptRequested": null,
+                    "transcription": Object {},
+                    "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                    "veteranAge": 85,
+                    "veteranEmailAddress": "John.Smith@test.com",
+                    "veteranFileNumber": "100000005",
+                    "veteranFirstName": "John",
+                    "veteranGender": "M",
+                    "veteranLastName": "Smith",
+                    "virtualHearing": null,
+                    "wasVirtual": false,
+                    "witness": null,
+                    "worksheetIssues": Object {},
+                  }
+                }
+                isVirtual={false}
+                label="Guest Link"
+                linkText="Join Hearing"
+                role="Guest"
+                user={
+                  Object {
+                    "addressCity": "Washington",
+                    "addressLine1": "123 Fake St.",
+                    "addressState": "DC",
+                    "addressZip": "20001",
+                    "name": "John Smith",
+                  }
+                }
+                virtualHearing={null}
+                wasVirtual={false}
+              >
+                <div
+                  data-css-tx10g=""
+                  id="guest-hearings-link"
+                >
+                  <strong>
+                    Guest Link
+                    : 
+                  </strong>
+                  <VirtualHearingLinkDetails
+                    hearing={
+                      Object {
+                        "advanceOnDocketMotion": null,
+                        "aod": false,
+                        "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
+                        "appealId": 613,
+                        "appellantAddressLine1": "9999 MISSION ST",
+                        "appellantCity": "SAN FRANCISCO",
+                        "appellantEmailAddress": "tom.brady@caseflow.gov",
+                        "appellantFirstName": "Tom",
+                        "appellantIsNotVeteran": false,
+                        "appellantLastName": "Brady",
+                        "appellantRelationship": "Spouse",
+                        "appellantState": "CA",
+                        "appellantTz": "America/Los_Angeles",
+                        "appellantZip": "94103",
+                        "availableHearingLocations": Object {},
+                        "bvaPoc": null,
+                        "caseType": "Original",
+                        "centralOfficeTimeString": "04:00",
+                        "claimantId": 604,
+                        "closestRegionalOffice": null,
+                        "conferenceProvider": "pexip",
+                        "currentIssueCount": 0,
+                        "disposition": null,
+                        "dispositionEditable": true,
+                        "docketName": "hearing",
+                        "docketNumber": "200624-614",
+                        "emailEvents": Array [],
+                        "evidenceWindowWaived": false,
+                        "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                        "hearingDayId": 11,
+                        "id": 10,
+                        "isVirtual": false,
+                        "judge": Object {
+                          "createdAt": "2020-06-25T11:00:43.257-04:00",
+                          "cssId": "BVAAABSHIRE",
+                          "displayName": "BVAAABSHIRE (VACO)",
+                          "efolderDocumentsFetchedAt": null,
+                          "email": null,
+                          "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                          "id": 3,
+                          "lastLoginAt": null,
+                          "roles": Object {},
+                          "selectedRegionalOffice": null,
+                          "stationId": "101",
+                          "status": "active",
+                          "statusUpdatedAt": null,
+                          "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                        },
+                        "judgeId": "3",
+                        "location": null,
+                        "militaryService": "",
+                        "notes": null,
+                        "paperCase": false,
+                        "poaName": "AMERICAN LEGION",
+                        "prepped": null,
+                        "readableLocation": null,
+                        "readableRequestType": "Video",
+                        "regionalOfficeKey": "RO17",
+                        "regionalOfficeName": "St. Petersburg regional office",
+                        "regionalOfficeTimezone": "America/New_York",
+                        "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                        "representativeAddress": Object {
+                          "addressLine1": "9999 MISSION ST",
+                          "city": "SAN FRANCISCO",
+                          "state": "CA",
+                          "zip": "94103",
+                        },
+                        "representativeEmailAddress": "tom.brady@caseflow.gov",
+                        "representativeName": null,
+                        "representativeTz": "America/Los_Angeles",
+                        "room": "1",
+                        "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                        "scheduledForIsPast": false,
+                        "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                        "scheduledTimeString": "06:00",
+                        "summary": null,
+                        "transcriptRequested": null,
+                        "transcription": Object {},
+                        "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                        "veteranAge": 85,
+                        "veteranEmailAddress": "John.Smith@test.com",
+                        "veteranFileNumber": "100000005",
+                        "veteranFirstName": "John",
+                        "veteranGender": "M",
+                        "veteranLastName": "Smith",
+                        "virtualHearing": null,
+                        "wasVirtual": false,
+                        "witness": null,
+                        "worksheetIssues": Object {},
+                      }
+                    }
+                    isVirtual={false}
+                    label="Join Hearing"
+                    role="Guest"
+                    user={
+                      Object {
+                        "addressCity": "Washington",
+                        "addressLine1": "123 Fake St.",
+                        "addressState": "DC",
+                        "addressZip": "20001",
+                        "name": "John Smith",
+                      }
+                    }
+                    virtualHearing={null}
+                    wasVirtual={false}
+                  >
+                    <span>
+                      N/A
+                    </span>
+                    <div
+                      data-css-1abghdv=""
+                    >
+                      <strong>
+                        Conference Room: 
+                      </strong>
+                      N/A
+                    </div>
+                    <div
+                      data-css-6aejb2=""
+                    >
+                      <strong>
+                        PIN: 
+                      </strong>
+                      N/A
+                    </div>
+                    <CopyTextButton
+                      ariaLabel="Copy Guest Link"
+                      label=""
+                      styling={Object {}}
+                      text="Copy Guest Link"
+                      textToCopy={null}
+                    >
+                      <Tooltip
+                        id="tooltip-Copy Guest Link"
+                        position="bottom"
+                        text="Click to copy"
+                      >
+                        <CopyToClipboard
+                          aria-describedby="tooltip-Copy Guest Link"
+                          aria-label=""
+                          data-event="focus mouseenter"
+                          data-event-off="mouseleave keydown"
+                          data-for="tooltip-Copy Guest Link"
+                          data-tip={true}
+                          tabIndex={0}
+                          text="Copy Guest Link"
+                        >
+                          <button
+                            aria-describedby="tooltip-Copy Guest Link"
+                            aria-label=""
+                            className="cf-apppeal-id"
+                            data-css-p6dv0b=""
+                            data-event="focus mouseenter"
+                            data-event-off="mouseleave keydown"
+                            data-for="tooltip-Copy Guest Link"
+                            data-tip={true}
+                            disabled={true}
+                            onClick={[Function]}
+                            tabIndex={0}
+                            type="submit"
+                          >
+                            Copy Guest Link
+                             
+                            <ClipboardIcon
+                              className=""
+                              color="#5b616b"
+                              size={17}
+                            >
+                              <svg
+                                className=""
+                                height={17}
+                                viewBox="0 0 21 21"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                                  fill="#5b616b"
+                                  fillRule="evenodd"
+                                />
+                              </svg>
+                            </ClipboardIcon>
+                          </button>
+                        </CopyToClipboard>
+                        <span
+                          data-css-1qgqh7a=""
+                        >
+                          <ReactTooltip
+                            className="cf-tooltip"
+                            clickable={false}
+                            effect="solid"
+                            id="tooltip-Copy Guest Link"
+                            insecure={true}
+                            multiline={true}
+                            offset={Object {}}
+                            place="bottom"
+                            resizeHide={true}
+                            role="tooltip"
+                            wrapper="div"
+                          >
+                            <div
+                              className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                              data-id="tooltip"
+                              id="tooltip-Copy Guest Link"
+                              role="tooltip"
+                            >
+                              <style
+                                dangerouslySetInnerHTML={
+                                  Object {
+                                    "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                                  }
+                                }
+                              />
+                              Click to copy
+                            </div>
+                          </ReactTooltip>
+                        </span>
+                      </Tooltip>
+                    </CopyTextButton>
+                  </VirtualHearingLinkDetails>
+                </div>
+              </LinkContainer>
+            </div>
+          </HearingLinks>
+        </div>
+      </div>
+    </ContentSection>
+  </VirtualHearingFields>
   <EmailNotificationFields
     header="Email Notifications"
     hearing={
@@ -8538,6 +9097,7 @@ exports[`DetailsForm Matches snapshot with default props when passed in 1`] = `
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -41047,6 +41607,7 @@ exports[`DetailsForm Matches snapshot with default props when passed in 1`] = `
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -45286,6 +45847,7 @@ exports[`DetailsForm Matches snapshot with default props when passed in 1`] = `
                 "centralOfficeTimeString": "04:00",
                 "claimantId": 604,
                 "closestRegionalOffice": null,
+                "conferenceProvider": "pexip",
                 "currentIssueCount": 0,
                 "disposition": null,
                 "dispositionEditable": true,
@@ -45499,6 +46061,7 @@ exports[`DetailsForm Matches snapshot with for AMA hearing 1`] = `
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -53918,6 +54481,7 @@ exports[`DetailsForm Matches snapshot with for AMA hearing 1`] = `
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -53989,7 +54553,564 @@ exports[`DetailsForm Matches snapshot with for AMA hearing 1`] = `
       }
     }
     virtualHearing={null}
-  />
+  >
+    <ContentSection
+      header="Hearing Links"
+    >
+      <div
+        className="cf-app-segment"
+      >
+        <h2
+          data-css-3rhuy2=""
+        >
+          Hearing Links
+        </h2>
+        <div
+          data-css-1571z6o=""
+        >
+          <div
+            data-css-tx10g=""
+          >
+            <strong>
+              Pexip
+               Hearing
+            </strong>
+          </div>
+          <HearingLinks
+            hearing={
+              Object {
+                "advanceOnDocketMotion": null,
+                "aod": false,
+                "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
+                "appealId": 613,
+                "appellantAddressLine1": "9999 MISSION ST",
+                "appellantCity": "SAN FRANCISCO",
+                "appellantEmailAddress": "tom.brady@caseflow.gov",
+                "appellantFirstName": "Tom",
+                "appellantIsNotVeteran": false,
+                "appellantLastName": "Brady",
+                "appellantRelationship": "Spouse",
+                "appellantState": "CA",
+                "appellantTz": "America/Los_Angeles",
+                "appellantZip": "94103",
+                "availableHearingLocations": Object {},
+                "bvaPoc": null,
+                "caseType": "Original",
+                "centralOfficeTimeString": "04:00",
+                "claimantId": 604,
+                "closestRegionalOffice": null,
+                "conferenceProvider": "pexip",
+                "currentIssueCount": 0,
+                "disposition": null,
+                "dispositionEditable": true,
+                "docketName": "hearing",
+                "docketNumber": "200624-614",
+                "emailEvents": Array [],
+                "evidenceWindowWaived": false,
+                "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                "hearingDayId": 11,
+                "id": 10,
+                "isVirtual": false,
+                "judge": Object {
+                  "createdAt": "2020-06-25T11:00:43.257-04:00",
+                  "cssId": "BVAAABSHIRE",
+                  "displayName": "BVAAABSHIRE (VACO)",
+                  "efolderDocumentsFetchedAt": null,
+                  "email": null,
+                  "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                  "id": 3,
+                  "lastLoginAt": null,
+                  "roles": Object {},
+                  "selectedRegionalOffice": null,
+                  "stationId": "101",
+                  "status": "active",
+                  "statusUpdatedAt": null,
+                  "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                },
+                "judgeId": "3",
+                "location": null,
+                "militaryService": "",
+                "notes": null,
+                "paperCase": false,
+                "poaName": "AMERICAN LEGION",
+                "prepped": null,
+                "readableLocation": null,
+                "readableRequestType": "Video",
+                "regionalOfficeKey": "RO17",
+                "regionalOfficeName": "St. Petersburg regional office",
+                "regionalOfficeTimezone": "America/New_York",
+                "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                "representativeAddress": Object {
+                  "addressLine1": "9999 MISSION ST",
+                  "city": "SAN FRANCISCO",
+                  "state": "CA",
+                  "zip": "94103",
+                },
+                "representativeEmailAddress": "tom.brady@caseflow.gov",
+                "representativeName": null,
+                "representativeTz": "America/Los_Angeles",
+                "room": "1",
+                "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                "scheduledForIsPast": false,
+                "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                "scheduledTimeString": "06:00",
+                "summary": null,
+                "transcriptRequested": null,
+                "transcription": Object {},
+                "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                "veteranAge": 85,
+                "veteranEmailAddress": "John.Smith@test.com",
+                "veteranFileNumber": "100000005",
+                "veteranFirstName": "John",
+                "veteranGender": "M",
+                "veteranLastName": "Smith",
+                "virtualHearing": null,
+                "wasVirtual": false,
+                "witness": null,
+                "worksheetIssues": Object {},
+              }
+            }
+            isCancelled={false}
+            isVirtual={false}
+            scheduledForIsPast={false}
+            user={
+              Object {
+                "addressCity": "Washington",
+                "addressLine1": "123 Fake St.",
+                "addressState": "DC",
+                "addressZip": "20001",
+                "name": "John Smith",
+              }
+            }
+            virtualHearing={null}
+            wasVirtual={false}
+          >
+            <div
+              data-css-19plkw7=""
+              data-css-1fmltfu=""
+            >
+              <LinkContainer
+                hearing={
+                  Object {
+                    "advanceOnDocketMotion": null,
+                    "aod": false,
+                    "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
+                    "appealId": 613,
+                    "appellantAddressLine1": "9999 MISSION ST",
+                    "appellantCity": "SAN FRANCISCO",
+                    "appellantEmailAddress": "tom.brady@caseflow.gov",
+                    "appellantFirstName": "Tom",
+                    "appellantIsNotVeteran": false,
+                    "appellantLastName": "Brady",
+                    "appellantRelationship": "Spouse",
+                    "appellantState": "CA",
+                    "appellantTz": "America/Los_Angeles",
+                    "appellantZip": "94103",
+                    "availableHearingLocations": Object {},
+                    "bvaPoc": null,
+                    "caseType": "Original",
+                    "centralOfficeTimeString": "04:00",
+                    "claimantId": 604,
+                    "closestRegionalOffice": null,
+                    "conferenceProvider": "pexip",
+                    "currentIssueCount": 0,
+                    "disposition": null,
+                    "dispositionEditable": true,
+                    "docketName": "hearing",
+                    "docketNumber": "200624-614",
+                    "emailEvents": Array [],
+                    "evidenceWindowWaived": false,
+                    "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                    "hearingDayId": 11,
+                    "id": 10,
+                    "isVirtual": false,
+                    "judge": Object {
+                      "createdAt": "2020-06-25T11:00:43.257-04:00",
+                      "cssId": "BVAAABSHIRE",
+                      "displayName": "BVAAABSHIRE (VACO)",
+                      "efolderDocumentsFetchedAt": null,
+                      "email": null,
+                      "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                      "id": 3,
+                      "lastLoginAt": null,
+                      "roles": Object {},
+                      "selectedRegionalOffice": null,
+                      "stationId": "101",
+                      "status": "active",
+                      "statusUpdatedAt": null,
+                      "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                    },
+                    "judgeId": "3",
+                    "location": null,
+                    "militaryService": "",
+                    "notes": null,
+                    "paperCase": false,
+                    "poaName": "AMERICAN LEGION",
+                    "prepped": null,
+                    "readableLocation": null,
+                    "readableRequestType": "Video",
+                    "regionalOfficeKey": "RO17",
+                    "regionalOfficeName": "St. Petersburg regional office",
+                    "regionalOfficeTimezone": "America/New_York",
+                    "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                    "representativeAddress": Object {
+                      "addressLine1": "9999 MISSION ST",
+                      "city": "SAN FRANCISCO",
+                      "state": "CA",
+                      "zip": "94103",
+                    },
+                    "representativeEmailAddress": "tom.brady@caseflow.gov",
+                    "representativeName": null,
+                    "representativeTz": "America/Los_Angeles",
+                    "room": "1",
+                    "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                    "scheduledForIsPast": false,
+                    "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                    "scheduledTimeString": "06:00",
+                    "summary": null,
+                    "transcriptRequested": null,
+                    "transcription": Object {},
+                    "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                    "veteranAge": 85,
+                    "veteranEmailAddress": "John.Smith@test.com",
+                    "veteranFileNumber": "100000005",
+                    "veteranFirstName": "John",
+                    "veteranGender": "M",
+                    "veteranLastName": "Smith",
+                    "virtualHearing": null,
+                    "wasVirtual": false,
+                    "witness": null,
+                    "worksheetIssues": Object {},
+                  }
+                }
+                isVirtual={false}
+                label="Guest Link"
+                linkText="Join Hearing"
+                role="Guest"
+                user={
+                  Object {
+                    "addressCity": "Washington",
+                    "addressLine1": "123 Fake St.",
+                    "addressState": "DC",
+                    "addressZip": "20001",
+                    "name": "John Smith",
+                  }
+                }
+                virtualHearing={null}
+                wasVirtual={false}
+              >
+                <div
+                  data-css-tx10g=""
+                  id="guest-hearings-link"
+                >
+                  <strong>
+                    Guest Link
+                    : 
+                  </strong>
+                  <VirtualHearingLinkDetails
+                    hearing={
+                      Object {
+                        "advanceOnDocketMotion": null,
+                        "aod": false,
+                        "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
+                        "appealId": 613,
+                        "appellantAddressLine1": "9999 MISSION ST",
+                        "appellantCity": "SAN FRANCISCO",
+                        "appellantEmailAddress": "tom.brady@caseflow.gov",
+                        "appellantFirstName": "Tom",
+                        "appellantIsNotVeteran": false,
+                        "appellantLastName": "Brady",
+                        "appellantRelationship": "Spouse",
+                        "appellantState": "CA",
+                        "appellantTz": "America/Los_Angeles",
+                        "appellantZip": "94103",
+                        "availableHearingLocations": Object {},
+                        "bvaPoc": null,
+                        "caseType": "Original",
+                        "centralOfficeTimeString": "04:00",
+                        "claimantId": 604,
+                        "closestRegionalOffice": null,
+                        "conferenceProvider": "pexip",
+                        "currentIssueCount": 0,
+                        "disposition": null,
+                        "dispositionEditable": true,
+                        "docketName": "hearing",
+                        "docketNumber": "200624-614",
+                        "emailEvents": Array [],
+                        "evidenceWindowWaived": false,
+                        "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                        "hearingDayId": 11,
+                        "id": 10,
+                        "isVirtual": false,
+                        "judge": Object {
+                          "createdAt": "2020-06-25T11:00:43.257-04:00",
+                          "cssId": "BVAAABSHIRE",
+                          "displayName": "BVAAABSHIRE (VACO)",
+                          "efolderDocumentsFetchedAt": null,
+                          "email": null,
+                          "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                          "id": 3,
+                          "lastLoginAt": null,
+                          "roles": Object {},
+                          "selectedRegionalOffice": null,
+                          "stationId": "101",
+                          "status": "active",
+                          "statusUpdatedAt": null,
+                          "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                        },
+                        "judgeId": "3",
+                        "location": null,
+                        "militaryService": "",
+                        "notes": null,
+                        "paperCase": false,
+                        "poaName": "AMERICAN LEGION",
+                        "prepped": null,
+                        "readableLocation": null,
+                        "readableRequestType": "Video",
+                        "regionalOfficeKey": "RO17",
+                        "regionalOfficeName": "St. Petersburg regional office",
+                        "regionalOfficeTimezone": "America/New_York",
+                        "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                        "representativeAddress": Object {
+                          "addressLine1": "9999 MISSION ST",
+                          "city": "SAN FRANCISCO",
+                          "state": "CA",
+                          "zip": "94103",
+                        },
+                        "representativeEmailAddress": "tom.brady@caseflow.gov",
+                        "representativeName": null,
+                        "representativeTz": "America/Los_Angeles",
+                        "room": "1",
+                        "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                        "scheduledForIsPast": false,
+                        "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                        "scheduledTimeString": "06:00",
+                        "summary": null,
+                        "transcriptRequested": null,
+                        "transcription": Object {},
+                        "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                        "veteranAge": 85,
+                        "veteranEmailAddress": "John.Smith@test.com",
+                        "veteranFileNumber": "100000005",
+                        "veteranFirstName": "John",
+                        "veteranGender": "M",
+                        "veteranLastName": "Smith",
+                        "virtualHearing": null,
+                        "wasVirtual": false,
+                        "witness": null,
+                        "worksheetIssues": Object {},
+                      }
+                    }
+                    isVirtual={false}
+                    label="Join Hearing"
+                    role="Guest"
+                    user={
+                      Object {
+                        "addressCity": "Washington",
+                        "addressLine1": "123 Fake St.",
+                        "addressState": "DC",
+                        "addressZip": "20001",
+                        "name": "John Smith",
+                      }
+                    }
+                    virtualHearing={null}
+                    wasVirtual={false}
+                  >
+                    <span>
+                      N/A
+                    </span>
+                    <div
+                      data-css-1abghdv=""
+                    >
+                      <strong>
+                        Conference Room: 
+                      </strong>
+                      N/A
+                    </div>
+                    <div
+                      data-css-6aejb2=""
+                    >
+                      <strong>
+                        PIN: 
+                      </strong>
+                      N/A
+                    </div>
+                    <CopyTextButton
+                      ariaLabel="Copy Guest Link"
+                      label=""
+                      styling={Object {}}
+                      text="Copy Guest Link"
+                      textToCopy={null}
+                    >
+                      <Tooltip
+                        id="tooltip-Copy Guest Link"
+                        position="bottom"
+                        text="Click to copy"
+                      >
+                        <CopyToClipboard
+                          aria-describedby="tooltip-Copy Guest Link"
+                          aria-label=""
+                          data-event="focus mouseenter"
+                          data-event-off="mouseleave keydown"
+                          data-for="tooltip-Copy Guest Link"
+                          data-tip={true}
+                          tabIndex={0}
+                          text="Copy Guest Link"
+                        >
+                          <button
+                            aria-describedby="tooltip-Copy Guest Link"
+                            aria-label=""
+                            className="cf-apppeal-id"
+                            data-css-p6dv0b=""
+                            data-event="focus mouseenter"
+                            data-event-off="mouseleave keydown"
+                            data-for="tooltip-Copy Guest Link"
+                            data-tip={true}
+                            disabled={true}
+                            onClick={[Function]}
+                            tabIndex={0}
+                            type="submit"
+                          >
+                            Copy Guest Link
+                             
+                            <ClipboardIcon
+                              className=""
+                              color="#5b616b"
+                              size={17}
+                            >
+                              <svg
+                                className=""
+                                height={17}
+                                viewBox="0 0 21 21"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                                  fill="#5b616b"
+                                  fillRule="evenodd"
+                                />
+                              </svg>
+                            </ClipboardIcon>
+                          </button>
+                        </CopyToClipboard>
+                        <span
+                          data-css-1qgqh7a=""
+                        >
+                          <ReactTooltip
+                            className="cf-tooltip"
+                            clickable={false}
+                            effect="solid"
+                            id="tooltip-Copy Guest Link"
+                            insecure={true}
+                            multiline={true}
+                            offset={Object {}}
+                            place="bottom"
+                            resizeHide={true}
+                            role="tooltip"
+                            wrapper="div"
+                          >
+                            <div
+                              className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                              data-id="tooltip"
+                              id="tooltip-Copy Guest Link"
+                              role="tooltip"
+                            >
+                              <style
+                                dangerouslySetInnerHTML={
+                                  Object {
+                                    "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                                  }
+                                }
+                              />
+                              Click to copy
+                            </div>
+                          </ReactTooltip>
+                        </span>
+                      </Tooltip>
+                    </CopyTextButton>
+                  </VirtualHearingLinkDetails>
+                </div>
+              </LinkContainer>
+            </div>
+          </HearingLinks>
+        </div>
+      </div>
+    </ContentSection>
+  </VirtualHearingFields>
   <EmailNotificationFields
     header="Email Notifications"
     hearing={
@@ -54014,6 +55135,7 @@ exports[`DetailsForm Matches snapshot with for AMA hearing 1`] = `
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -86523,6 +87645,7 @@ exports[`DetailsForm Matches snapshot with for AMA hearing 1`] = `
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -86593,6 +87716,7 @@ exports[`DetailsForm Matches snapshot with for AMA hearing 1`] = `
         "worksheetIssues": Object {},
       }
     }
+    isLegacy={false}
     transcription={Object {}}
   >
     <ContentSection
@@ -90762,6 +91886,7 @@ exports[`DetailsForm Matches snapshot with for AMA hearing 1`] = `
                 "centralOfficeTimeString": "04:00",
                 "claimantId": 604,
                 "closestRegionalOffice": null,
+                "conferenceProvider": "pexip",
                 "currentIssueCount": 0,
                 "disposition": null,
                 "dispositionEditable": true,
@@ -90975,6 +92100,7 @@ exports[`DetailsForm Matches snapshot with for legacy hearing 1`] = `
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -99356,6 +100482,7 @@ exports[`DetailsForm Matches snapshot with for legacy hearing 1`] = `
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
@@ -99427,7 +100554,564 @@ exports[`DetailsForm Matches snapshot with for legacy hearing 1`] = `
       }
     }
     virtualHearing={null}
-  />
+  >
+    <ContentSection
+      header="Hearing Links"
+    >
+      <div
+        className="cf-app-segment"
+      >
+        <h2
+          data-css-3rhuy2=""
+        >
+          Hearing Links
+        </h2>
+        <div
+          data-css-1571z6o=""
+        >
+          <div
+            data-css-tx10g=""
+          >
+            <strong>
+              Pexip
+               Hearing
+            </strong>
+          </div>
+          <HearingLinks
+            hearing={
+              Object {
+                "advanceOnDocketMotion": null,
+                "aod": false,
+                "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
+                "appealId": 613,
+                "appellantAddressLine1": "9999 MISSION ST",
+                "appellantCity": "SAN FRANCISCO",
+                "appellantEmailAddress": "tom.brady@caseflow.gov",
+                "appellantFirstName": "Tom",
+                "appellantIsNotVeteran": false,
+                "appellantLastName": "Brady",
+                "appellantRelationship": "Spouse",
+                "appellantState": "CA",
+                "appellantTz": "America/Los_Angeles",
+                "appellantZip": "94103",
+                "availableHearingLocations": Object {},
+                "bvaPoc": null,
+                "caseType": "Original",
+                "centralOfficeTimeString": "04:00",
+                "claimantId": 604,
+                "closestRegionalOffice": null,
+                "conferenceProvider": "pexip",
+                "currentIssueCount": 0,
+                "disposition": null,
+                "dispositionEditable": true,
+                "docketName": "hearing",
+                "docketNumber": "200624-614",
+                "emailEvents": Array [],
+                "evidenceWindowWaived": false,
+                "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                "hearingDayId": 11,
+                "id": 10,
+                "isVirtual": false,
+                "judge": Object {
+                  "createdAt": "2020-06-25T11:00:43.257-04:00",
+                  "cssId": "BVAAABSHIRE",
+                  "displayName": "BVAAABSHIRE (VACO)",
+                  "efolderDocumentsFetchedAt": null,
+                  "email": null,
+                  "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                  "id": 3,
+                  "lastLoginAt": null,
+                  "roles": Object {},
+                  "selectedRegionalOffice": null,
+                  "stationId": "101",
+                  "status": "active",
+                  "statusUpdatedAt": null,
+                  "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                },
+                "judgeId": "3",
+                "location": null,
+                "militaryService": "",
+                "notes": null,
+                "paperCase": false,
+                "poaName": "AMERICAN LEGION",
+                "prepped": null,
+                "readableLocation": null,
+                "readableRequestType": "Video",
+                "regionalOfficeKey": "RO17",
+                "regionalOfficeName": "St. Petersburg regional office",
+                "regionalOfficeTimezone": "America/New_York",
+                "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                "representativeAddress": Object {
+                  "addressLine1": "9999 MISSION ST",
+                  "city": "SAN FRANCISCO",
+                  "state": "CA",
+                  "zip": "94103",
+                },
+                "representativeEmailAddress": "tom.brady@caseflow.gov",
+                "representativeName": null,
+                "representativeTz": "America/Los_Angeles",
+                "room": "1",
+                "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                "scheduledForIsPast": false,
+                "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                "scheduledTimeString": "06:00",
+                "summary": null,
+                "transcriptRequested": null,
+                "transcription": Object {},
+                "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                "veteranAge": 85,
+                "veteranEmailAddress": "John.Smith@test.com",
+                "veteranFileNumber": "100000005",
+                "veteranFirstName": "John",
+                "veteranGender": "M",
+                "veteranLastName": "Smith",
+                "virtualHearing": null,
+                "wasVirtual": false,
+                "witness": null,
+                "worksheetIssues": Object {},
+              }
+            }
+            isCancelled={false}
+            isVirtual={false}
+            scheduledForIsPast={false}
+            user={
+              Object {
+                "addressCity": "Washington",
+                "addressLine1": "123 Fake St.",
+                "addressState": "DC",
+                "addressZip": "20001",
+                "name": "John Smith",
+              }
+            }
+            virtualHearing={null}
+            wasVirtual={false}
+          >
+            <div
+              data-css-19plkw7=""
+              data-css-1fmltfu=""
+            >
+              <LinkContainer
+                hearing={
+                  Object {
+                    "advanceOnDocketMotion": null,
+                    "aod": false,
+                    "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
+                    "appealId": 613,
+                    "appellantAddressLine1": "9999 MISSION ST",
+                    "appellantCity": "SAN FRANCISCO",
+                    "appellantEmailAddress": "tom.brady@caseflow.gov",
+                    "appellantFirstName": "Tom",
+                    "appellantIsNotVeteran": false,
+                    "appellantLastName": "Brady",
+                    "appellantRelationship": "Spouse",
+                    "appellantState": "CA",
+                    "appellantTz": "America/Los_Angeles",
+                    "appellantZip": "94103",
+                    "availableHearingLocations": Object {},
+                    "bvaPoc": null,
+                    "caseType": "Original",
+                    "centralOfficeTimeString": "04:00",
+                    "claimantId": 604,
+                    "closestRegionalOffice": null,
+                    "conferenceProvider": "pexip",
+                    "currentIssueCount": 0,
+                    "disposition": null,
+                    "dispositionEditable": true,
+                    "docketName": "hearing",
+                    "docketNumber": "200624-614",
+                    "emailEvents": Array [],
+                    "evidenceWindowWaived": false,
+                    "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                    "hearingDayId": 11,
+                    "id": 10,
+                    "isVirtual": false,
+                    "judge": Object {
+                      "createdAt": "2020-06-25T11:00:43.257-04:00",
+                      "cssId": "BVAAABSHIRE",
+                      "displayName": "BVAAABSHIRE (VACO)",
+                      "efolderDocumentsFetchedAt": null,
+                      "email": null,
+                      "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                      "id": 3,
+                      "lastLoginAt": null,
+                      "roles": Object {},
+                      "selectedRegionalOffice": null,
+                      "stationId": "101",
+                      "status": "active",
+                      "statusUpdatedAt": null,
+                      "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                    },
+                    "judgeId": "3",
+                    "location": null,
+                    "militaryService": "",
+                    "notes": null,
+                    "paperCase": false,
+                    "poaName": "AMERICAN LEGION",
+                    "prepped": null,
+                    "readableLocation": null,
+                    "readableRequestType": "Video",
+                    "regionalOfficeKey": "RO17",
+                    "regionalOfficeName": "St. Petersburg regional office",
+                    "regionalOfficeTimezone": "America/New_York",
+                    "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                    "representativeAddress": Object {
+                      "addressLine1": "9999 MISSION ST",
+                      "city": "SAN FRANCISCO",
+                      "state": "CA",
+                      "zip": "94103",
+                    },
+                    "representativeEmailAddress": "tom.brady@caseflow.gov",
+                    "representativeName": null,
+                    "representativeTz": "America/Los_Angeles",
+                    "room": "1",
+                    "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                    "scheduledForIsPast": false,
+                    "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                    "scheduledTimeString": "06:00",
+                    "summary": null,
+                    "transcriptRequested": null,
+                    "transcription": Object {},
+                    "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                    "veteranAge": 85,
+                    "veteranEmailAddress": "John.Smith@test.com",
+                    "veteranFileNumber": "100000005",
+                    "veteranFirstName": "John",
+                    "veteranGender": "M",
+                    "veteranLastName": "Smith",
+                    "virtualHearing": null,
+                    "wasVirtual": false,
+                    "witness": null,
+                    "worksheetIssues": Object {},
+                  }
+                }
+                isVirtual={false}
+                label="Guest Link"
+                linkText="Join Hearing"
+                role="Guest"
+                user={
+                  Object {
+                    "addressCity": "Washington",
+                    "addressLine1": "123 Fake St.",
+                    "addressState": "DC",
+                    "addressZip": "20001",
+                    "name": "John Smith",
+                  }
+                }
+                virtualHearing={null}
+                wasVirtual={false}
+              >
+                <div
+                  data-css-tx10g=""
+                  id="guest-hearings-link"
+                >
+                  <strong>
+                    Guest Link
+                    : 
+                  </strong>
+                  <VirtualHearingLinkDetails
+                    hearing={
+                      Object {
+                        "advanceOnDocketMotion": null,
+                        "aod": false,
+                        "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
+                        "appealId": 613,
+                        "appellantAddressLine1": "9999 MISSION ST",
+                        "appellantCity": "SAN FRANCISCO",
+                        "appellantEmailAddress": "tom.brady@caseflow.gov",
+                        "appellantFirstName": "Tom",
+                        "appellantIsNotVeteran": false,
+                        "appellantLastName": "Brady",
+                        "appellantRelationship": "Spouse",
+                        "appellantState": "CA",
+                        "appellantTz": "America/Los_Angeles",
+                        "appellantZip": "94103",
+                        "availableHearingLocations": Object {},
+                        "bvaPoc": null,
+                        "caseType": "Original",
+                        "centralOfficeTimeString": "04:00",
+                        "claimantId": 604,
+                        "closestRegionalOffice": null,
+                        "conferenceProvider": "pexip",
+                        "currentIssueCount": 0,
+                        "disposition": null,
+                        "dispositionEditable": true,
+                        "docketName": "hearing",
+                        "docketNumber": "200624-614",
+                        "emailEvents": Array [],
+                        "evidenceWindowWaived": false,
+                        "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                        "hearingDayId": 11,
+                        "id": 10,
+                        "isVirtual": false,
+                        "judge": Object {
+                          "createdAt": "2020-06-25T11:00:43.257-04:00",
+                          "cssId": "BVAAABSHIRE",
+                          "displayName": "BVAAABSHIRE (VACO)",
+                          "efolderDocumentsFetchedAt": null,
+                          "email": null,
+                          "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                          "id": 3,
+                          "lastLoginAt": null,
+                          "roles": Object {},
+                          "selectedRegionalOffice": null,
+                          "stationId": "101",
+                          "status": "active",
+                          "statusUpdatedAt": null,
+                          "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                        },
+                        "judgeId": "3",
+                        "location": null,
+                        "militaryService": "",
+                        "notes": null,
+                        "paperCase": false,
+                        "poaName": "AMERICAN LEGION",
+                        "prepped": null,
+                        "readableLocation": null,
+                        "readableRequestType": "Video",
+                        "regionalOfficeKey": "RO17",
+                        "regionalOfficeName": "St. Petersburg regional office",
+                        "regionalOfficeTimezone": "America/New_York",
+                        "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                        "representativeAddress": Object {
+                          "addressLine1": "9999 MISSION ST",
+                          "city": "SAN FRANCISCO",
+                          "state": "CA",
+                          "zip": "94103",
+                        },
+                        "representativeEmailAddress": "tom.brady@caseflow.gov",
+                        "representativeName": null,
+                        "representativeTz": "America/Los_Angeles",
+                        "room": "1",
+                        "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                        "scheduledForIsPast": false,
+                        "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                        "scheduledTimeString": "06:00",
+                        "summary": null,
+                        "transcriptRequested": null,
+                        "transcription": Object {},
+                        "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                        "veteranAge": 85,
+                        "veteranEmailAddress": "John.Smith@test.com",
+                        "veteranFileNumber": "100000005",
+                        "veteranFirstName": "John",
+                        "veteranGender": "M",
+                        "veteranLastName": "Smith",
+                        "virtualHearing": null,
+                        "wasVirtual": false,
+                        "witness": null,
+                        "worksheetIssues": Object {},
+                      }
+                    }
+                    isVirtual={false}
+                    label="Join Hearing"
+                    role="Guest"
+                    user={
+                      Object {
+                        "addressCity": "Washington",
+                        "addressLine1": "123 Fake St.",
+                        "addressState": "DC",
+                        "addressZip": "20001",
+                        "name": "John Smith",
+                      }
+                    }
+                    virtualHearing={null}
+                    wasVirtual={false}
+                  >
+                    <span>
+                      N/A
+                    </span>
+                    <div
+                      data-css-1abghdv=""
+                    >
+                      <strong>
+                        Conference Room: 
+                      </strong>
+                      N/A
+                    </div>
+                    <div
+                      data-css-6aejb2=""
+                    >
+                      <strong>
+                        PIN: 
+                      </strong>
+                      N/A
+                    </div>
+                    <CopyTextButton
+                      ariaLabel="Copy Guest Link"
+                      label=""
+                      styling={Object {}}
+                      text="Copy Guest Link"
+                      textToCopy={null}
+                    >
+                      <Tooltip
+                        id="tooltip-Copy Guest Link"
+                        position="bottom"
+                        text="Click to copy"
+                      >
+                        <CopyToClipboard
+                          aria-describedby="tooltip-Copy Guest Link"
+                          aria-label=""
+                          data-event="focus mouseenter"
+                          data-event-off="mouseleave keydown"
+                          data-for="tooltip-Copy Guest Link"
+                          data-tip={true}
+                          tabIndex={0}
+                          text="Copy Guest Link"
+                        >
+                          <button
+                            aria-describedby="tooltip-Copy Guest Link"
+                            aria-label=""
+                            className="cf-apppeal-id"
+                            data-css-p6dv0b=""
+                            data-event="focus mouseenter"
+                            data-event-off="mouseleave keydown"
+                            data-for="tooltip-Copy Guest Link"
+                            data-tip={true}
+                            disabled={true}
+                            onClick={[Function]}
+                            tabIndex={0}
+                            type="submit"
+                          >
+                            Copy Guest Link
+                             
+                            <ClipboardIcon
+                              className=""
+                              color="#5b616b"
+                              size={17}
+                            >
+                              <svg
+                                className=""
+                                height={17}
+                                viewBox="0 0 21 21"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                                  fill="#5b616b"
+                                  fillRule="evenodd"
+                                />
+                              </svg>
+                            </ClipboardIcon>
+                          </button>
+                        </CopyToClipboard>
+                        <span
+                          data-css-1qgqh7a=""
+                        >
+                          <ReactTooltip
+                            className="cf-tooltip"
+                            clickable={false}
+                            effect="solid"
+                            id="tooltip-Copy Guest Link"
+                            insecure={true}
+                            multiline={true}
+                            offset={Object {}}
+                            place="bottom"
+                            resizeHide={true}
+                            role="tooltip"
+                            wrapper="div"
+                          >
+                            <div
+                              className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                              data-id="tooltip"
+                              id="tooltip-Copy Guest Link"
+                              role="tooltip"
+                            >
+                              <style
+                                dangerouslySetInnerHTML={
+                                  Object {
+                                    "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                                  }
+                                }
+                              />
+                              Click to copy
+                            </div>
+                          </ReactTooltip>
+                        </span>
+                      </Tooltip>
+                    </CopyTextButton>
+                  </VirtualHearingLinkDetails>
+                </div>
+              </LinkContainer>
+            </div>
+          </HearingLinks>
+        </div>
+      </div>
+    </ContentSection>
+  </VirtualHearingFields>
   <EmailNotificationFields
     header="Email Notifications"
     hearing={
@@ -99452,6 +101136,7 @@ exports[`DetailsForm Matches snapshot with for legacy hearing 1`] = `
         "centralOfficeTimeString": "04:00",
         "claimantId": 604,
         "closestRegionalOffice": null,
+        "conferenceProvider": "pexip",
         "currentIssueCount": 0,
         "disposition": null,
         "dispositionEditable": true,
diff --git a/client/test/app/hearings/components/details/__snapshots__/HearingLinks.test.js.snap b/client/test/app/hearings/components/details/__snapshots__/HearingLinks.test.js.snap
index 8276ea0556d..25aea9c3f61 100644
--- a/client/test/app/hearings/components/details/__snapshots__/HearingLinks.test.js.snap
+++ b/client/test/app/hearings/components/details/__snapshots__/HearingLinks.test.js.snap
@@ -1,13 +1,27 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1`] = `
+exports[`HearingLinks Matches snapshot when hearing is non-virtual, pexip, and in progress 1`] = `
 <HearingLinks
   hearing={
     Object {
+      "conferenceProvider": "pexip",
+      "dailyDocketConferenceLink": Object {
+        "alias": "BVA0001094@example.va.gov",
+        "coHostLink": null,
+        "conferenceProvider": "pexip",
+        "guestLink": "https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video",
+        "guestPin": "1342380867",
+        "hearingDayId": 151,
+        "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host",
+        "hostPin": "1073526",
+        "type": "PexipConferenceLink",
+      },
+      "readableRequestType": "Video",
       "scheduledForIsPast": false,
+      "wasVirtual": false,
     }
   }
-  isVirtual={true}
+  isVirtual={false}
   user={
     Object {
       "addressCity": "Washington",
@@ -17,16 +31,6 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
       "name": "John Smith",
     }
   }
-  virtualHearing={
-    Object {
-      "aliasWithHost": "BVA#00000001@localhost",
-      "clientHost": "localhost",
-      "guestPin": "12345678#",
-      "hostPin": "1234567890#",
-      "jobCompleted": true,
-      "status": "active",
-    }
-  }
 >
   <div
     data-css-19plkw7=""
@@ -35,12 +39,40 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
     <LinkContainer
       hearing={
         Object {
+          "conferenceProvider": "pexip",
+          "dailyDocketConferenceLink": Object {
+            "alias": "BVA0001094@example.va.gov",
+            "coHostLink": null,
+            "conferenceProvider": "pexip",
+            "guestLink": "https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video",
+            "guestPin": "1342380867",
+            "hearingDayId": 151,
+            "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host",
+            "hostPin": "1073526",
+            "type": "PexipConferenceLink",
+          },
+          "readableRequestType": "Video",
           "scheduledForIsPast": false,
+          "wasVirtual": false,
         }
       }
-      isVirtual={true}
+      isVirtual={false}
       label="VLJ Link"
-      linkText="Start Virtual Hearing"
+      link="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host"
+      linkText="Start Hearing"
+      links={
+        Object {
+          "alias": "BVA0001094@example.va.gov",
+          "coHostLink": null,
+          "conferenceProvider": "pexip",
+          "guestLink": "https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video",
+          "guestPin": "1342380867",
+          "hearingDayId": 151,
+          "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host",
+          "hostPin": "1073526",
+          "type": "PexipConferenceLink",
+        }
+      }
       role="VLJ"
       user={
         Object {
@@ -51,16 +83,6 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
           "name": "John Smith",
         }
       }
-      virtualHearing={
-        Object {
-          "aliasWithHost": "BVA#00000001@localhost",
-          "clientHost": "localhost",
-          "guestPin": "12345678#",
-          "hostPin": "1234567890#",
-          "jobCompleted": true,
-          "status": "active",
-        }
-      }
     >
       <div
         data-css-tx10g=""
@@ -71,15 +93,30 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
           : 
         </strong>
         <VirtualHearingLinkDetails
-          aliasWithHost="BVA#00000001@localhost"
+          aliasWithHost="BVA0001094@example.va.gov"
           hearing={
             Object {
+              "conferenceProvider": "pexip",
+              "dailyDocketConferenceLink": Object {
+                "alias": "BVA0001094@example.va.gov",
+                "coHostLink": null,
+                "conferenceProvider": "pexip",
+                "guestLink": "https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video",
+                "guestPin": "1342380867",
+                "hearingDayId": 151,
+                "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host",
+                "hostPin": "1073526",
+                "type": "PexipConferenceLink",
+              },
+              "readableRequestType": "Video",
               "scheduledForIsPast": false,
+              "wasVirtual": false,
             }
           }
-          isVirtual={true}
-          label="Start Virtual Hearing"
-          pin="1234567890#"
+          isVirtual={false}
+          label="Start Hearing"
+          link="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host"
+          pin="1073526"
           role="VLJ"
           user={
             Object {
@@ -90,25 +127,30 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
               "name": "John Smith",
             }
           }
-          virtualHearing={
-            Object {
-              "aliasWithHost": "BVA#00000001@localhost",
-              "clientHost": "localhost",
-              "guestPin": "12345678#",
-              "hostPin": "1234567890#",
-              "jobCompleted": true,
-              "status": "active",
-            }
-          }
         >
           <VirtualHearingLink
             hearing={
               Object {
+                "conferenceProvider": "pexip",
+                "dailyDocketConferenceLink": Object {
+                  "alias": "BVA0001094@example.va.gov",
+                  "coHostLink": null,
+                  "conferenceProvider": "pexip",
+                  "guestLink": "https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video",
+                  "guestPin": "1342380867",
+                  "hearingDayId": 151,
+                  "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host",
+                  "hostPin": "1073526",
+                  "type": "PexipConferenceLink",
+                },
+                "readableRequestType": "Video",
                 "scheduledForIsPast": false,
+                "wasVirtual": false,
               }
             }
-            isVirtual={true}
-            label="Start Virtual Hearing"
+            isVirtual={false}
+            label="Start Hearing"
+            link="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host"
             newWindow={true}
             showFullLink={false}
             user={
@@ -120,26 +162,18 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
                 "name": "John Smith",
               }
             }
-            virtualHearing={
-              Object {
-                "aliasWithHost": "BVA#00000001@localhost",
-                "clientHost": "localhost",
-                "guestPin": "12345678#",
-                "hostPin": "1234567890#",
-                "jobCompleted": true,
-                "status": "active",
-              }
-            }
           >
             <Link
+              href="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host"
               target="_blank"
             >
               <a
+                href="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host"
                 target="_blank"
                 type={null}
               >
                 <strong>
-                  Start Virtual Hearing
+                  Start Hearing
                 </strong>
                 <span
                   data-css-32srrr=""
@@ -147,7 +181,7 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
                    
                   <ExternalLinkIcon
                     className=""
-                    color="#0071bc"
+                    color="#757575"
                     size={20}
                   >
                     <svg
@@ -164,7 +198,7 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
                         strokeWidth="1"
                       >
                         <g
-                          fill="#0071bc"
+                          fill="#757575"
                           fillRule="nonzero"
                         >
                           <g
@@ -193,7 +227,7 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
             <strong>
               Conference Room: 
             </strong>
-            BVA#00000001@localhost
+            BVA0001094@example.va.gov
           </div>
           <div
             data-css-6aejb2=""
@@ -201,14 +235,14 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
             <strong>
               PIN: 
             </strong>
-            1234567890#
+            1073526
           </div>
           <CopyTextButton
             ariaLabel="Copy VLJ Link"
             label=""
             styling={Object {}}
             text="Copy VLJ Link"
-            textToCopy={null}
+            textToCopy="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host"
           >
             <Tooltip
               id="tooltip-Copy VLJ Link"
@@ -223,17 +257,18 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
                 data-for="tooltip-Copy VLJ Link"
                 data-tip={true}
                 tabIndex={0}
-                text="Copy VLJ Link"
+                text="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host"
               >
                 <button
                   aria-describedby="tooltip-Copy VLJ Link"
                   aria-label=""
                   className="cf-apppeal-id"
-                  data-css-cjlnsd=""
+                  data-css-p6dv0b=""
                   data-event="focus mouseenter"
                   data-event-off="mouseleave keydown"
                   data-for="tooltip-Copy VLJ Link"
                   data-tip={true}
+                  disabled={false}
                   onClick={[Function]}
                   tabIndex={0}
                   type="submit"
@@ -375,13 +410,41 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
     <LinkContainer
       hearing={
         Object {
+          "conferenceProvider": "pexip",
+          "dailyDocketConferenceLink": Object {
+            "alias": "BVA0001094@example.va.gov",
+            "coHostLink": null,
+            "conferenceProvider": "pexip",
+            "guestLink": "https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video",
+            "guestPin": "1342380867",
+            "hearingDayId": 151,
+            "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host",
+            "hostPin": "1073526",
+            "type": "PexipConferenceLink",
+          },
+          "readableRequestType": "Video",
           "scheduledForIsPast": false,
+          "wasVirtual": false,
         }
       }
-      isVirtual={true}
-      label="Guest Link"
-      linkText="Join Virtual Hearing"
-      role="Guest"
+      isVirtual={false}
+      label="Hearing Coordinator Link"
+      link="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host"
+      linkText="Start Hearing"
+      links={
+        Object {
+          "alias": "BVA0001094@example.va.gov",
+          "coHostLink": null,
+          "conferenceProvider": "pexip",
+          "guestLink": "https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video",
+          "guestPin": "1342380867",
+          "hearingDayId": 151,
+          "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host",
+          "hostPin": "1073526",
+          "type": "PexipConferenceLink",
+        }
+      }
+      role="HC"
       user={
         Object {
           "addressCity": "Washington",
@@ -391,36 +454,41 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
           "name": "John Smith",
         }
       }
-      virtualHearing={
-        Object {
-          "aliasWithHost": "BVA#00000001@localhost",
-          "clientHost": "localhost",
-          "guestPin": "12345678#",
-          "hostPin": "1234567890#",
-          "jobCompleted": true,
-          "status": "active",
-        }
-      }
     >
       <div
         data-css-tx10g=""
-        id="guest-hearings-link"
+        id="hc-hearings-link"
       >
         <strong>
-          Guest Link
+          Hearing Coordinator Link
           : 
         </strong>
         <VirtualHearingLinkDetails
-          aliasWithHost="BVA#00000001@localhost"
+          aliasWithHost="BVA0001094@example.va.gov"
           hearing={
             Object {
+              "conferenceProvider": "pexip",
+              "dailyDocketConferenceLink": Object {
+                "alias": "BVA0001094@example.va.gov",
+                "coHostLink": null,
+                "conferenceProvider": "pexip",
+                "guestLink": "https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video",
+                "guestPin": "1342380867",
+                "hearingDayId": 151,
+                "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host",
+                "hostPin": "1073526",
+                "type": "PexipConferenceLink",
+              },
+              "readableRequestType": "Video",
               "scheduledForIsPast": false,
+              "wasVirtual": false,
             }
           }
-          isVirtual={true}
-          label="Join Virtual Hearing"
-          pin="12345678#"
-          role="Guest"
+          isVirtual={false}
+          label="Start Hearing"
+          link="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host"
+          pin="1073526"
+          role="HC"
           user={
             Object {
               "addressCity": "Washington",
@@ -430,25 +498,30 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
               "name": "John Smith",
             }
           }
-          virtualHearing={
-            Object {
-              "aliasWithHost": "BVA#00000001@localhost",
-              "clientHost": "localhost",
-              "guestPin": "12345678#",
-              "hostPin": "1234567890#",
-              "jobCompleted": true,
-              "status": "active",
-            }
-          }
         >
           <VirtualHearingLink
             hearing={
               Object {
+                "conferenceProvider": "pexip",
+                "dailyDocketConferenceLink": Object {
+                  "alias": "BVA0001094@example.va.gov",
+                  "coHostLink": null,
+                  "conferenceProvider": "pexip",
+                  "guestLink": "https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video",
+                  "guestPin": "1342380867",
+                  "hearingDayId": 151,
+                  "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host",
+                  "hostPin": "1073526",
+                  "type": "PexipConferenceLink",
+                },
+                "readableRequestType": "Video",
                 "scheduledForIsPast": false,
+                "wasVirtual": false,
               }
             }
-            isVirtual={true}
-            label="Join Virtual Hearing"
+            isVirtual={false}
+            label="Start Hearing"
+            link="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host"
             newWindow={true}
             showFullLink={false}
             user={
@@ -460,26 +533,18 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
                 "name": "John Smith",
               }
             }
-            virtualHearing={
-              Object {
-                "aliasWithHost": "BVA#00000001@localhost",
-                "clientHost": "localhost",
-                "guestPin": "12345678#",
-                "hostPin": "1234567890#",
-                "jobCompleted": true,
-                "status": "active",
-              }
-            }
           >
             <Link
+              href="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host"
               target="_blank"
             >
               <a
+                href="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host"
                 target="_blank"
                 type={null}
               >
                 <strong>
-                  Join Virtual Hearing
+                  Start Hearing
                 </strong>
                 <span
                   data-css-32srrr=""
@@ -487,7 +552,7 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
                    
                   <ExternalLinkIcon
                     className=""
-                    color="#0071bc"
+                    color="#757575"
                     size={20}
                   >
                     <svg
@@ -504,7 +569,7 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
                         strokeWidth="1"
                       >
                         <g
-                          fill="#0071bc"
+                          fill="#757575"
                           fillRule="nonzero"
                         >
                           <g
@@ -533,7 +598,7 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
             <strong>
               Conference Room: 
             </strong>
-            BVA#00000001@localhost
+            BVA0001094@example.va.gov
           </div>
           <div
             data-css-6aejb2=""
@@ -541,44 +606,45 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
             <strong>
               PIN: 
             </strong>
-            12345678#
+            1073526
           </div>
           <CopyTextButton
-            ariaLabel="Copy Guest Link"
+            ariaLabel="Copy HC Link"
             label=""
             styling={Object {}}
-            text="Copy Guest Link"
-            textToCopy={null}
+            text="Copy HC Link"
+            textToCopy="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host"
           >
             <Tooltip
-              id="tooltip-Copy Guest Link"
+              id="tooltip-Copy HC Link"
               position="bottom"
               text="Click to copy"
             >
               <CopyToClipboard
-                aria-describedby="tooltip-Copy Guest Link"
+                aria-describedby="tooltip-Copy HC Link"
                 aria-label=""
                 data-event="focus mouseenter"
                 data-event-off="mouseleave keydown"
-                data-for="tooltip-Copy Guest Link"
+                data-for="tooltip-Copy HC Link"
                 data-tip={true}
                 tabIndex={0}
-                text="Copy Guest Link"
+                text="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host"
               >
                 <button
-                  aria-describedby="tooltip-Copy Guest Link"
+                  aria-describedby="tooltip-Copy HC Link"
                   aria-label=""
                   className="cf-apppeal-id"
-                  data-css-cjlnsd=""
+                  data-css-p6dv0b=""
                   data-event="focus mouseenter"
                   data-event-off="mouseleave keydown"
-                  data-for="tooltip-Copy Guest Link"
+                  data-for="tooltip-Copy HC Link"
                   data-tip={true}
+                  disabled={false}
                   onClick={[Function]}
                   tabIndex={0}
                   type="submit"
                 >
-                  Copy Guest Link
+                  Copy HC Link
                    
                   <ClipboardIcon
                     className=""
@@ -601,13 +667,13 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
                 </button>
               </CopyToClipboard>
               <span
-                data-css-1qgqh7a=""
+                data-css-1lc5pkv=""
               >
                 <ReactTooltip
                   className="cf-tooltip"
                   clickable={false}
                   effect="solid"
-                  id="tooltip-Copy Guest Link"
+                  id="tooltip-Copy HC Link"
                   insecure={true}
                   multiline={true}
                   offset={Object {}}
@@ -619,7 +685,7 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
                   <div
                     className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
                     data-id="tooltip"
-                    id="tooltip-Copy Guest Link"
+                    id="tooltip-Copy HC Link"
                     role="tooltip"
                   >
                     <style
@@ -712,52 +778,44 @@ exports[`HearingLinks Matches snapshot when hearing is virtual and in progress 1
         </VirtualHearingLinkDetails>
       </div>
     </LinkContainer>
-    <div />
-  </div>
-</HearingLinks>
-`;
-
-exports[`HearingLinks Matches snapshot when hearing was virtual and occurred 1`] = `
-<HearingLinks
-  hearing={
-    Object {
-      "scheduledForIsPast": false,
-    }
-  }
-  user={
-    Object {
-      "addressCity": "Washington",
-      "addressLine1": "123 Fake St.",
-      "addressState": "DC",
-      "addressZip": "20001",
-      "name": "John Smith",
-    }
-  }
-  virtualHearing={
-    Object {
-      "aliasWithHost": "BVA#00000001@localhost",
-      "clientHost": "localhost",
-      "guestPin": "12345678#",
-      "hostPin": "1234567890#",
-      "jobCompleted": true,
-      "status": "active",
-    }
-  }
-  wasVirtual={true}
->
-  <div
-    data-css-19plkw7=""
-    data-css-1fmltfu=""
-  >
     <LinkContainer
       hearing={
         Object {
+          "conferenceProvider": "pexip",
+          "dailyDocketConferenceLink": Object {
+            "alias": "BVA0001094@example.va.gov",
+            "coHostLink": null,
+            "conferenceProvider": "pexip",
+            "guestLink": "https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video",
+            "guestPin": "1342380867",
+            "hearingDayId": 151,
+            "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host",
+            "hostPin": "1073526",
+            "type": "PexipConferenceLink",
+          },
+          "readableRequestType": "Video",
           "scheduledForIsPast": false,
+          "wasVirtual": false,
         }
       }
-      label="VLJ Link"
-      linkText="Start Virtual Hearing"
-      role="VLJ"
+      isVirtual={false}
+      label="Guest Link"
+      link="https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video"
+      linkText="Join Hearing"
+      links={
+        Object {
+          "alias": "BVA0001094@example.va.gov",
+          "coHostLink": null,
+          "conferenceProvider": "pexip",
+          "guestLink": "https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video",
+          "guestPin": "1342380867",
+          "hearingDayId": 151,
+          "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host",
+          "hostPin": "1073526",
+          "type": "PexipConferenceLink",
+        }
+      }
+      role="Guest"
       user={
         Object {
           "addressCity": "Washington",
@@ -767,36 +825,41 @@ exports[`HearingLinks Matches snapshot when hearing was virtual and occurred 1`]
           "name": "John Smith",
         }
       }
-      virtualHearing={
-        Object {
-          "aliasWithHost": "BVA#00000001@localhost",
-          "clientHost": "localhost",
-          "guestPin": "12345678#",
-          "hostPin": "1234567890#",
-          "jobCompleted": true,
-          "status": "active",
-        }
-      }
-      wasVirtual={true}
     >
       <div
         data-css-tx10g=""
-        id="vlj-hearings-link"
+        id="guest-hearings-link"
       >
         <strong>
-          VLJ Link
+          Guest Link
           : 
         </strong>
         <VirtualHearingLinkDetails
-          aliasWithHost="BVA#00000001@localhost"
+          aliasWithHost="BVA0001094@example.va.gov"
           hearing={
             Object {
+              "conferenceProvider": "pexip",
+              "dailyDocketConferenceLink": Object {
+                "alias": "BVA0001094@example.va.gov",
+                "coHostLink": null,
+                "conferenceProvider": "pexip",
+                "guestLink": "https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video",
+                "guestPin": "1342380867",
+                "hearingDayId": 151,
+                "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host",
+                "hostPin": "1073526",
+                "type": "PexipConferenceLink",
+              },
+              "readableRequestType": "Video",
               "scheduledForIsPast": false,
+              "wasVirtual": false,
             }
           }
-          label="Start Virtual Hearing"
-          pin="1234567890#"
-          role="VLJ"
+          isVirtual={false}
+          label="Join Hearing"
+          link="https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video"
+          pin="1342380867"
+          role="Guest"
           user={
             Object {
               "addressCity": "Washington",
@@ -806,66 +869,4398 @@ exports[`HearingLinks Matches snapshot when hearing was virtual and occurred 1`]
               "name": "John Smith",
             }
           }
-          virtualHearing={
-            Object {
-              "aliasWithHost": "BVA#00000001@localhost",
-              "clientHost": "localhost",
-              "guestPin": "12345678#",
-              "hostPin": "1234567890#",
-              "jobCompleted": true,
-              "status": "active",
-            }
-          }
-          wasVirtual={true}
         >
-          <span>
-            Expired
-          </span>
-          <div
-            data-css-1abghdv=""
-          >
-            <strong>
-              Conference Room: 
-            </strong>
-            BVA#00000001@localhost
-          </div>
-          <div
-            data-css-6aejb2=""
+          <VirtualHearingLink
+            hearing={
+              Object {
+                "conferenceProvider": "pexip",
+                "dailyDocketConferenceLink": Object {
+                  "alias": "BVA0001094@example.va.gov",
+                  "coHostLink": null,
+                  "conferenceProvider": "pexip",
+                  "guestLink": "https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video",
+                  "guestPin": "1342380867",
+                  "hearingDayId": 151,
+                  "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0001094@example.va.gov&pin=1073526&role=host",
+                  "hostPin": "1073526",
+                  "type": "PexipConferenceLink",
+                },
+                "readableRequestType": "Video",
+                "scheduledForIsPast": false,
+                "wasVirtual": false,
+              }
+            }
+            isVirtual={false}
+            label="Join Hearing"
+            link="https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video"
+            newWindow={true}
+            showFullLink={false}
+            user={
+              Object {
+                "addressCity": "Washington",
+                "addressLine1": "123 Fake St.",
+                "addressState": "DC",
+                "addressZip": "20001",
+                "name": "John Smith",
+              }
+            }
           >
-            <strong>
-              PIN: 
-            </strong>
-            1234567890#
-          </div>
-        </VirtualHearingLinkDetails>
-      </div>
-    </LinkContainer>
-    <LinkContainer
-      hearing={
-        Object {
-          "scheduledForIsPast": false,
-        }
-      }
-      label="Guest Link"
-      linkText="Join Virtual Hearing"
-      role="Guest"
-      user={
-        Object {
-          "addressCity": "Washington",
-          "addressLine1": "123 Fake St.",
-          "addressState": "DC",
-          "addressZip": "20001",
-          "name": "John Smith",
+            <Link
+              href="https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video"
+              target="_blank"
+            >
+              <a
+                href="https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video"
+                target="_blank"
+                type={null}
+              >
+                <strong>
+                  Join Hearing
+                </strong>
+                <span
+                  data-css-32srrr=""
+                >
+                   
+                  <ExternalLinkIcon
+                    className=""
+                    color="#757575"
+                    size={20}
+                  >
+                    <svg
+                      className=""
+                      height={20}
+                      version="1.1"
+                      viewBox="0 0 18 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <g
+                        fill="none"
+                        fillRule="evenodd"
+                        stroke="none"
+                        strokeWidth="1"
+                      >
+                        <g
+                          fill="#757575"
+                          fillRule="nonzero"
+                        >
+                          <g
+                            transform="translate(1.000000, 1.000000)"
+                          >
+                            <path
+                              d="M12.2767813,8.17242825 L11.7057188,8.17242825 C11.6223125,8.17242825 11.553875,8.19969476 11.500625,8.25448292 C11.4469375,8.30895216 11.4202188,8.37876082 11.4202188,8.46378132 L11.4202188,11.377344 C11.4202188,11.7779863 11.2805313,12.1208747 11.001,12.4062005 C10.7214688,12.6914624 10.3853438,12.8339818 9.99275,12.8339818 L2.5695,12.8339818 C2.1769375,12.8339818 1.84084375,12.6914624 1.56125,12.4062005 C1.28171875,12.1209066 1.14196875,11.7780182 1.14196875,11.377344 L1.14196875,3.80200456 C1.14196875,3.40139408 1.2816875,3.05853759 1.56125,2.77324374 C1.84084375,2.487918 2.1769375,2.34533485 2.5695,2.34533485 L8.8505625,2.34533485 C8.93396875,2.34533485 9.00240625,2.31794077 9.055875,2.26337585 C9.10934375,2.20874715 9.1360625,2.13900228 9.1360625,2.05394989 L9.1360625,1.47114806 C9.1360625,1.38625513 9.10934375,1.31638269 9.055875,1.26184966 C9.00240625,1.20722096 8.93396875,1.17995444 8.8505625,1.17995444 L2.5695,1.17995444 C1.86175,1.17995444 1.2565,1.43641913 0.7538125,1.94931663 C0.2513125,2.46218223 0,3.07984055 0,3.80210023 L0,11.3774715 C0,12.0996993 0.2513125,12.7174533 0.75384375,13.2301595 C1.25653125,13.7430888 1.86178125,13.9996811 2.56953125,13.9996811 L9.99275,13.9996811 C10.7004688,13.9996811 11.3057813,13.7430888 11.8084063,13.2301595 C12.3110625,12.7174533 12.562375,12.0997312 12.562375,11.3774715 L12.562375,8.46400456 C12.562375,8.37888838 12.535625,8.30904784 12.4819375,8.25448292 C12.4284063,8.19969476 12.3599688,8.17242825 12.2767813,8.17242825 Z"
+                              id="external-link-outline-box"
+                            />
+                            <path
+                              d="M15.8009687,0.172974943 C15.6879375,0.0576264237 15.5539375,0 15.3994062,0 L10.8313437,0 C10.6767187,0 10.5428125,0.0576264237 10.429875,0.172974943 C10.3168438,0.288259681 10.26025,0.42484738 10.26025,0.58267426 C10.26025,0.740501139 10.3168438,0.877120729 10.429875,0.992469248 L12.0000938,2.59491116 L6.183,8.53138952 C6.1234375,8.59207745 6.09375,8.661918 6.09375,8.74068793 C6.09375,8.81974487 6.12353125,8.88955353 6.183,8.95024146 L7.200125,9.98809112 C7.25959375,10.048779 7.32803125,10.0790433 7.40534375,10.0790433 C7.48265625,10.0790433 7.551125,10.0488109 7.6105625,9.98809112 L13.4276875,4.05170843 L14.9980313,5.65415034 C15.1109687,5.76949886 15.2448438,5.82718907 15.3995,5.82718907 C15.5541562,5.82718907 15.6880312,5.76949886 15.8010937,5.65415034 C15.914125,5.53883371 15.9705937,5.4022779 15.9705937,5.24445103 L15.9705937,0.58267426 C15.9705625,0.424751708 15.9139063,0.288259681 15.8009687,0.172974943 Z"
+                              id="external-link-outline-arrow"
+                            />
+                          </g>
+                        </g>
+                      </g>
+                    </svg>
+                  </ExternalLinkIcon>
+                </span>
+              </a>
+            </Link>
+          </VirtualHearingLink>
+          <div
+            data-css-1abghdv=""
+          >
+            <strong>
+              Conference Room: 
+            </strong>
+            BVA0001094@example.va.gov
+          </div>
+          <div
+            data-css-6aejb2=""
+          >
+            <strong>
+              PIN: 
+            </strong>
+            1342380867
+          </div>
+          <CopyTextButton
+            ariaLabel="Copy Guest Link"
+            label=""
+            styling={Object {}}
+            text="Copy Guest Link"
+            textToCopy="https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video"
+          >
+            <Tooltip
+              id="tooltip-Copy Guest Link"
+              position="bottom"
+              text="Click to copy"
+            >
+              <CopyToClipboard
+                aria-describedby="tooltip-Copy Guest Link"
+                aria-label=""
+                data-event="focus mouseenter"
+                data-event-off="mouseleave keydown"
+                data-for="tooltip-Copy Guest Link"
+                data-tip={true}
+                tabIndex={0}
+                text="https://example.va.gov/sample/?conference=BVA0001094@example.va.gov&pin=1342380867&callType=video"
+              >
+                <button
+                  aria-describedby="tooltip-Copy Guest Link"
+                  aria-label=""
+                  className="cf-apppeal-id"
+                  data-css-p6dv0b=""
+                  data-event="focus mouseenter"
+                  data-event-off="mouseleave keydown"
+                  data-for="tooltip-Copy Guest Link"
+                  data-tip={true}
+                  disabled={false}
+                  onClick={[Function]}
+                  tabIndex={0}
+                  type="submit"
+                >
+                  Copy Guest Link
+                   
+                  <ClipboardIcon
+                    className=""
+                    color="#5b616b"
+                    size={17}
+                  >
+                    <svg
+                      className=""
+                      height={17}
+                      viewBox="0 0 21 21"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                        fill="#5b616b"
+                        fillRule="evenodd"
+                      />
+                    </svg>
+                  </ClipboardIcon>
+                </button>
+              </CopyToClipboard>
+              <span
+                data-css-1qgqh7a=""
+              >
+                <ReactTooltip
+                  className="cf-tooltip"
+                  clickable={false}
+                  effect="solid"
+                  id="tooltip-Copy Guest Link"
+                  insecure={true}
+                  multiline={true}
+                  offset={Object {}}
+                  place="bottom"
+                  resizeHide={true}
+                  role="tooltip"
+                  wrapper="div"
+                >
+                  <div
+                    className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                    data-id="tooltip"
+                    id="tooltip-Copy Guest Link"
+                    role="tooltip"
+                  >
+                    <style
+                      dangerouslySetInnerHTML={
+                        Object {
+                          "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                        }
+                      }
+                    />
+                    Click to copy
+                  </div>
+                </ReactTooltip>
+              </span>
+            </Tooltip>
+          </CopyTextButton>
+        </VirtualHearingLinkDetails>
+      </div>
+    </LinkContainer>
+  </div>
+</HearingLinks>
+`;
+
+exports[`HearingLinks Matches snapshot when hearing is non-virtual, webex, and in progress 1`] = `
+<HearingLinks
+  hearing={
+    Object {
+      "conferenceProvider": "webex",
+      "nonVirtualConferenceLink": Object {
+        "alias": null,
+        "coHostLink": "https://instant-usgov.webex.com/visit/yqju5qi",
+        "conferenceProvider": "webex",
+        "guestLink": "https://instant-usgov.webex.com/visit/m9p1k56",
+        "guestPin": null,
+        "hostLink": "https://instant-usgov.webex.com/visit/owhuy7m",
+        "hostPin": null,
+        "type": "WebexConferenceLink",
+      },
+      "scheduledForIsPast": false,
+    }
+  }
+  isVirtual={false}
+  user={
+    Object {
+      "addressCity": "Washington",
+      "addressLine1": "123 Fake St.",
+      "addressState": "DC",
+      "addressZip": "20001",
+      "name": "John Smith",
+    }
+  }
+>
+  <div
+    data-css-19plkw7=""
+    data-css-1fmltfu=""
+  >
+    <LinkContainer
+      hearing={
+        Object {
+          "conferenceProvider": "webex",
+          "nonVirtualConferenceLink": Object {
+            "alias": null,
+            "coHostLink": "https://instant-usgov.webex.com/visit/yqju5qi",
+            "conferenceProvider": "webex",
+            "guestLink": "https://instant-usgov.webex.com/visit/m9p1k56",
+            "guestPin": null,
+            "hostLink": "https://instant-usgov.webex.com/visit/owhuy7m",
+            "hostPin": null,
+            "type": "WebexConferenceLink",
+          },
+          "scheduledForIsPast": false,
+        }
+      }
+      isVirtual={false}
+      label="VLJ Link"
+      link="https://instant-usgov.webex.com/visit/owhuy7m"
+      linkText="Start Hearing"
+      links={
+        Object {
+          "alias": null,
+          "coHostLink": "https://instant-usgov.webex.com/visit/yqju5qi",
+          "conferenceProvider": "webex",
+          "guestLink": "https://instant-usgov.webex.com/visit/m9p1k56",
+          "guestPin": null,
+          "hostLink": "https://instant-usgov.webex.com/visit/owhuy7m",
+          "hostPin": null,
+          "type": "WebexConferenceLink",
+        }
+      }
+      role="VLJ"
+      user={
+        Object {
+          "addressCity": "Washington",
+          "addressLine1": "123 Fake St.",
+          "addressState": "DC",
+          "addressZip": "20001",
+          "name": "John Smith",
+        }
+      }
+    >
+      <div
+        data-css-tx10g=""
+        id="vlj-hearings-link"
+      >
+        <strong>
+          VLJ Link
+          : 
+        </strong>
+        <VirtualHearingLinkDetails
+          aliasWithHost={null}
+          hearing={
+            Object {
+              "conferenceProvider": "webex",
+              "nonVirtualConferenceLink": Object {
+                "alias": null,
+                "coHostLink": "https://instant-usgov.webex.com/visit/yqju5qi",
+                "conferenceProvider": "webex",
+                "guestLink": "https://instant-usgov.webex.com/visit/m9p1k56",
+                "guestPin": null,
+                "hostLink": "https://instant-usgov.webex.com/visit/owhuy7m",
+                "hostPin": null,
+                "type": "WebexConferenceLink",
+              },
+              "scheduledForIsPast": false,
+            }
+          }
+          isVirtual={false}
+          label="Start Hearing"
+          link="https://instant-usgov.webex.com/visit/owhuy7m"
+          pin={null}
+          role="VLJ"
+          user={
+            Object {
+              "addressCity": "Washington",
+              "addressLine1": "123 Fake St.",
+              "addressState": "DC",
+              "addressZip": "20001",
+              "name": "John Smith",
+            }
+          }
+        >
+          <VirtualHearingLink
+            hearing={
+              Object {
+                "conferenceProvider": "webex",
+                "nonVirtualConferenceLink": Object {
+                  "alias": null,
+                  "coHostLink": "https://instant-usgov.webex.com/visit/yqju5qi",
+                  "conferenceProvider": "webex",
+                  "guestLink": "https://instant-usgov.webex.com/visit/m9p1k56",
+                  "guestPin": null,
+                  "hostLink": "https://instant-usgov.webex.com/visit/owhuy7m",
+                  "hostPin": null,
+                  "type": "WebexConferenceLink",
+                },
+                "scheduledForIsPast": false,
+              }
+            }
+            isVirtual={false}
+            label="Start Hearing"
+            link="https://instant-usgov.webex.com/visit/owhuy7m"
+            newWindow={true}
+            showFullLink={false}
+            user={
+              Object {
+                "addressCity": "Washington",
+                "addressLine1": "123 Fake St.",
+                "addressState": "DC",
+                "addressZip": "20001",
+                "name": "John Smith",
+              }
+            }
+          >
+            <Link
+              href="https://instant-usgov.webex.com/visit/owhuy7m"
+              target="_blank"
+            >
+              <a
+                href="https://instant-usgov.webex.com/visit/owhuy7m"
+                target="_blank"
+                type={null}
+              >
+                <strong>
+                  Start Hearing
+                </strong>
+                <span
+                  data-css-32srrr=""
+                >
+                   
+                  <ExternalLinkIcon
+                    className=""
+                    color="#757575"
+                    size={20}
+                  >
+                    <svg
+                      className=""
+                      height={20}
+                      version="1.1"
+                      viewBox="0 0 18 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <g
+                        fill="none"
+                        fillRule="evenodd"
+                        stroke="none"
+                        strokeWidth="1"
+                      >
+                        <g
+                          fill="#757575"
+                          fillRule="nonzero"
+                        >
+                          <g
+                            transform="translate(1.000000, 1.000000)"
+                          >
+                            <path
+                              d="M12.2767813,8.17242825 L11.7057188,8.17242825 C11.6223125,8.17242825 11.553875,8.19969476 11.500625,8.25448292 C11.4469375,8.30895216 11.4202188,8.37876082 11.4202188,8.46378132 L11.4202188,11.377344 C11.4202188,11.7779863 11.2805313,12.1208747 11.001,12.4062005 C10.7214688,12.6914624 10.3853438,12.8339818 9.99275,12.8339818 L2.5695,12.8339818 C2.1769375,12.8339818 1.84084375,12.6914624 1.56125,12.4062005 C1.28171875,12.1209066 1.14196875,11.7780182 1.14196875,11.377344 L1.14196875,3.80200456 C1.14196875,3.40139408 1.2816875,3.05853759 1.56125,2.77324374 C1.84084375,2.487918 2.1769375,2.34533485 2.5695,2.34533485 L8.8505625,2.34533485 C8.93396875,2.34533485 9.00240625,2.31794077 9.055875,2.26337585 C9.10934375,2.20874715 9.1360625,2.13900228 9.1360625,2.05394989 L9.1360625,1.47114806 C9.1360625,1.38625513 9.10934375,1.31638269 9.055875,1.26184966 C9.00240625,1.20722096 8.93396875,1.17995444 8.8505625,1.17995444 L2.5695,1.17995444 C1.86175,1.17995444 1.2565,1.43641913 0.7538125,1.94931663 C0.2513125,2.46218223 0,3.07984055 0,3.80210023 L0,11.3774715 C0,12.0996993 0.2513125,12.7174533 0.75384375,13.2301595 C1.25653125,13.7430888 1.86178125,13.9996811 2.56953125,13.9996811 L9.99275,13.9996811 C10.7004688,13.9996811 11.3057813,13.7430888 11.8084063,13.2301595 C12.3110625,12.7174533 12.562375,12.0997312 12.562375,11.3774715 L12.562375,8.46400456 C12.562375,8.37888838 12.535625,8.30904784 12.4819375,8.25448292 C12.4284063,8.19969476 12.3599688,8.17242825 12.2767813,8.17242825 Z"
+                              id="external-link-outline-box"
+                            />
+                            <path
+                              d="M15.8009687,0.172974943 C15.6879375,0.0576264237 15.5539375,0 15.3994062,0 L10.8313437,0 C10.6767187,0 10.5428125,0.0576264237 10.429875,0.172974943 C10.3168438,0.288259681 10.26025,0.42484738 10.26025,0.58267426 C10.26025,0.740501139 10.3168438,0.877120729 10.429875,0.992469248 L12.0000938,2.59491116 L6.183,8.53138952 C6.1234375,8.59207745 6.09375,8.661918 6.09375,8.74068793 C6.09375,8.81974487 6.12353125,8.88955353 6.183,8.95024146 L7.200125,9.98809112 C7.25959375,10.048779 7.32803125,10.0790433 7.40534375,10.0790433 C7.48265625,10.0790433 7.551125,10.0488109 7.6105625,9.98809112 L13.4276875,4.05170843 L14.9980313,5.65415034 C15.1109687,5.76949886 15.2448438,5.82718907 15.3995,5.82718907 C15.5541562,5.82718907 15.6880312,5.76949886 15.8010937,5.65415034 C15.914125,5.53883371 15.9705937,5.4022779 15.9705937,5.24445103 L15.9705937,0.58267426 C15.9705625,0.424751708 15.9139063,0.288259681 15.8009687,0.172974943 Z"
+                              id="external-link-outline-arrow"
+                            />
+                          </g>
+                        </g>
+                      </g>
+                    </svg>
+                  </ExternalLinkIcon>
+                </span>
+              </a>
+            </Link>
+          </VirtualHearingLink>
+          <div
+            className="helper-text"
+            data-css-1abghdv=""
+          >
+            https://instant-usgov.webex.com/visit/owhuy7m
+          </div>
+          <CopyTextButton
+            ariaLabel="Copy VLJ Link"
+            label=""
+            styling={Object {}}
+            text="Copy VLJ Link"
+            textToCopy="https://instant-usgov.webex.com/visit/owhuy7m"
+          >
+            <Tooltip
+              id="tooltip-Copy VLJ Link"
+              position="bottom"
+              text="Click to copy"
+            >
+              <CopyToClipboard
+                aria-describedby="tooltip-Copy VLJ Link"
+                aria-label=""
+                data-event="focus mouseenter"
+                data-event-off="mouseleave keydown"
+                data-for="tooltip-Copy VLJ Link"
+                data-tip={true}
+                tabIndex={0}
+                text="https://instant-usgov.webex.com/visit/owhuy7m"
+              >
+                <button
+                  aria-describedby="tooltip-Copy VLJ Link"
+                  aria-label=""
+                  className="cf-apppeal-id"
+                  data-css-p6dv0b=""
+                  data-event="focus mouseenter"
+                  data-event-off="mouseleave keydown"
+                  data-for="tooltip-Copy VLJ Link"
+                  data-tip={true}
+                  disabled={false}
+                  onClick={[Function]}
+                  tabIndex={0}
+                  type="submit"
+                >
+                  Copy VLJ Link
+                   
+                  <ClipboardIcon
+                    className=""
+                    color="#5b616b"
+                    size={17}
+                  >
+                    <svg
+                      className=""
+                      height={17}
+                      viewBox="0 0 21 21"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                        fill="#5b616b"
+                        fillRule="evenodd"
+                      />
+                    </svg>
+                  </ClipboardIcon>
+                </button>
+              </CopyToClipboard>
+              <span
+                data-css-as2zk0=""
+              >
+                <ReactTooltip
+                  className="cf-tooltip"
+                  clickable={false}
+                  effect="solid"
+                  id="tooltip-Copy VLJ Link"
+                  insecure={true}
+                  multiline={true}
+                  offset={Object {}}
+                  place="bottom"
+                  resizeHide={true}
+                  role="tooltip"
+                  wrapper="div"
+                >
+                  <div
+                    className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                    data-id="tooltip"
+                    id="tooltip-Copy VLJ Link"
+                    role="tooltip"
+                  >
+                    <style
+                      dangerouslySetInnerHTML={
+                        Object {
+                          "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                        }
+                      }
+                    />
+                    Click to copy
+                  </div>
+                </ReactTooltip>
+              </span>
+            </Tooltip>
+          </CopyTextButton>
+        </VirtualHearingLinkDetails>
+      </div>
+    </LinkContainer>
+    <LinkContainer
+      hearing={
+        Object {
+          "conferenceProvider": "webex",
+          "nonVirtualConferenceLink": Object {
+            "alias": null,
+            "coHostLink": "https://instant-usgov.webex.com/visit/yqju5qi",
+            "conferenceProvider": "webex",
+            "guestLink": "https://instant-usgov.webex.com/visit/m9p1k56",
+            "guestPin": null,
+            "hostLink": "https://instant-usgov.webex.com/visit/owhuy7m",
+            "hostPin": null,
+            "type": "WebexConferenceLink",
+          },
+          "scheduledForIsPast": false,
+        }
+      }
+      isVirtual={false}
+      label="Hearing Coordinator Link"
+      link="https://instant-usgov.webex.com/visit/yqju5qi"
+      linkText="Start Hearing"
+      links={
+        Object {
+          "alias": null,
+          "coHostLink": "https://instant-usgov.webex.com/visit/yqju5qi",
+          "conferenceProvider": "webex",
+          "guestLink": "https://instant-usgov.webex.com/visit/m9p1k56",
+          "guestPin": null,
+          "hostLink": "https://instant-usgov.webex.com/visit/owhuy7m",
+          "hostPin": null,
+          "type": "WebexConferenceLink",
+        }
+      }
+      role="HC"
+      user={
+        Object {
+          "addressCity": "Washington",
+          "addressLine1": "123 Fake St.",
+          "addressState": "DC",
+          "addressZip": "20001",
+          "name": "John Smith",
+        }
+      }
+    >
+      <div
+        data-css-tx10g=""
+        id="hc-hearings-link"
+      >
+        <strong>
+          Hearing Coordinator Link
+          : 
+        </strong>
+        <VirtualHearingLinkDetails
+          aliasWithHost={null}
+          hearing={
+            Object {
+              "conferenceProvider": "webex",
+              "nonVirtualConferenceLink": Object {
+                "alias": null,
+                "coHostLink": "https://instant-usgov.webex.com/visit/yqju5qi",
+                "conferenceProvider": "webex",
+                "guestLink": "https://instant-usgov.webex.com/visit/m9p1k56",
+                "guestPin": null,
+                "hostLink": "https://instant-usgov.webex.com/visit/owhuy7m",
+                "hostPin": null,
+                "type": "WebexConferenceLink",
+              },
+              "scheduledForIsPast": false,
+            }
+          }
+          isVirtual={false}
+          label="Start Hearing"
+          link="https://instant-usgov.webex.com/visit/yqju5qi"
+          pin={null}
+          role="HC"
+          user={
+            Object {
+              "addressCity": "Washington",
+              "addressLine1": "123 Fake St.",
+              "addressState": "DC",
+              "addressZip": "20001",
+              "name": "John Smith",
+            }
+          }
+        >
+          <VirtualHearingLink
+            hearing={
+              Object {
+                "conferenceProvider": "webex",
+                "nonVirtualConferenceLink": Object {
+                  "alias": null,
+                  "coHostLink": "https://instant-usgov.webex.com/visit/yqju5qi",
+                  "conferenceProvider": "webex",
+                  "guestLink": "https://instant-usgov.webex.com/visit/m9p1k56",
+                  "guestPin": null,
+                  "hostLink": "https://instant-usgov.webex.com/visit/owhuy7m",
+                  "hostPin": null,
+                  "type": "WebexConferenceLink",
+                },
+                "scheduledForIsPast": false,
+              }
+            }
+            isVirtual={false}
+            label="Start Hearing"
+            link="https://instant-usgov.webex.com/visit/yqju5qi"
+            newWindow={true}
+            showFullLink={false}
+            user={
+              Object {
+                "addressCity": "Washington",
+                "addressLine1": "123 Fake St.",
+                "addressState": "DC",
+                "addressZip": "20001",
+                "name": "John Smith",
+              }
+            }
+          >
+            <Link
+              href="https://instant-usgov.webex.com/visit/yqju5qi"
+              target="_blank"
+            >
+              <a
+                href="https://instant-usgov.webex.com/visit/yqju5qi"
+                target="_blank"
+                type={null}
+              >
+                <strong>
+                  Start Hearing
+                </strong>
+                <span
+                  data-css-32srrr=""
+                >
+                   
+                  <ExternalLinkIcon
+                    className=""
+                    color="#757575"
+                    size={20}
+                  >
+                    <svg
+                      className=""
+                      height={20}
+                      version="1.1"
+                      viewBox="0 0 18 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <g
+                        fill="none"
+                        fillRule="evenodd"
+                        stroke="none"
+                        strokeWidth="1"
+                      >
+                        <g
+                          fill="#757575"
+                          fillRule="nonzero"
+                        >
+                          <g
+                            transform="translate(1.000000, 1.000000)"
+                          >
+                            <path
+                              d="M12.2767813,8.17242825 L11.7057188,8.17242825 C11.6223125,8.17242825 11.553875,8.19969476 11.500625,8.25448292 C11.4469375,8.30895216 11.4202188,8.37876082 11.4202188,8.46378132 L11.4202188,11.377344 C11.4202188,11.7779863 11.2805313,12.1208747 11.001,12.4062005 C10.7214688,12.6914624 10.3853438,12.8339818 9.99275,12.8339818 L2.5695,12.8339818 C2.1769375,12.8339818 1.84084375,12.6914624 1.56125,12.4062005 C1.28171875,12.1209066 1.14196875,11.7780182 1.14196875,11.377344 L1.14196875,3.80200456 C1.14196875,3.40139408 1.2816875,3.05853759 1.56125,2.77324374 C1.84084375,2.487918 2.1769375,2.34533485 2.5695,2.34533485 L8.8505625,2.34533485 C8.93396875,2.34533485 9.00240625,2.31794077 9.055875,2.26337585 C9.10934375,2.20874715 9.1360625,2.13900228 9.1360625,2.05394989 L9.1360625,1.47114806 C9.1360625,1.38625513 9.10934375,1.31638269 9.055875,1.26184966 C9.00240625,1.20722096 8.93396875,1.17995444 8.8505625,1.17995444 L2.5695,1.17995444 C1.86175,1.17995444 1.2565,1.43641913 0.7538125,1.94931663 C0.2513125,2.46218223 0,3.07984055 0,3.80210023 L0,11.3774715 C0,12.0996993 0.2513125,12.7174533 0.75384375,13.2301595 C1.25653125,13.7430888 1.86178125,13.9996811 2.56953125,13.9996811 L9.99275,13.9996811 C10.7004688,13.9996811 11.3057813,13.7430888 11.8084063,13.2301595 C12.3110625,12.7174533 12.562375,12.0997312 12.562375,11.3774715 L12.562375,8.46400456 C12.562375,8.37888838 12.535625,8.30904784 12.4819375,8.25448292 C12.4284063,8.19969476 12.3599688,8.17242825 12.2767813,8.17242825 Z"
+                              id="external-link-outline-box"
+                            />
+                            <path
+                              d="M15.8009687,0.172974943 C15.6879375,0.0576264237 15.5539375,0 15.3994062,0 L10.8313437,0 C10.6767187,0 10.5428125,0.0576264237 10.429875,0.172974943 C10.3168438,0.288259681 10.26025,0.42484738 10.26025,0.58267426 C10.26025,0.740501139 10.3168438,0.877120729 10.429875,0.992469248 L12.0000938,2.59491116 L6.183,8.53138952 C6.1234375,8.59207745 6.09375,8.661918 6.09375,8.74068793 C6.09375,8.81974487 6.12353125,8.88955353 6.183,8.95024146 L7.200125,9.98809112 C7.25959375,10.048779 7.32803125,10.0790433 7.40534375,10.0790433 C7.48265625,10.0790433 7.551125,10.0488109 7.6105625,9.98809112 L13.4276875,4.05170843 L14.9980313,5.65415034 C15.1109687,5.76949886 15.2448438,5.82718907 15.3995,5.82718907 C15.5541562,5.82718907 15.6880312,5.76949886 15.8010937,5.65415034 C15.914125,5.53883371 15.9705937,5.4022779 15.9705937,5.24445103 L15.9705937,0.58267426 C15.9705625,0.424751708 15.9139063,0.288259681 15.8009687,0.172974943 Z"
+                              id="external-link-outline-arrow"
+                            />
+                          </g>
+                        </g>
+                      </g>
+                    </svg>
+                  </ExternalLinkIcon>
+                </span>
+              </a>
+            </Link>
+          </VirtualHearingLink>
+          <div
+            className="helper-text"
+            data-css-1abghdv=""
+          >
+            https://instant-usgov.webex.com/visit/yqju5qi
+          </div>
+          <CopyTextButton
+            ariaLabel="Copy HC Link"
+            label=""
+            styling={Object {}}
+            text="Copy HC Link"
+            textToCopy="https://instant-usgov.webex.com/visit/yqju5qi"
+          >
+            <Tooltip
+              id="tooltip-Copy HC Link"
+              position="bottom"
+              text="Click to copy"
+            >
+              <CopyToClipboard
+                aria-describedby="tooltip-Copy HC Link"
+                aria-label=""
+                data-event="focus mouseenter"
+                data-event-off="mouseleave keydown"
+                data-for="tooltip-Copy HC Link"
+                data-tip={true}
+                tabIndex={0}
+                text="https://instant-usgov.webex.com/visit/yqju5qi"
+              >
+                <button
+                  aria-describedby="tooltip-Copy HC Link"
+                  aria-label=""
+                  className="cf-apppeal-id"
+                  data-css-p6dv0b=""
+                  data-event="focus mouseenter"
+                  data-event-off="mouseleave keydown"
+                  data-for="tooltip-Copy HC Link"
+                  data-tip={true}
+                  disabled={false}
+                  onClick={[Function]}
+                  tabIndex={0}
+                  type="submit"
+                >
+                  Copy HC Link
+                   
+                  <ClipboardIcon
+                    className=""
+                    color="#5b616b"
+                    size={17}
+                  >
+                    <svg
+                      className=""
+                      height={17}
+                      viewBox="0 0 21 21"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                        fill="#5b616b"
+                        fillRule="evenodd"
+                      />
+                    </svg>
+                  </ClipboardIcon>
+                </button>
+              </CopyToClipboard>
+              <span
+                data-css-1lc5pkv=""
+              >
+                <ReactTooltip
+                  className="cf-tooltip"
+                  clickable={false}
+                  effect="solid"
+                  id="tooltip-Copy HC Link"
+                  insecure={true}
+                  multiline={true}
+                  offset={Object {}}
+                  place="bottom"
+                  resizeHide={true}
+                  role="tooltip"
+                  wrapper="div"
+                >
+                  <div
+                    className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                    data-id="tooltip"
+                    id="tooltip-Copy HC Link"
+                    role="tooltip"
+                  >
+                    <style
+                      dangerouslySetInnerHTML={
+                        Object {
+                          "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                        }
+                      }
+                    />
+                    Click to copy
+                  </div>
+                </ReactTooltip>
+              </span>
+            </Tooltip>
+          </CopyTextButton>
+        </VirtualHearingLinkDetails>
+      </div>
+    </LinkContainer>
+    <LinkContainer
+      hearing={
+        Object {
+          "conferenceProvider": "webex",
+          "nonVirtualConferenceLink": Object {
+            "alias": null,
+            "coHostLink": "https://instant-usgov.webex.com/visit/yqju5qi",
+            "conferenceProvider": "webex",
+            "guestLink": "https://instant-usgov.webex.com/visit/m9p1k56",
+            "guestPin": null,
+            "hostLink": "https://instant-usgov.webex.com/visit/owhuy7m",
+            "hostPin": null,
+            "type": "WebexConferenceLink",
+          },
+          "scheduledForIsPast": false,
+        }
+      }
+      isVirtual={false}
+      label="Guest Link"
+      link="https://instant-usgov.webex.com/visit/m9p1k56"
+      linkText="Join Hearing"
+      links={
+        Object {
+          "alias": null,
+          "coHostLink": "https://instant-usgov.webex.com/visit/yqju5qi",
+          "conferenceProvider": "webex",
+          "guestLink": "https://instant-usgov.webex.com/visit/m9p1k56",
+          "guestPin": null,
+          "hostLink": "https://instant-usgov.webex.com/visit/owhuy7m",
+          "hostPin": null,
+          "type": "WebexConferenceLink",
+        }
+      }
+      role="Guest"
+      user={
+        Object {
+          "addressCity": "Washington",
+          "addressLine1": "123 Fake St.",
+          "addressState": "DC",
+          "addressZip": "20001",
+          "name": "John Smith",
+        }
+      }
+    >
+      <div
+        data-css-tx10g=""
+        id="guest-hearings-link"
+      >
+        <strong>
+          Guest Link
+          : 
+        </strong>
+        <VirtualHearingLinkDetails
+          aliasWithHost={null}
+          hearing={
+            Object {
+              "conferenceProvider": "webex",
+              "nonVirtualConferenceLink": Object {
+                "alias": null,
+                "coHostLink": "https://instant-usgov.webex.com/visit/yqju5qi",
+                "conferenceProvider": "webex",
+                "guestLink": "https://instant-usgov.webex.com/visit/m9p1k56",
+                "guestPin": null,
+                "hostLink": "https://instant-usgov.webex.com/visit/owhuy7m",
+                "hostPin": null,
+                "type": "WebexConferenceLink",
+              },
+              "scheduledForIsPast": false,
+            }
+          }
+          isVirtual={false}
+          label="Join Hearing"
+          link="https://instant-usgov.webex.com/visit/m9p1k56"
+          pin={null}
+          role="Guest"
+          user={
+            Object {
+              "addressCity": "Washington",
+              "addressLine1": "123 Fake St.",
+              "addressState": "DC",
+              "addressZip": "20001",
+              "name": "John Smith",
+            }
+          }
+        >
+          <VirtualHearingLink
+            hearing={
+              Object {
+                "conferenceProvider": "webex",
+                "nonVirtualConferenceLink": Object {
+                  "alias": null,
+                  "coHostLink": "https://instant-usgov.webex.com/visit/yqju5qi",
+                  "conferenceProvider": "webex",
+                  "guestLink": "https://instant-usgov.webex.com/visit/m9p1k56",
+                  "guestPin": null,
+                  "hostLink": "https://instant-usgov.webex.com/visit/owhuy7m",
+                  "hostPin": null,
+                  "type": "WebexConferenceLink",
+                },
+                "scheduledForIsPast": false,
+              }
+            }
+            isVirtual={false}
+            label="Join Hearing"
+            link="https://instant-usgov.webex.com/visit/m9p1k56"
+            newWindow={true}
+            showFullLink={false}
+            user={
+              Object {
+                "addressCity": "Washington",
+                "addressLine1": "123 Fake St.",
+                "addressState": "DC",
+                "addressZip": "20001",
+                "name": "John Smith",
+              }
+            }
+          >
+            <Link
+              href="https://instant-usgov.webex.com/visit/m9p1k56"
+              target="_blank"
+            >
+              <a
+                href="https://instant-usgov.webex.com/visit/m9p1k56"
+                target="_blank"
+                type={null}
+              >
+                <strong>
+                  Join Hearing
+                </strong>
+                <span
+                  data-css-32srrr=""
+                >
+                   
+                  <ExternalLinkIcon
+                    className=""
+                    color="#757575"
+                    size={20}
+                  >
+                    <svg
+                      className=""
+                      height={20}
+                      version="1.1"
+                      viewBox="0 0 18 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <g
+                        fill="none"
+                        fillRule="evenodd"
+                        stroke="none"
+                        strokeWidth="1"
+                      >
+                        <g
+                          fill="#757575"
+                          fillRule="nonzero"
+                        >
+                          <g
+                            transform="translate(1.000000, 1.000000)"
+                          >
+                            <path
+                              d="M12.2767813,8.17242825 L11.7057188,8.17242825 C11.6223125,8.17242825 11.553875,8.19969476 11.500625,8.25448292 C11.4469375,8.30895216 11.4202188,8.37876082 11.4202188,8.46378132 L11.4202188,11.377344 C11.4202188,11.7779863 11.2805313,12.1208747 11.001,12.4062005 C10.7214688,12.6914624 10.3853438,12.8339818 9.99275,12.8339818 L2.5695,12.8339818 C2.1769375,12.8339818 1.84084375,12.6914624 1.56125,12.4062005 C1.28171875,12.1209066 1.14196875,11.7780182 1.14196875,11.377344 L1.14196875,3.80200456 C1.14196875,3.40139408 1.2816875,3.05853759 1.56125,2.77324374 C1.84084375,2.487918 2.1769375,2.34533485 2.5695,2.34533485 L8.8505625,2.34533485 C8.93396875,2.34533485 9.00240625,2.31794077 9.055875,2.26337585 C9.10934375,2.20874715 9.1360625,2.13900228 9.1360625,2.05394989 L9.1360625,1.47114806 C9.1360625,1.38625513 9.10934375,1.31638269 9.055875,1.26184966 C9.00240625,1.20722096 8.93396875,1.17995444 8.8505625,1.17995444 L2.5695,1.17995444 C1.86175,1.17995444 1.2565,1.43641913 0.7538125,1.94931663 C0.2513125,2.46218223 0,3.07984055 0,3.80210023 L0,11.3774715 C0,12.0996993 0.2513125,12.7174533 0.75384375,13.2301595 C1.25653125,13.7430888 1.86178125,13.9996811 2.56953125,13.9996811 L9.99275,13.9996811 C10.7004688,13.9996811 11.3057813,13.7430888 11.8084063,13.2301595 C12.3110625,12.7174533 12.562375,12.0997312 12.562375,11.3774715 L12.562375,8.46400456 C12.562375,8.37888838 12.535625,8.30904784 12.4819375,8.25448292 C12.4284063,8.19969476 12.3599688,8.17242825 12.2767813,8.17242825 Z"
+                              id="external-link-outline-box"
+                            />
+                            <path
+                              d="M15.8009687,0.172974943 C15.6879375,0.0576264237 15.5539375,0 15.3994062,0 L10.8313437,0 C10.6767187,0 10.5428125,0.0576264237 10.429875,0.172974943 C10.3168438,0.288259681 10.26025,0.42484738 10.26025,0.58267426 C10.26025,0.740501139 10.3168438,0.877120729 10.429875,0.992469248 L12.0000938,2.59491116 L6.183,8.53138952 C6.1234375,8.59207745 6.09375,8.661918 6.09375,8.74068793 C6.09375,8.81974487 6.12353125,8.88955353 6.183,8.95024146 L7.200125,9.98809112 C7.25959375,10.048779 7.32803125,10.0790433 7.40534375,10.0790433 C7.48265625,10.0790433 7.551125,10.0488109 7.6105625,9.98809112 L13.4276875,4.05170843 L14.9980313,5.65415034 C15.1109687,5.76949886 15.2448438,5.82718907 15.3995,5.82718907 C15.5541562,5.82718907 15.6880312,5.76949886 15.8010937,5.65415034 C15.914125,5.53883371 15.9705937,5.4022779 15.9705937,5.24445103 L15.9705937,0.58267426 C15.9705625,0.424751708 15.9139063,0.288259681 15.8009687,0.172974943 Z"
+                              id="external-link-outline-arrow"
+                            />
+                          </g>
+                        </g>
+                      </g>
+                    </svg>
+                  </ExternalLinkIcon>
+                </span>
+              </a>
+            </Link>
+          </VirtualHearingLink>
+          <div
+            className="helper-text"
+            data-css-1abghdv=""
+          >
+            https://instant-usgov.webex.com/visit/m9p1k56
+          </div>
+          <CopyTextButton
+            ariaLabel="Copy Guest Link"
+            label=""
+            styling={Object {}}
+            text="Copy Guest Link"
+            textToCopy="https://instant-usgov.webex.com/visit/m9p1k56"
+          >
+            <Tooltip
+              id="tooltip-Copy Guest Link"
+              position="bottom"
+              text="Click to copy"
+            >
+              <CopyToClipboard
+                aria-describedby="tooltip-Copy Guest Link"
+                aria-label=""
+                data-event="focus mouseenter"
+                data-event-off="mouseleave keydown"
+                data-for="tooltip-Copy Guest Link"
+                data-tip={true}
+                tabIndex={0}
+                text="https://instant-usgov.webex.com/visit/m9p1k56"
+              >
+                <button
+                  aria-describedby="tooltip-Copy Guest Link"
+                  aria-label=""
+                  className="cf-apppeal-id"
+                  data-css-p6dv0b=""
+                  data-event="focus mouseenter"
+                  data-event-off="mouseleave keydown"
+                  data-for="tooltip-Copy Guest Link"
+                  data-tip={true}
+                  disabled={false}
+                  onClick={[Function]}
+                  tabIndex={0}
+                  type="submit"
+                >
+                  Copy Guest Link
+                   
+                  <ClipboardIcon
+                    className=""
+                    color="#5b616b"
+                    size={17}
+                  >
+                    <svg
+                      className=""
+                      height={17}
+                      viewBox="0 0 21 21"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                        fill="#5b616b"
+                        fillRule="evenodd"
+                      />
+                    </svg>
+                  </ClipboardIcon>
+                </button>
+              </CopyToClipboard>
+              <span
+                data-css-1qgqh7a=""
+              >
+                <ReactTooltip
+                  className="cf-tooltip"
+                  clickable={false}
+                  effect="solid"
+                  id="tooltip-Copy Guest Link"
+                  insecure={true}
+                  multiline={true}
+                  offset={Object {}}
+                  place="bottom"
+                  resizeHide={true}
+                  role="tooltip"
+                  wrapper="div"
+                >
+                  <div
+                    className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                    data-id="tooltip"
+                    id="tooltip-Copy Guest Link"
+                    role="tooltip"
+                  >
+                    <style
+                      dangerouslySetInnerHTML={
+                        Object {
+                          "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                        }
+                      }
+                    />
+                    Click to copy
+                  </div>
+                </ReactTooltip>
+              </span>
+            </Tooltip>
+          </CopyTextButton>
+        </VirtualHearingLinkDetails>
+      </div>
+    </LinkContainer>
+  </div>
+</HearingLinks>
+`;
+
+exports[`HearingLinks Matches snapshot when hearing is virtual, pexip, and in progress 1`] = `
+<HearingLinks
+  hearing={
+    Object {
+      "conferenceProvider": "pexip",
+      "isVirtual": true,
+      "scheduledForIsPast": false,
+    }
+  }
+  isVirtual={true}
+  user={
+    Object {
+      "addressCity": "Washington",
+      "addressLine1": "123 Fake St.",
+      "addressState": "DC",
+      "addressZip": "20001",
+      "name": "John Smith",
+    }
+  }
+  virtualHearing={
+    Object {
+      "alias": "BVA0000130@example.va.gov",
+      "aliasWithHost": "BVA#00000001@localhost",
+      "clientHost": "localhost",
+      "coHostLink": null,
+      "conferenceProvider": "pexip",
+      "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
+      "guestPin": "12345678#",
+      "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
+      "hostPin": "1234567890#",
+      "jobCompleted": true,
+      "status": "active",
+      "type": "PexipConferenceLink",
+    }
+  }
+>
+  <div
+    data-css-19plkw7=""
+    data-css-1fmltfu=""
+  >
+    <LinkContainer
+      hearing={
+        Object {
+          "conferenceProvider": "pexip",
+          "isVirtual": true,
+          "scheduledForIsPast": false,
+        }
+      }
+      isVirtual={true}
+      label="VLJ Link"
+      link="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host"
+      linkText="Start Hearing"
+      links={
+        Object {
+          "alias": "BVA0000130@example.va.gov",
+          "aliasWithHost": "BVA#00000001@localhost",
+          "clientHost": "localhost",
+          "coHostLink": null,
+          "conferenceProvider": "pexip",
+          "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
+          "guestPin": "12345678#",
+          "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
+          "hostPin": "1234567890#",
+          "jobCompleted": true,
+          "status": "active",
+          "type": "PexipConferenceLink",
+        }
+      }
+      role="VLJ"
+      user={
+        Object {
+          "addressCity": "Washington",
+          "addressLine1": "123 Fake St.",
+          "addressState": "DC",
+          "addressZip": "20001",
+          "name": "John Smith",
+        }
+      }
+      virtualHearing={
+        Object {
+          "alias": "BVA0000130@example.va.gov",
+          "aliasWithHost": "BVA#00000001@localhost",
+          "clientHost": "localhost",
+          "coHostLink": null,
+          "conferenceProvider": "pexip",
+          "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
+          "guestPin": "12345678#",
+          "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
+          "hostPin": "1234567890#",
+          "jobCompleted": true,
+          "status": "active",
+          "type": "PexipConferenceLink",
+        }
+      }
+    >
+      <div
+        data-css-tx10g=""
+        id="vlj-hearings-link"
+      >
+        <strong>
+          VLJ Link
+          : 
+        </strong>
+        <VirtualHearingLinkDetails
+          aliasWithHost="BVA#00000001@localhost"
+          hearing={
+            Object {
+              "conferenceProvider": "pexip",
+              "isVirtual": true,
+              "scheduledForIsPast": false,
+            }
+          }
+          isVirtual={true}
+          label="Start Hearing"
+          link="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host"
+          pin="1234567890#"
+          role="VLJ"
+          user={
+            Object {
+              "addressCity": "Washington",
+              "addressLine1": "123 Fake St.",
+              "addressState": "DC",
+              "addressZip": "20001",
+              "name": "John Smith",
+            }
+          }
+          virtualHearing={
+            Object {
+              "alias": "BVA0000130@example.va.gov",
+              "aliasWithHost": "BVA#00000001@localhost",
+              "clientHost": "localhost",
+              "coHostLink": null,
+              "conferenceProvider": "pexip",
+              "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
+              "guestPin": "12345678#",
+              "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
+              "hostPin": "1234567890#",
+              "jobCompleted": true,
+              "status": "active",
+              "type": "PexipConferenceLink",
+            }
+          }
+        >
+          <VirtualHearingLink
+            hearing={
+              Object {
+                "conferenceProvider": "pexip",
+                "isVirtual": true,
+                "scheduledForIsPast": false,
+              }
+            }
+            isVirtual={true}
+            label="Start Hearing"
+            link="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host"
+            newWindow={true}
+            showFullLink={false}
+            user={
+              Object {
+                "addressCity": "Washington",
+                "addressLine1": "123 Fake St.",
+                "addressState": "DC",
+                "addressZip": "20001",
+                "name": "John Smith",
+              }
+            }
+            virtualHearing={
+              Object {
+                "alias": "BVA0000130@example.va.gov",
+                "aliasWithHost": "BVA#00000001@localhost",
+                "clientHost": "localhost",
+                "coHostLink": null,
+                "conferenceProvider": "pexip",
+                "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
+                "guestPin": "12345678#",
+                "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
+                "hostPin": "1234567890#",
+                "jobCompleted": true,
+                "status": "active",
+                "type": "PexipConferenceLink",
+              }
+            }
+          >
+            <Link
+              href="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host"
+              target="_blank"
+            >
+              <a
+                href="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host"
+                target="_blank"
+                type={null}
+              >
+                <strong>
+                  Start Hearing
+                </strong>
+                <span
+                  data-css-32srrr=""
+                >
+                   
+                  <ExternalLinkIcon
+                    className=""
+                    color="#757575"
+                    size={20}
+                  >
+                    <svg
+                      className=""
+                      height={20}
+                      version="1.1"
+                      viewBox="0 0 18 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <g
+                        fill="none"
+                        fillRule="evenodd"
+                        stroke="none"
+                        strokeWidth="1"
+                      >
+                        <g
+                          fill="#757575"
+                          fillRule="nonzero"
+                        >
+                          <g
+                            transform="translate(1.000000, 1.000000)"
+                          >
+                            <path
+                              d="M12.2767813,8.17242825 L11.7057188,8.17242825 C11.6223125,8.17242825 11.553875,8.19969476 11.500625,8.25448292 C11.4469375,8.30895216 11.4202188,8.37876082 11.4202188,8.46378132 L11.4202188,11.377344 C11.4202188,11.7779863 11.2805313,12.1208747 11.001,12.4062005 C10.7214688,12.6914624 10.3853438,12.8339818 9.99275,12.8339818 L2.5695,12.8339818 C2.1769375,12.8339818 1.84084375,12.6914624 1.56125,12.4062005 C1.28171875,12.1209066 1.14196875,11.7780182 1.14196875,11.377344 L1.14196875,3.80200456 C1.14196875,3.40139408 1.2816875,3.05853759 1.56125,2.77324374 C1.84084375,2.487918 2.1769375,2.34533485 2.5695,2.34533485 L8.8505625,2.34533485 C8.93396875,2.34533485 9.00240625,2.31794077 9.055875,2.26337585 C9.10934375,2.20874715 9.1360625,2.13900228 9.1360625,2.05394989 L9.1360625,1.47114806 C9.1360625,1.38625513 9.10934375,1.31638269 9.055875,1.26184966 C9.00240625,1.20722096 8.93396875,1.17995444 8.8505625,1.17995444 L2.5695,1.17995444 C1.86175,1.17995444 1.2565,1.43641913 0.7538125,1.94931663 C0.2513125,2.46218223 0,3.07984055 0,3.80210023 L0,11.3774715 C0,12.0996993 0.2513125,12.7174533 0.75384375,13.2301595 C1.25653125,13.7430888 1.86178125,13.9996811 2.56953125,13.9996811 L9.99275,13.9996811 C10.7004688,13.9996811 11.3057813,13.7430888 11.8084063,13.2301595 C12.3110625,12.7174533 12.562375,12.0997312 12.562375,11.3774715 L12.562375,8.46400456 C12.562375,8.37888838 12.535625,8.30904784 12.4819375,8.25448292 C12.4284063,8.19969476 12.3599688,8.17242825 12.2767813,8.17242825 Z"
+                              id="external-link-outline-box"
+                            />
+                            <path
+                              d="M15.8009687,0.172974943 C15.6879375,0.0576264237 15.5539375,0 15.3994062,0 L10.8313437,0 C10.6767187,0 10.5428125,0.0576264237 10.429875,0.172974943 C10.3168438,0.288259681 10.26025,0.42484738 10.26025,0.58267426 C10.26025,0.740501139 10.3168438,0.877120729 10.429875,0.992469248 L12.0000938,2.59491116 L6.183,8.53138952 C6.1234375,8.59207745 6.09375,8.661918 6.09375,8.74068793 C6.09375,8.81974487 6.12353125,8.88955353 6.183,8.95024146 L7.200125,9.98809112 C7.25959375,10.048779 7.32803125,10.0790433 7.40534375,10.0790433 C7.48265625,10.0790433 7.551125,10.0488109 7.6105625,9.98809112 L13.4276875,4.05170843 L14.9980313,5.65415034 C15.1109687,5.76949886 15.2448438,5.82718907 15.3995,5.82718907 C15.5541562,5.82718907 15.6880312,5.76949886 15.8010937,5.65415034 C15.914125,5.53883371 15.9705937,5.4022779 15.9705937,5.24445103 L15.9705937,0.58267426 C15.9705625,0.424751708 15.9139063,0.288259681 15.8009687,0.172974943 Z"
+                              id="external-link-outline-arrow"
+                            />
+                          </g>
+                        </g>
+                      </g>
+                    </svg>
+                  </ExternalLinkIcon>
+                </span>
+              </a>
+            </Link>
+          </VirtualHearingLink>
+          <div
+            data-css-1abghdv=""
+          >
+            <strong>
+              Conference Room: 
+            </strong>
+            BVA#00000001@localhost
+          </div>
+          <div
+            data-css-6aejb2=""
+          >
+            <strong>
+              PIN: 
+            </strong>
+            1234567890#
+          </div>
+          <CopyTextButton
+            ariaLabel="Copy VLJ Link"
+            label=""
+            styling={Object {}}
+            text="Copy VLJ Link"
+            textToCopy="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host"
+          >
+            <Tooltip
+              id="tooltip-Copy VLJ Link"
+              position="bottom"
+              text="Click to copy"
+            >
+              <CopyToClipboard
+                aria-describedby="tooltip-Copy VLJ Link"
+                aria-label=""
+                data-event="focus mouseenter"
+                data-event-off="mouseleave keydown"
+                data-for="tooltip-Copy VLJ Link"
+                data-tip={true}
+                tabIndex={0}
+                text="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host"
+              >
+                <button
+                  aria-describedby="tooltip-Copy VLJ Link"
+                  aria-label=""
+                  className="cf-apppeal-id"
+                  data-css-p6dv0b=""
+                  data-event="focus mouseenter"
+                  data-event-off="mouseleave keydown"
+                  data-for="tooltip-Copy VLJ Link"
+                  data-tip={true}
+                  disabled={false}
+                  onClick={[Function]}
+                  tabIndex={0}
+                  type="submit"
+                >
+                  Copy VLJ Link
+                   
+                  <ClipboardIcon
+                    className=""
+                    color="#5b616b"
+                    size={17}
+                  >
+                    <svg
+                      className=""
+                      height={17}
+                      viewBox="0 0 21 21"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                        fill="#5b616b"
+                        fillRule="evenodd"
+                      />
+                    </svg>
+                  </ClipboardIcon>
+                </button>
+              </CopyToClipboard>
+              <span
+                data-css-as2zk0=""
+              >
+                <ReactTooltip
+                  className="cf-tooltip"
+                  clickable={false}
+                  effect="solid"
+                  id="tooltip-Copy VLJ Link"
+                  insecure={true}
+                  multiline={true}
+                  offset={Object {}}
+                  place="bottom"
+                  resizeHide={true}
+                  role="tooltip"
+                  wrapper="div"
+                >
+                  <div
+                    className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                    data-id="tooltip"
+                    id="tooltip-Copy VLJ Link"
+                    role="tooltip"
+                  >
+                    <style
+                      dangerouslySetInnerHTML={
+                        Object {
+                          "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                        }
+                      }
+                    />
+                    Click to copy
+                  </div>
+                </ReactTooltip>
+              </span>
+            </Tooltip>
+          </CopyTextButton>
+        </VirtualHearingLinkDetails>
+      </div>
+    </LinkContainer>
+    <LinkContainer
+      hearing={
+        Object {
+          "conferenceProvider": "pexip",
+          "isVirtual": true,
+          "scheduledForIsPast": false,
+        }
+      }
+      isVirtual={true}
+      label="Hearing Coordinator Link"
+      link="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host"
+      linkText="Start Hearing"
+      links={
+        Object {
+          "alias": "BVA0000130@example.va.gov",
+          "aliasWithHost": "BVA#00000001@localhost",
+          "clientHost": "localhost",
+          "coHostLink": null,
+          "conferenceProvider": "pexip",
+          "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
+          "guestPin": "12345678#",
+          "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
+          "hostPin": "1234567890#",
+          "jobCompleted": true,
+          "status": "active",
+          "type": "PexipConferenceLink",
+        }
+      }
+      role="HC"
+      user={
+        Object {
+          "addressCity": "Washington",
+          "addressLine1": "123 Fake St.",
+          "addressState": "DC",
+          "addressZip": "20001",
+          "name": "John Smith",
+        }
+      }
+      virtualHearing={
+        Object {
+          "alias": "BVA0000130@example.va.gov",
+          "aliasWithHost": "BVA#00000001@localhost",
+          "clientHost": "localhost",
+          "coHostLink": null,
+          "conferenceProvider": "pexip",
+          "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
+          "guestPin": "12345678#",
+          "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
+          "hostPin": "1234567890#",
+          "jobCompleted": true,
+          "status": "active",
+          "type": "PexipConferenceLink",
+        }
+      }
+    >
+      <div
+        data-css-tx10g=""
+        id="hc-hearings-link"
+      >
+        <strong>
+          Hearing Coordinator Link
+          : 
+        </strong>
+        <VirtualHearingLinkDetails
+          aliasWithHost="BVA#00000001@localhost"
+          hearing={
+            Object {
+              "conferenceProvider": "pexip",
+              "isVirtual": true,
+              "scheduledForIsPast": false,
+            }
+          }
+          isVirtual={true}
+          label="Start Hearing"
+          link="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host"
+          pin="1234567890#"
+          role="HC"
+          user={
+            Object {
+              "addressCity": "Washington",
+              "addressLine1": "123 Fake St.",
+              "addressState": "DC",
+              "addressZip": "20001",
+              "name": "John Smith",
+            }
+          }
+          virtualHearing={
+            Object {
+              "alias": "BVA0000130@example.va.gov",
+              "aliasWithHost": "BVA#00000001@localhost",
+              "clientHost": "localhost",
+              "coHostLink": null,
+              "conferenceProvider": "pexip",
+              "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
+              "guestPin": "12345678#",
+              "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
+              "hostPin": "1234567890#",
+              "jobCompleted": true,
+              "status": "active",
+              "type": "PexipConferenceLink",
+            }
+          }
+        >
+          <VirtualHearingLink
+            hearing={
+              Object {
+                "conferenceProvider": "pexip",
+                "isVirtual": true,
+                "scheduledForIsPast": false,
+              }
+            }
+            isVirtual={true}
+            label="Start Hearing"
+            link="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host"
+            newWindow={true}
+            showFullLink={false}
+            user={
+              Object {
+                "addressCity": "Washington",
+                "addressLine1": "123 Fake St.",
+                "addressState": "DC",
+                "addressZip": "20001",
+                "name": "John Smith",
+              }
+            }
+            virtualHearing={
+              Object {
+                "alias": "BVA0000130@example.va.gov",
+                "aliasWithHost": "BVA#00000001@localhost",
+                "clientHost": "localhost",
+                "coHostLink": null,
+                "conferenceProvider": "pexip",
+                "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
+                "guestPin": "12345678#",
+                "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
+                "hostPin": "1234567890#",
+                "jobCompleted": true,
+                "status": "active",
+                "type": "PexipConferenceLink",
+              }
+            }
+          >
+            <Link
+              href="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host"
+              target="_blank"
+            >
+              <a
+                href="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host"
+                target="_blank"
+                type={null}
+              >
+                <strong>
+                  Start Hearing
+                </strong>
+                <span
+                  data-css-32srrr=""
+                >
+                   
+                  <ExternalLinkIcon
+                    className=""
+                    color="#757575"
+                    size={20}
+                  >
+                    <svg
+                      className=""
+                      height={20}
+                      version="1.1"
+                      viewBox="0 0 18 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <g
+                        fill="none"
+                        fillRule="evenodd"
+                        stroke="none"
+                        strokeWidth="1"
+                      >
+                        <g
+                          fill="#757575"
+                          fillRule="nonzero"
+                        >
+                          <g
+                            transform="translate(1.000000, 1.000000)"
+                          >
+                            <path
+                              d="M12.2767813,8.17242825 L11.7057188,8.17242825 C11.6223125,8.17242825 11.553875,8.19969476 11.500625,8.25448292 C11.4469375,8.30895216 11.4202188,8.37876082 11.4202188,8.46378132 L11.4202188,11.377344 C11.4202188,11.7779863 11.2805313,12.1208747 11.001,12.4062005 C10.7214688,12.6914624 10.3853438,12.8339818 9.99275,12.8339818 L2.5695,12.8339818 C2.1769375,12.8339818 1.84084375,12.6914624 1.56125,12.4062005 C1.28171875,12.1209066 1.14196875,11.7780182 1.14196875,11.377344 L1.14196875,3.80200456 C1.14196875,3.40139408 1.2816875,3.05853759 1.56125,2.77324374 C1.84084375,2.487918 2.1769375,2.34533485 2.5695,2.34533485 L8.8505625,2.34533485 C8.93396875,2.34533485 9.00240625,2.31794077 9.055875,2.26337585 C9.10934375,2.20874715 9.1360625,2.13900228 9.1360625,2.05394989 L9.1360625,1.47114806 C9.1360625,1.38625513 9.10934375,1.31638269 9.055875,1.26184966 C9.00240625,1.20722096 8.93396875,1.17995444 8.8505625,1.17995444 L2.5695,1.17995444 C1.86175,1.17995444 1.2565,1.43641913 0.7538125,1.94931663 C0.2513125,2.46218223 0,3.07984055 0,3.80210023 L0,11.3774715 C0,12.0996993 0.2513125,12.7174533 0.75384375,13.2301595 C1.25653125,13.7430888 1.86178125,13.9996811 2.56953125,13.9996811 L9.99275,13.9996811 C10.7004688,13.9996811 11.3057813,13.7430888 11.8084063,13.2301595 C12.3110625,12.7174533 12.562375,12.0997312 12.562375,11.3774715 L12.562375,8.46400456 C12.562375,8.37888838 12.535625,8.30904784 12.4819375,8.25448292 C12.4284063,8.19969476 12.3599688,8.17242825 12.2767813,8.17242825 Z"
+                              id="external-link-outline-box"
+                            />
+                            <path
+                              d="M15.8009687,0.172974943 C15.6879375,0.0576264237 15.5539375,0 15.3994062,0 L10.8313437,0 C10.6767187,0 10.5428125,0.0576264237 10.429875,0.172974943 C10.3168438,0.288259681 10.26025,0.42484738 10.26025,0.58267426 C10.26025,0.740501139 10.3168438,0.877120729 10.429875,0.992469248 L12.0000938,2.59491116 L6.183,8.53138952 C6.1234375,8.59207745 6.09375,8.661918 6.09375,8.74068793 C6.09375,8.81974487 6.12353125,8.88955353 6.183,8.95024146 L7.200125,9.98809112 C7.25959375,10.048779 7.32803125,10.0790433 7.40534375,10.0790433 C7.48265625,10.0790433 7.551125,10.0488109 7.6105625,9.98809112 L13.4276875,4.05170843 L14.9980313,5.65415034 C15.1109687,5.76949886 15.2448438,5.82718907 15.3995,5.82718907 C15.5541562,5.82718907 15.6880312,5.76949886 15.8010937,5.65415034 C15.914125,5.53883371 15.9705937,5.4022779 15.9705937,5.24445103 L15.9705937,0.58267426 C15.9705625,0.424751708 15.9139063,0.288259681 15.8009687,0.172974943 Z"
+                              id="external-link-outline-arrow"
+                            />
+                          </g>
+                        </g>
+                      </g>
+                    </svg>
+                  </ExternalLinkIcon>
+                </span>
+              </a>
+            </Link>
+          </VirtualHearingLink>
+          <div
+            data-css-1abghdv=""
+          >
+            <strong>
+              Conference Room: 
+            </strong>
+            BVA#00000001@localhost
+          </div>
+          <div
+            data-css-6aejb2=""
+          >
+            <strong>
+              PIN: 
+            </strong>
+            1234567890#
+          </div>
+          <CopyTextButton
+            ariaLabel="Copy HC Link"
+            label=""
+            styling={Object {}}
+            text="Copy HC Link"
+            textToCopy="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host"
+          >
+            <Tooltip
+              id="tooltip-Copy HC Link"
+              position="bottom"
+              text="Click to copy"
+            >
+              <CopyToClipboard
+                aria-describedby="tooltip-Copy HC Link"
+                aria-label=""
+                data-event="focus mouseenter"
+                data-event-off="mouseleave keydown"
+                data-for="tooltip-Copy HC Link"
+                data-tip={true}
+                tabIndex={0}
+                text="https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host"
+              >
+                <button
+                  aria-describedby="tooltip-Copy HC Link"
+                  aria-label=""
+                  className="cf-apppeal-id"
+                  data-css-p6dv0b=""
+                  data-event="focus mouseenter"
+                  data-event-off="mouseleave keydown"
+                  data-for="tooltip-Copy HC Link"
+                  data-tip={true}
+                  disabled={false}
+                  onClick={[Function]}
+                  tabIndex={0}
+                  type="submit"
+                >
+                  Copy HC Link
+                   
+                  <ClipboardIcon
+                    className=""
+                    color="#5b616b"
+                    size={17}
+                  >
+                    <svg
+                      className=""
+                      height={17}
+                      viewBox="0 0 21 21"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                        fill="#5b616b"
+                        fillRule="evenodd"
+                      />
+                    </svg>
+                  </ClipboardIcon>
+                </button>
+              </CopyToClipboard>
+              <span
+                data-css-1lc5pkv=""
+              >
+                <ReactTooltip
+                  className="cf-tooltip"
+                  clickable={false}
+                  effect="solid"
+                  id="tooltip-Copy HC Link"
+                  insecure={true}
+                  multiline={true}
+                  offset={Object {}}
+                  place="bottom"
+                  resizeHide={true}
+                  role="tooltip"
+                  wrapper="div"
+                >
+                  <div
+                    className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                    data-id="tooltip"
+                    id="tooltip-Copy HC Link"
+                    role="tooltip"
+                  >
+                    <style
+                      dangerouslySetInnerHTML={
+                        Object {
+                          "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                        }
+                      }
+                    />
+                    Click to copy
+                  </div>
+                </ReactTooltip>
+              </span>
+            </Tooltip>
+          </CopyTextButton>
+        </VirtualHearingLinkDetails>
+      </div>
+    </LinkContainer>
+    <LinkContainer
+      hearing={
+        Object {
+          "conferenceProvider": "pexip",
+          "isVirtual": true,
+          "scheduledForIsPast": false,
+        }
+      }
+      isVirtual={true}
+      label="Guest Link"
+      link="https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video"
+      linkText="Join Hearing"
+      links={
+        Object {
+          "alias": "BVA0000130@example.va.gov",
+          "aliasWithHost": "BVA#00000001@localhost",
+          "clientHost": "localhost",
+          "coHostLink": null,
+          "conferenceProvider": "pexip",
+          "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
+          "guestPin": "12345678#",
+          "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
+          "hostPin": "1234567890#",
+          "jobCompleted": true,
+          "status": "active",
+          "type": "PexipConferenceLink",
+        }
+      }
+      role="Guest"
+      user={
+        Object {
+          "addressCity": "Washington",
+          "addressLine1": "123 Fake St.",
+          "addressState": "DC",
+          "addressZip": "20001",
+          "name": "John Smith",
+        }
+      }
+      virtualHearing={
+        Object {
+          "alias": "BVA0000130@example.va.gov",
+          "aliasWithHost": "BVA#00000001@localhost",
+          "clientHost": "localhost",
+          "coHostLink": null,
+          "conferenceProvider": "pexip",
+          "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
+          "guestPin": "12345678#",
+          "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
+          "hostPin": "1234567890#",
+          "jobCompleted": true,
+          "status": "active",
+          "type": "PexipConferenceLink",
+        }
+      }
+    >
+      <div
+        data-css-tx10g=""
+        id="guest-hearings-link"
+      >
+        <strong>
+          Guest Link
+          : 
+        </strong>
+        <VirtualHearingLinkDetails
+          aliasWithHost="BVA#00000001@localhost"
+          hearing={
+            Object {
+              "conferenceProvider": "pexip",
+              "isVirtual": true,
+              "scheduledForIsPast": false,
+            }
+          }
+          isVirtual={true}
+          label="Join Hearing"
+          link="https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video"
+          pin="12345678#"
+          role="Guest"
+          user={
+            Object {
+              "addressCity": "Washington",
+              "addressLine1": "123 Fake St.",
+              "addressState": "DC",
+              "addressZip": "20001",
+              "name": "John Smith",
+            }
+          }
+          virtualHearing={
+            Object {
+              "alias": "BVA0000130@example.va.gov",
+              "aliasWithHost": "BVA#00000001@localhost",
+              "clientHost": "localhost",
+              "coHostLink": null,
+              "conferenceProvider": "pexip",
+              "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
+              "guestPin": "12345678#",
+              "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
+              "hostPin": "1234567890#",
+              "jobCompleted": true,
+              "status": "active",
+              "type": "PexipConferenceLink",
+            }
+          }
+        >
+          <VirtualHearingLink
+            hearing={
+              Object {
+                "conferenceProvider": "pexip",
+                "isVirtual": true,
+                "scheduledForIsPast": false,
+              }
+            }
+            isVirtual={true}
+            label="Join Hearing"
+            link="https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video"
+            newWindow={true}
+            showFullLink={false}
+            user={
+              Object {
+                "addressCity": "Washington",
+                "addressLine1": "123 Fake St.",
+                "addressState": "DC",
+                "addressZip": "20001",
+                "name": "John Smith",
+              }
+            }
+            virtualHearing={
+              Object {
+                "alias": "BVA0000130@example.va.gov",
+                "aliasWithHost": "BVA#00000001@localhost",
+                "clientHost": "localhost",
+                "coHostLink": null,
+                "conferenceProvider": "pexip",
+                "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
+                "guestPin": "12345678#",
+                "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
+                "hostPin": "1234567890#",
+                "jobCompleted": true,
+                "status": "active",
+                "type": "PexipConferenceLink",
+              }
+            }
+          >
+            <Link
+              href="https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video"
+              target="_blank"
+            >
+              <a
+                href="https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video"
+                target="_blank"
+                type={null}
+              >
+                <strong>
+                  Join Hearing
+                </strong>
+                <span
+                  data-css-32srrr=""
+                >
+                   
+                  <ExternalLinkIcon
+                    className=""
+                    color="#757575"
+                    size={20}
+                  >
+                    <svg
+                      className=""
+                      height={20}
+                      version="1.1"
+                      viewBox="0 0 18 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <g
+                        fill="none"
+                        fillRule="evenodd"
+                        stroke="none"
+                        strokeWidth="1"
+                      >
+                        <g
+                          fill="#757575"
+                          fillRule="nonzero"
+                        >
+                          <g
+                            transform="translate(1.000000, 1.000000)"
+                          >
+                            <path
+                              d="M12.2767813,8.17242825 L11.7057188,8.17242825 C11.6223125,8.17242825 11.553875,8.19969476 11.500625,8.25448292 C11.4469375,8.30895216 11.4202188,8.37876082 11.4202188,8.46378132 L11.4202188,11.377344 C11.4202188,11.7779863 11.2805313,12.1208747 11.001,12.4062005 C10.7214688,12.6914624 10.3853438,12.8339818 9.99275,12.8339818 L2.5695,12.8339818 C2.1769375,12.8339818 1.84084375,12.6914624 1.56125,12.4062005 C1.28171875,12.1209066 1.14196875,11.7780182 1.14196875,11.377344 L1.14196875,3.80200456 C1.14196875,3.40139408 1.2816875,3.05853759 1.56125,2.77324374 C1.84084375,2.487918 2.1769375,2.34533485 2.5695,2.34533485 L8.8505625,2.34533485 C8.93396875,2.34533485 9.00240625,2.31794077 9.055875,2.26337585 C9.10934375,2.20874715 9.1360625,2.13900228 9.1360625,2.05394989 L9.1360625,1.47114806 C9.1360625,1.38625513 9.10934375,1.31638269 9.055875,1.26184966 C9.00240625,1.20722096 8.93396875,1.17995444 8.8505625,1.17995444 L2.5695,1.17995444 C1.86175,1.17995444 1.2565,1.43641913 0.7538125,1.94931663 C0.2513125,2.46218223 0,3.07984055 0,3.80210023 L0,11.3774715 C0,12.0996993 0.2513125,12.7174533 0.75384375,13.2301595 C1.25653125,13.7430888 1.86178125,13.9996811 2.56953125,13.9996811 L9.99275,13.9996811 C10.7004688,13.9996811 11.3057813,13.7430888 11.8084063,13.2301595 C12.3110625,12.7174533 12.562375,12.0997312 12.562375,11.3774715 L12.562375,8.46400456 C12.562375,8.37888838 12.535625,8.30904784 12.4819375,8.25448292 C12.4284063,8.19969476 12.3599688,8.17242825 12.2767813,8.17242825 Z"
+                              id="external-link-outline-box"
+                            />
+                            <path
+                              d="M15.8009687,0.172974943 C15.6879375,0.0576264237 15.5539375,0 15.3994062,0 L10.8313437,0 C10.6767187,0 10.5428125,0.0576264237 10.429875,0.172974943 C10.3168438,0.288259681 10.26025,0.42484738 10.26025,0.58267426 C10.26025,0.740501139 10.3168438,0.877120729 10.429875,0.992469248 L12.0000938,2.59491116 L6.183,8.53138952 C6.1234375,8.59207745 6.09375,8.661918 6.09375,8.74068793 C6.09375,8.81974487 6.12353125,8.88955353 6.183,8.95024146 L7.200125,9.98809112 C7.25959375,10.048779 7.32803125,10.0790433 7.40534375,10.0790433 C7.48265625,10.0790433 7.551125,10.0488109 7.6105625,9.98809112 L13.4276875,4.05170843 L14.9980313,5.65415034 C15.1109687,5.76949886 15.2448438,5.82718907 15.3995,5.82718907 C15.5541562,5.82718907 15.6880312,5.76949886 15.8010937,5.65415034 C15.914125,5.53883371 15.9705937,5.4022779 15.9705937,5.24445103 L15.9705937,0.58267426 C15.9705625,0.424751708 15.9139063,0.288259681 15.8009687,0.172974943 Z"
+                              id="external-link-outline-arrow"
+                            />
+                          </g>
+                        </g>
+                      </g>
+                    </svg>
+                  </ExternalLinkIcon>
+                </span>
+              </a>
+            </Link>
+          </VirtualHearingLink>
+          <div
+            data-css-1abghdv=""
+          >
+            <strong>
+              Conference Room: 
+            </strong>
+            BVA#00000001@localhost
+          </div>
+          <div
+            data-css-6aejb2=""
+          >
+            <strong>
+              PIN: 
+            </strong>
+            12345678#
+          </div>
+          <CopyTextButton
+            ariaLabel="Copy Guest Link"
+            label=""
+            styling={Object {}}
+            text="Copy Guest Link"
+            textToCopy="https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video"
+          >
+            <Tooltip
+              id="tooltip-Copy Guest Link"
+              position="bottom"
+              text="Click to copy"
+            >
+              <CopyToClipboard
+                aria-describedby="tooltip-Copy Guest Link"
+                aria-label=""
+                data-event="focus mouseenter"
+                data-event-off="mouseleave keydown"
+                data-for="tooltip-Copy Guest Link"
+                data-tip={true}
+                tabIndex={0}
+                text="https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video"
+              >
+                <button
+                  aria-describedby="tooltip-Copy Guest Link"
+                  aria-label=""
+                  className="cf-apppeal-id"
+                  data-css-p6dv0b=""
+                  data-event="focus mouseenter"
+                  data-event-off="mouseleave keydown"
+                  data-for="tooltip-Copy Guest Link"
+                  data-tip={true}
+                  disabled={false}
+                  onClick={[Function]}
+                  tabIndex={0}
+                  type="submit"
+                >
+                  Copy Guest Link
+                   
+                  <ClipboardIcon
+                    className=""
+                    color="#5b616b"
+                    size={17}
+                  >
+                    <svg
+                      className=""
+                      height={17}
+                      viewBox="0 0 21 21"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                        fill="#5b616b"
+                        fillRule="evenodd"
+                      />
+                    </svg>
+                  </ClipboardIcon>
+                </button>
+              </CopyToClipboard>
+              <span
+                data-css-1qgqh7a=""
+              >
+                <ReactTooltip
+                  className="cf-tooltip"
+                  clickable={false}
+                  effect="solid"
+                  id="tooltip-Copy Guest Link"
+                  insecure={true}
+                  multiline={true}
+                  offset={Object {}}
+                  place="bottom"
+                  resizeHide={true}
+                  role="tooltip"
+                  wrapper="div"
+                >
+                  <div
+                    className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                    data-id="tooltip"
+                    id="tooltip-Copy Guest Link"
+                    role="tooltip"
+                  >
+                    <style
+                      dangerouslySetInnerHTML={
+                        Object {
+                          "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                        }
+                      }
+                    />
+                    Click to copy
+                  </div>
+                </ReactTooltip>
+              </span>
+            </Tooltip>
+          </CopyTextButton>
+        </VirtualHearingLinkDetails>
+      </div>
+    </LinkContainer>
+  </div>
+</HearingLinks>
+`;
+
+exports[`HearingLinks Matches snapshot when hearing is virtual, webex, and in progress 1`] = `
+<HearingLinks
+  hearing={
+    Object {
+      "conferenceProvider": "webex",
+      "isVirtual": true,
+      "scheduledForIsPast": false,
+    }
+  }
+  isVirtual={true}
+  user={
+    Object {
+      "addressCity": "Washington",
+      "addressLine1": "123 Fake St.",
+      "addressState": "DC",
+      "addressZip": "20001",
+      "name": "John Smith",
+    }
+  }
+  virtualHearing={
+    Object {
+      "aliasWithHost": "BVA@care.env.va.gov",
+      "appellantEmail": "test@test.com",
+      "appellantTz": "America/Los_Angeles",
+      "coHostLink": "https://instant-usgov.webex.com/visit/u2f4ls3",
+      "conferenceProvider": "webex",
+      "guestLink": "https://instant-usgov.webex.com/visit/w9hjxwa",
+      "guestPin": null,
+      "hostLink": "https://instant-usgov.webex.com/visit/5iqlapj",
+      "hostPin": null,
+      "jobCompleted": true,
+      "representativeEmail": "caseflow-rep@test.com",
+      "representativeTz": null,
+      "requestCancelled": false,
+      "status": "active",
+    }
+  }
+>
+  <div
+    data-css-19plkw7=""
+    data-css-1fmltfu=""
+  >
+    <LinkContainer
+      hearing={
+        Object {
+          "conferenceProvider": "webex",
+          "isVirtual": true,
+          "scheduledForIsPast": false,
+        }
+      }
+      isVirtual={true}
+      label="VLJ Link"
+      link="https://instant-usgov.webex.com/visit/5iqlapj"
+      linkText="Start Hearing"
+      links={
+        Object {
+          "aliasWithHost": "BVA@care.env.va.gov",
+          "appellantEmail": "test@test.com",
+          "appellantTz": "America/Los_Angeles",
+          "coHostLink": "https://instant-usgov.webex.com/visit/u2f4ls3",
+          "conferenceProvider": "webex",
+          "guestLink": "https://instant-usgov.webex.com/visit/w9hjxwa",
+          "guestPin": null,
+          "hostLink": "https://instant-usgov.webex.com/visit/5iqlapj",
+          "hostPin": null,
+          "jobCompleted": true,
+          "representativeEmail": "caseflow-rep@test.com",
+          "representativeTz": null,
+          "requestCancelled": false,
+          "status": "active",
+        }
+      }
+      role="VLJ"
+      user={
+        Object {
+          "addressCity": "Washington",
+          "addressLine1": "123 Fake St.",
+          "addressState": "DC",
+          "addressZip": "20001",
+          "name": "John Smith",
+        }
+      }
+      virtualHearing={
+        Object {
+          "aliasWithHost": "BVA@care.env.va.gov",
+          "appellantEmail": "test@test.com",
+          "appellantTz": "America/Los_Angeles",
+          "coHostLink": "https://instant-usgov.webex.com/visit/u2f4ls3",
+          "conferenceProvider": "webex",
+          "guestLink": "https://instant-usgov.webex.com/visit/w9hjxwa",
+          "guestPin": null,
+          "hostLink": "https://instant-usgov.webex.com/visit/5iqlapj",
+          "hostPin": null,
+          "jobCompleted": true,
+          "representativeEmail": "caseflow-rep@test.com",
+          "representativeTz": null,
+          "requestCancelled": false,
+          "status": "active",
+        }
+      }
+    >
+      <div
+        data-css-tx10g=""
+        id="vlj-hearings-link"
+      >
+        <strong>
+          VLJ Link
+          : 
+        </strong>
+        <VirtualHearingLinkDetails
+          aliasWithHost="BVA@care.env.va.gov"
+          hearing={
+            Object {
+              "conferenceProvider": "webex",
+              "isVirtual": true,
+              "scheduledForIsPast": false,
+            }
+          }
+          isVirtual={true}
+          label="Start Hearing"
+          link="https://instant-usgov.webex.com/visit/5iqlapj"
+          pin={null}
+          role="VLJ"
+          user={
+            Object {
+              "addressCity": "Washington",
+              "addressLine1": "123 Fake St.",
+              "addressState": "DC",
+              "addressZip": "20001",
+              "name": "John Smith",
+            }
+          }
+          virtualHearing={
+            Object {
+              "aliasWithHost": "BVA@care.env.va.gov",
+              "appellantEmail": "test@test.com",
+              "appellantTz": "America/Los_Angeles",
+              "coHostLink": "https://instant-usgov.webex.com/visit/u2f4ls3",
+              "conferenceProvider": "webex",
+              "guestLink": "https://instant-usgov.webex.com/visit/w9hjxwa",
+              "guestPin": null,
+              "hostLink": "https://instant-usgov.webex.com/visit/5iqlapj",
+              "hostPin": null,
+              "jobCompleted": true,
+              "representativeEmail": "caseflow-rep@test.com",
+              "representativeTz": null,
+              "requestCancelled": false,
+              "status": "active",
+            }
+          }
+        >
+          <VirtualHearingLink
+            hearing={
+              Object {
+                "conferenceProvider": "webex",
+                "isVirtual": true,
+                "scheduledForIsPast": false,
+              }
+            }
+            isVirtual={true}
+            label="Start Hearing"
+            link="https://instant-usgov.webex.com/visit/5iqlapj"
+            newWindow={true}
+            showFullLink={false}
+            user={
+              Object {
+                "addressCity": "Washington",
+                "addressLine1": "123 Fake St.",
+                "addressState": "DC",
+                "addressZip": "20001",
+                "name": "John Smith",
+              }
+            }
+            virtualHearing={
+              Object {
+                "aliasWithHost": "BVA@care.env.va.gov",
+                "appellantEmail": "test@test.com",
+                "appellantTz": "America/Los_Angeles",
+                "coHostLink": "https://instant-usgov.webex.com/visit/u2f4ls3",
+                "conferenceProvider": "webex",
+                "guestLink": "https://instant-usgov.webex.com/visit/w9hjxwa",
+                "guestPin": null,
+                "hostLink": "https://instant-usgov.webex.com/visit/5iqlapj",
+                "hostPin": null,
+                "jobCompleted": true,
+                "representativeEmail": "caseflow-rep@test.com",
+                "representativeTz": null,
+                "requestCancelled": false,
+                "status": "active",
+              }
+            }
+          >
+            <Link
+              href="https://instant-usgov.webex.com/visit/5iqlapj"
+              target="_blank"
+            >
+              <a
+                href="https://instant-usgov.webex.com/visit/5iqlapj"
+                target="_blank"
+                type={null}
+              >
+                <strong>
+                  Start Hearing
+                </strong>
+                <span
+                  data-css-32srrr=""
+                >
+                   
+                  <ExternalLinkIcon
+                    className=""
+                    color="#757575"
+                    size={20}
+                  >
+                    <svg
+                      className=""
+                      height={20}
+                      version="1.1"
+                      viewBox="0 0 18 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <g
+                        fill="none"
+                        fillRule="evenodd"
+                        stroke="none"
+                        strokeWidth="1"
+                      >
+                        <g
+                          fill="#757575"
+                          fillRule="nonzero"
+                        >
+                          <g
+                            transform="translate(1.000000, 1.000000)"
+                          >
+                            <path
+                              d="M12.2767813,8.17242825 L11.7057188,8.17242825 C11.6223125,8.17242825 11.553875,8.19969476 11.500625,8.25448292 C11.4469375,8.30895216 11.4202188,8.37876082 11.4202188,8.46378132 L11.4202188,11.377344 C11.4202188,11.7779863 11.2805313,12.1208747 11.001,12.4062005 C10.7214688,12.6914624 10.3853438,12.8339818 9.99275,12.8339818 L2.5695,12.8339818 C2.1769375,12.8339818 1.84084375,12.6914624 1.56125,12.4062005 C1.28171875,12.1209066 1.14196875,11.7780182 1.14196875,11.377344 L1.14196875,3.80200456 C1.14196875,3.40139408 1.2816875,3.05853759 1.56125,2.77324374 C1.84084375,2.487918 2.1769375,2.34533485 2.5695,2.34533485 L8.8505625,2.34533485 C8.93396875,2.34533485 9.00240625,2.31794077 9.055875,2.26337585 C9.10934375,2.20874715 9.1360625,2.13900228 9.1360625,2.05394989 L9.1360625,1.47114806 C9.1360625,1.38625513 9.10934375,1.31638269 9.055875,1.26184966 C9.00240625,1.20722096 8.93396875,1.17995444 8.8505625,1.17995444 L2.5695,1.17995444 C1.86175,1.17995444 1.2565,1.43641913 0.7538125,1.94931663 C0.2513125,2.46218223 0,3.07984055 0,3.80210023 L0,11.3774715 C0,12.0996993 0.2513125,12.7174533 0.75384375,13.2301595 C1.25653125,13.7430888 1.86178125,13.9996811 2.56953125,13.9996811 L9.99275,13.9996811 C10.7004688,13.9996811 11.3057813,13.7430888 11.8084063,13.2301595 C12.3110625,12.7174533 12.562375,12.0997312 12.562375,11.3774715 L12.562375,8.46400456 C12.562375,8.37888838 12.535625,8.30904784 12.4819375,8.25448292 C12.4284063,8.19969476 12.3599688,8.17242825 12.2767813,8.17242825 Z"
+                              id="external-link-outline-box"
+                            />
+                            <path
+                              d="M15.8009687,0.172974943 C15.6879375,0.0576264237 15.5539375,0 15.3994062,0 L10.8313437,0 C10.6767187,0 10.5428125,0.0576264237 10.429875,0.172974943 C10.3168438,0.288259681 10.26025,0.42484738 10.26025,0.58267426 C10.26025,0.740501139 10.3168438,0.877120729 10.429875,0.992469248 L12.0000938,2.59491116 L6.183,8.53138952 C6.1234375,8.59207745 6.09375,8.661918 6.09375,8.74068793 C6.09375,8.81974487 6.12353125,8.88955353 6.183,8.95024146 L7.200125,9.98809112 C7.25959375,10.048779 7.32803125,10.0790433 7.40534375,10.0790433 C7.48265625,10.0790433 7.551125,10.0488109 7.6105625,9.98809112 L13.4276875,4.05170843 L14.9980313,5.65415034 C15.1109687,5.76949886 15.2448438,5.82718907 15.3995,5.82718907 C15.5541562,5.82718907 15.6880312,5.76949886 15.8010937,5.65415034 C15.914125,5.53883371 15.9705937,5.4022779 15.9705937,5.24445103 L15.9705937,0.58267426 C15.9705625,0.424751708 15.9139063,0.288259681 15.8009687,0.172974943 Z"
+                              id="external-link-outline-arrow"
+                            />
+                          </g>
+                        </g>
+                      </g>
+                    </svg>
+                  </ExternalLinkIcon>
+                </span>
+              </a>
+            </Link>
+          </VirtualHearingLink>
+          <div
+            className="helper-text"
+            data-css-1abghdv=""
+          >
+            https://instant-usgov.webex.com/visit/5iqlapj
+          </div>
+          <CopyTextButton
+            ariaLabel="Copy VLJ Link"
+            label=""
+            styling={Object {}}
+            text="Copy VLJ Link"
+            textToCopy="https://instant-usgov.webex.com/visit/5iqlapj"
+          >
+            <Tooltip
+              id="tooltip-Copy VLJ Link"
+              position="bottom"
+              text="Click to copy"
+            >
+              <CopyToClipboard
+                aria-describedby="tooltip-Copy VLJ Link"
+                aria-label=""
+                data-event="focus mouseenter"
+                data-event-off="mouseleave keydown"
+                data-for="tooltip-Copy VLJ Link"
+                data-tip={true}
+                tabIndex={0}
+                text="https://instant-usgov.webex.com/visit/5iqlapj"
+              >
+                <button
+                  aria-describedby="tooltip-Copy VLJ Link"
+                  aria-label=""
+                  className="cf-apppeal-id"
+                  data-css-p6dv0b=""
+                  data-event="focus mouseenter"
+                  data-event-off="mouseleave keydown"
+                  data-for="tooltip-Copy VLJ Link"
+                  data-tip={true}
+                  disabled={false}
+                  onClick={[Function]}
+                  tabIndex={0}
+                  type="submit"
+                >
+                  Copy VLJ Link
+                   
+                  <ClipboardIcon
+                    className=""
+                    color="#5b616b"
+                    size={17}
+                  >
+                    <svg
+                      className=""
+                      height={17}
+                      viewBox="0 0 21 21"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                        fill="#5b616b"
+                        fillRule="evenodd"
+                      />
+                    </svg>
+                  </ClipboardIcon>
+                </button>
+              </CopyToClipboard>
+              <span
+                data-css-as2zk0=""
+              >
+                <ReactTooltip
+                  className="cf-tooltip"
+                  clickable={false}
+                  effect="solid"
+                  id="tooltip-Copy VLJ Link"
+                  insecure={true}
+                  multiline={true}
+                  offset={Object {}}
+                  place="bottom"
+                  resizeHide={true}
+                  role="tooltip"
+                  wrapper="div"
+                >
+                  <div
+                    className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                    data-id="tooltip"
+                    id="tooltip-Copy VLJ Link"
+                    role="tooltip"
+                  >
+                    <style
+                      dangerouslySetInnerHTML={
+                        Object {
+                          "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                        }
+                      }
+                    />
+                    Click to copy
+                  </div>
+                </ReactTooltip>
+              </span>
+            </Tooltip>
+          </CopyTextButton>
+        </VirtualHearingLinkDetails>
+      </div>
+    </LinkContainer>
+    <LinkContainer
+      hearing={
+        Object {
+          "conferenceProvider": "webex",
+          "isVirtual": true,
+          "scheduledForIsPast": false,
+        }
+      }
+      isVirtual={true}
+      label="Hearing Coordinator Link"
+      link="https://instant-usgov.webex.com/visit/u2f4ls3"
+      linkText="Start Hearing"
+      links={
+        Object {
+          "aliasWithHost": "BVA@care.env.va.gov",
+          "appellantEmail": "test@test.com",
+          "appellantTz": "America/Los_Angeles",
+          "coHostLink": "https://instant-usgov.webex.com/visit/u2f4ls3",
+          "conferenceProvider": "webex",
+          "guestLink": "https://instant-usgov.webex.com/visit/w9hjxwa",
+          "guestPin": null,
+          "hostLink": "https://instant-usgov.webex.com/visit/5iqlapj",
+          "hostPin": null,
+          "jobCompleted": true,
+          "representativeEmail": "caseflow-rep@test.com",
+          "representativeTz": null,
+          "requestCancelled": false,
+          "status": "active",
+        }
+      }
+      role="HC"
+      user={
+        Object {
+          "addressCity": "Washington",
+          "addressLine1": "123 Fake St.",
+          "addressState": "DC",
+          "addressZip": "20001",
+          "name": "John Smith",
+        }
+      }
+      virtualHearing={
+        Object {
+          "aliasWithHost": "BVA@care.env.va.gov",
+          "appellantEmail": "test@test.com",
+          "appellantTz": "America/Los_Angeles",
+          "coHostLink": "https://instant-usgov.webex.com/visit/u2f4ls3",
+          "conferenceProvider": "webex",
+          "guestLink": "https://instant-usgov.webex.com/visit/w9hjxwa",
+          "guestPin": null,
+          "hostLink": "https://instant-usgov.webex.com/visit/5iqlapj",
+          "hostPin": null,
+          "jobCompleted": true,
+          "representativeEmail": "caseflow-rep@test.com",
+          "representativeTz": null,
+          "requestCancelled": false,
+          "status": "active",
+        }
+      }
+    >
+      <div
+        data-css-tx10g=""
+        id="hc-hearings-link"
+      >
+        <strong>
+          Hearing Coordinator Link
+          : 
+        </strong>
+        <VirtualHearingLinkDetails
+          aliasWithHost="BVA@care.env.va.gov"
+          hearing={
+            Object {
+              "conferenceProvider": "webex",
+              "isVirtual": true,
+              "scheduledForIsPast": false,
+            }
+          }
+          isVirtual={true}
+          label="Start Hearing"
+          link="https://instant-usgov.webex.com/visit/u2f4ls3"
+          pin={null}
+          role="HC"
+          user={
+            Object {
+              "addressCity": "Washington",
+              "addressLine1": "123 Fake St.",
+              "addressState": "DC",
+              "addressZip": "20001",
+              "name": "John Smith",
+            }
+          }
+          virtualHearing={
+            Object {
+              "aliasWithHost": "BVA@care.env.va.gov",
+              "appellantEmail": "test@test.com",
+              "appellantTz": "America/Los_Angeles",
+              "coHostLink": "https://instant-usgov.webex.com/visit/u2f4ls3",
+              "conferenceProvider": "webex",
+              "guestLink": "https://instant-usgov.webex.com/visit/w9hjxwa",
+              "guestPin": null,
+              "hostLink": "https://instant-usgov.webex.com/visit/5iqlapj",
+              "hostPin": null,
+              "jobCompleted": true,
+              "representativeEmail": "caseflow-rep@test.com",
+              "representativeTz": null,
+              "requestCancelled": false,
+              "status": "active",
+            }
+          }
+        >
+          <VirtualHearingLink
+            hearing={
+              Object {
+                "conferenceProvider": "webex",
+                "isVirtual": true,
+                "scheduledForIsPast": false,
+              }
+            }
+            isVirtual={true}
+            label="Start Hearing"
+            link="https://instant-usgov.webex.com/visit/u2f4ls3"
+            newWindow={true}
+            showFullLink={false}
+            user={
+              Object {
+                "addressCity": "Washington",
+                "addressLine1": "123 Fake St.",
+                "addressState": "DC",
+                "addressZip": "20001",
+                "name": "John Smith",
+              }
+            }
+            virtualHearing={
+              Object {
+                "aliasWithHost": "BVA@care.env.va.gov",
+                "appellantEmail": "test@test.com",
+                "appellantTz": "America/Los_Angeles",
+                "coHostLink": "https://instant-usgov.webex.com/visit/u2f4ls3",
+                "conferenceProvider": "webex",
+                "guestLink": "https://instant-usgov.webex.com/visit/w9hjxwa",
+                "guestPin": null,
+                "hostLink": "https://instant-usgov.webex.com/visit/5iqlapj",
+                "hostPin": null,
+                "jobCompleted": true,
+                "representativeEmail": "caseflow-rep@test.com",
+                "representativeTz": null,
+                "requestCancelled": false,
+                "status": "active",
+              }
+            }
+          >
+            <Link
+              href="https://instant-usgov.webex.com/visit/u2f4ls3"
+              target="_blank"
+            >
+              <a
+                href="https://instant-usgov.webex.com/visit/u2f4ls3"
+                target="_blank"
+                type={null}
+              >
+                <strong>
+                  Start Hearing
+                </strong>
+                <span
+                  data-css-32srrr=""
+                >
+                   
+                  <ExternalLinkIcon
+                    className=""
+                    color="#757575"
+                    size={20}
+                  >
+                    <svg
+                      className=""
+                      height={20}
+                      version="1.1"
+                      viewBox="0 0 18 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <g
+                        fill="none"
+                        fillRule="evenodd"
+                        stroke="none"
+                        strokeWidth="1"
+                      >
+                        <g
+                          fill="#757575"
+                          fillRule="nonzero"
+                        >
+                          <g
+                            transform="translate(1.000000, 1.000000)"
+                          >
+                            <path
+                              d="M12.2767813,8.17242825 L11.7057188,8.17242825 C11.6223125,8.17242825 11.553875,8.19969476 11.500625,8.25448292 C11.4469375,8.30895216 11.4202188,8.37876082 11.4202188,8.46378132 L11.4202188,11.377344 C11.4202188,11.7779863 11.2805313,12.1208747 11.001,12.4062005 C10.7214688,12.6914624 10.3853438,12.8339818 9.99275,12.8339818 L2.5695,12.8339818 C2.1769375,12.8339818 1.84084375,12.6914624 1.56125,12.4062005 C1.28171875,12.1209066 1.14196875,11.7780182 1.14196875,11.377344 L1.14196875,3.80200456 C1.14196875,3.40139408 1.2816875,3.05853759 1.56125,2.77324374 C1.84084375,2.487918 2.1769375,2.34533485 2.5695,2.34533485 L8.8505625,2.34533485 C8.93396875,2.34533485 9.00240625,2.31794077 9.055875,2.26337585 C9.10934375,2.20874715 9.1360625,2.13900228 9.1360625,2.05394989 L9.1360625,1.47114806 C9.1360625,1.38625513 9.10934375,1.31638269 9.055875,1.26184966 C9.00240625,1.20722096 8.93396875,1.17995444 8.8505625,1.17995444 L2.5695,1.17995444 C1.86175,1.17995444 1.2565,1.43641913 0.7538125,1.94931663 C0.2513125,2.46218223 0,3.07984055 0,3.80210023 L0,11.3774715 C0,12.0996993 0.2513125,12.7174533 0.75384375,13.2301595 C1.25653125,13.7430888 1.86178125,13.9996811 2.56953125,13.9996811 L9.99275,13.9996811 C10.7004688,13.9996811 11.3057813,13.7430888 11.8084063,13.2301595 C12.3110625,12.7174533 12.562375,12.0997312 12.562375,11.3774715 L12.562375,8.46400456 C12.562375,8.37888838 12.535625,8.30904784 12.4819375,8.25448292 C12.4284063,8.19969476 12.3599688,8.17242825 12.2767813,8.17242825 Z"
+                              id="external-link-outline-box"
+                            />
+                            <path
+                              d="M15.8009687,0.172974943 C15.6879375,0.0576264237 15.5539375,0 15.3994062,0 L10.8313437,0 C10.6767187,0 10.5428125,0.0576264237 10.429875,0.172974943 C10.3168438,0.288259681 10.26025,0.42484738 10.26025,0.58267426 C10.26025,0.740501139 10.3168438,0.877120729 10.429875,0.992469248 L12.0000938,2.59491116 L6.183,8.53138952 C6.1234375,8.59207745 6.09375,8.661918 6.09375,8.74068793 C6.09375,8.81974487 6.12353125,8.88955353 6.183,8.95024146 L7.200125,9.98809112 C7.25959375,10.048779 7.32803125,10.0790433 7.40534375,10.0790433 C7.48265625,10.0790433 7.551125,10.0488109 7.6105625,9.98809112 L13.4276875,4.05170843 L14.9980313,5.65415034 C15.1109687,5.76949886 15.2448438,5.82718907 15.3995,5.82718907 C15.5541562,5.82718907 15.6880312,5.76949886 15.8010937,5.65415034 C15.914125,5.53883371 15.9705937,5.4022779 15.9705937,5.24445103 L15.9705937,0.58267426 C15.9705625,0.424751708 15.9139063,0.288259681 15.8009687,0.172974943 Z"
+                              id="external-link-outline-arrow"
+                            />
+                          </g>
+                        </g>
+                      </g>
+                    </svg>
+                  </ExternalLinkIcon>
+                </span>
+              </a>
+            </Link>
+          </VirtualHearingLink>
+          <div
+            className="helper-text"
+            data-css-1abghdv=""
+          >
+            https://instant-usgov.webex.com/visit/u2f4ls3
+          </div>
+          <CopyTextButton
+            ariaLabel="Copy HC Link"
+            label=""
+            styling={Object {}}
+            text="Copy HC Link"
+            textToCopy="https://instant-usgov.webex.com/visit/u2f4ls3"
+          >
+            <Tooltip
+              id="tooltip-Copy HC Link"
+              position="bottom"
+              text="Click to copy"
+            >
+              <CopyToClipboard
+                aria-describedby="tooltip-Copy HC Link"
+                aria-label=""
+                data-event="focus mouseenter"
+                data-event-off="mouseleave keydown"
+                data-for="tooltip-Copy HC Link"
+                data-tip={true}
+                tabIndex={0}
+                text="https://instant-usgov.webex.com/visit/u2f4ls3"
+              >
+                <button
+                  aria-describedby="tooltip-Copy HC Link"
+                  aria-label=""
+                  className="cf-apppeal-id"
+                  data-css-p6dv0b=""
+                  data-event="focus mouseenter"
+                  data-event-off="mouseleave keydown"
+                  data-for="tooltip-Copy HC Link"
+                  data-tip={true}
+                  disabled={false}
+                  onClick={[Function]}
+                  tabIndex={0}
+                  type="submit"
+                >
+                  Copy HC Link
+                   
+                  <ClipboardIcon
+                    className=""
+                    color="#5b616b"
+                    size={17}
+                  >
+                    <svg
+                      className=""
+                      height={17}
+                      viewBox="0 0 21 21"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                        fill="#5b616b"
+                        fillRule="evenodd"
+                      />
+                    </svg>
+                  </ClipboardIcon>
+                </button>
+              </CopyToClipboard>
+              <span
+                data-css-1lc5pkv=""
+              >
+                <ReactTooltip
+                  className="cf-tooltip"
+                  clickable={false}
+                  effect="solid"
+                  id="tooltip-Copy HC Link"
+                  insecure={true}
+                  multiline={true}
+                  offset={Object {}}
+                  place="bottom"
+                  resizeHide={true}
+                  role="tooltip"
+                  wrapper="div"
+                >
+                  <div
+                    className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                    data-id="tooltip"
+                    id="tooltip-Copy HC Link"
+                    role="tooltip"
+                  >
+                    <style
+                      dangerouslySetInnerHTML={
+                        Object {
+                          "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                        }
+                      }
+                    />
+                    Click to copy
+                  </div>
+                </ReactTooltip>
+              </span>
+            </Tooltip>
+          </CopyTextButton>
+        </VirtualHearingLinkDetails>
+      </div>
+    </LinkContainer>
+    <LinkContainer
+      hearing={
+        Object {
+          "conferenceProvider": "webex",
+          "isVirtual": true,
+          "scheduledForIsPast": false,
+        }
+      }
+      isVirtual={true}
+      label="Guest Link"
+      link="https://instant-usgov.webex.com/visit/w9hjxwa"
+      linkText="Join Hearing"
+      links={
+        Object {
+          "aliasWithHost": "BVA@care.env.va.gov",
+          "appellantEmail": "test@test.com",
+          "appellantTz": "America/Los_Angeles",
+          "coHostLink": "https://instant-usgov.webex.com/visit/u2f4ls3",
+          "conferenceProvider": "webex",
+          "guestLink": "https://instant-usgov.webex.com/visit/w9hjxwa",
+          "guestPin": null,
+          "hostLink": "https://instant-usgov.webex.com/visit/5iqlapj",
+          "hostPin": null,
+          "jobCompleted": true,
+          "representativeEmail": "caseflow-rep@test.com",
+          "representativeTz": null,
+          "requestCancelled": false,
+          "status": "active",
+        }
+      }
+      role="Guest"
+      user={
+        Object {
+          "addressCity": "Washington",
+          "addressLine1": "123 Fake St.",
+          "addressState": "DC",
+          "addressZip": "20001",
+          "name": "John Smith",
+        }
+      }
+      virtualHearing={
+        Object {
+          "aliasWithHost": "BVA@care.env.va.gov",
+          "appellantEmail": "test@test.com",
+          "appellantTz": "America/Los_Angeles",
+          "coHostLink": "https://instant-usgov.webex.com/visit/u2f4ls3",
+          "conferenceProvider": "webex",
+          "guestLink": "https://instant-usgov.webex.com/visit/w9hjxwa",
+          "guestPin": null,
+          "hostLink": "https://instant-usgov.webex.com/visit/5iqlapj",
+          "hostPin": null,
+          "jobCompleted": true,
+          "representativeEmail": "caseflow-rep@test.com",
+          "representativeTz": null,
+          "requestCancelled": false,
+          "status": "active",
+        }
+      }
+    >
+      <div
+        data-css-tx10g=""
+        id="guest-hearings-link"
+      >
+        <strong>
+          Guest Link
+          : 
+        </strong>
+        <VirtualHearingLinkDetails
+          aliasWithHost="BVA@care.env.va.gov"
+          hearing={
+            Object {
+              "conferenceProvider": "webex",
+              "isVirtual": true,
+              "scheduledForIsPast": false,
+            }
+          }
+          isVirtual={true}
+          label="Join Hearing"
+          link="https://instant-usgov.webex.com/visit/w9hjxwa"
+          pin={null}
+          role="Guest"
+          user={
+            Object {
+              "addressCity": "Washington",
+              "addressLine1": "123 Fake St.",
+              "addressState": "DC",
+              "addressZip": "20001",
+              "name": "John Smith",
+            }
+          }
+          virtualHearing={
+            Object {
+              "aliasWithHost": "BVA@care.env.va.gov",
+              "appellantEmail": "test@test.com",
+              "appellantTz": "America/Los_Angeles",
+              "coHostLink": "https://instant-usgov.webex.com/visit/u2f4ls3",
+              "conferenceProvider": "webex",
+              "guestLink": "https://instant-usgov.webex.com/visit/w9hjxwa",
+              "guestPin": null,
+              "hostLink": "https://instant-usgov.webex.com/visit/5iqlapj",
+              "hostPin": null,
+              "jobCompleted": true,
+              "representativeEmail": "caseflow-rep@test.com",
+              "representativeTz": null,
+              "requestCancelled": false,
+              "status": "active",
+            }
+          }
+        >
+          <VirtualHearingLink
+            hearing={
+              Object {
+                "conferenceProvider": "webex",
+                "isVirtual": true,
+                "scheduledForIsPast": false,
+              }
+            }
+            isVirtual={true}
+            label="Join Hearing"
+            link="https://instant-usgov.webex.com/visit/w9hjxwa"
+            newWindow={true}
+            showFullLink={false}
+            user={
+              Object {
+                "addressCity": "Washington",
+                "addressLine1": "123 Fake St.",
+                "addressState": "DC",
+                "addressZip": "20001",
+                "name": "John Smith",
+              }
+            }
+            virtualHearing={
+              Object {
+                "aliasWithHost": "BVA@care.env.va.gov",
+                "appellantEmail": "test@test.com",
+                "appellantTz": "America/Los_Angeles",
+                "coHostLink": "https://instant-usgov.webex.com/visit/u2f4ls3",
+                "conferenceProvider": "webex",
+                "guestLink": "https://instant-usgov.webex.com/visit/w9hjxwa",
+                "guestPin": null,
+                "hostLink": "https://instant-usgov.webex.com/visit/5iqlapj",
+                "hostPin": null,
+                "jobCompleted": true,
+                "representativeEmail": "caseflow-rep@test.com",
+                "representativeTz": null,
+                "requestCancelled": false,
+                "status": "active",
+              }
+            }
+          >
+            <Link
+              href="https://instant-usgov.webex.com/visit/w9hjxwa"
+              target="_blank"
+            >
+              <a
+                href="https://instant-usgov.webex.com/visit/w9hjxwa"
+                target="_blank"
+                type={null}
+              >
+                <strong>
+                  Join Hearing
+                </strong>
+                <span
+                  data-css-32srrr=""
+                >
+                   
+                  <ExternalLinkIcon
+                    className=""
+                    color="#757575"
+                    size={20}
+                  >
+                    <svg
+                      className=""
+                      height={20}
+                      version="1.1"
+                      viewBox="0 0 18 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <g
+                        fill="none"
+                        fillRule="evenodd"
+                        stroke="none"
+                        strokeWidth="1"
+                      >
+                        <g
+                          fill="#757575"
+                          fillRule="nonzero"
+                        >
+                          <g
+                            transform="translate(1.000000, 1.000000)"
+                          >
+                            <path
+                              d="M12.2767813,8.17242825 L11.7057188,8.17242825 C11.6223125,8.17242825 11.553875,8.19969476 11.500625,8.25448292 C11.4469375,8.30895216 11.4202188,8.37876082 11.4202188,8.46378132 L11.4202188,11.377344 C11.4202188,11.7779863 11.2805313,12.1208747 11.001,12.4062005 C10.7214688,12.6914624 10.3853438,12.8339818 9.99275,12.8339818 L2.5695,12.8339818 C2.1769375,12.8339818 1.84084375,12.6914624 1.56125,12.4062005 C1.28171875,12.1209066 1.14196875,11.7780182 1.14196875,11.377344 L1.14196875,3.80200456 C1.14196875,3.40139408 1.2816875,3.05853759 1.56125,2.77324374 C1.84084375,2.487918 2.1769375,2.34533485 2.5695,2.34533485 L8.8505625,2.34533485 C8.93396875,2.34533485 9.00240625,2.31794077 9.055875,2.26337585 C9.10934375,2.20874715 9.1360625,2.13900228 9.1360625,2.05394989 L9.1360625,1.47114806 C9.1360625,1.38625513 9.10934375,1.31638269 9.055875,1.26184966 C9.00240625,1.20722096 8.93396875,1.17995444 8.8505625,1.17995444 L2.5695,1.17995444 C1.86175,1.17995444 1.2565,1.43641913 0.7538125,1.94931663 C0.2513125,2.46218223 0,3.07984055 0,3.80210023 L0,11.3774715 C0,12.0996993 0.2513125,12.7174533 0.75384375,13.2301595 C1.25653125,13.7430888 1.86178125,13.9996811 2.56953125,13.9996811 L9.99275,13.9996811 C10.7004688,13.9996811 11.3057813,13.7430888 11.8084063,13.2301595 C12.3110625,12.7174533 12.562375,12.0997312 12.562375,11.3774715 L12.562375,8.46400456 C12.562375,8.37888838 12.535625,8.30904784 12.4819375,8.25448292 C12.4284063,8.19969476 12.3599688,8.17242825 12.2767813,8.17242825 Z"
+                              id="external-link-outline-box"
+                            />
+                            <path
+                              d="M15.8009687,0.172974943 C15.6879375,0.0576264237 15.5539375,0 15.3994062,0 L10.8313437,0 C10.6767187,0 10.5428125,0.0576264237 10.429875,0.172974943 C10.3168438,0.288259681 10.26025,0.42484738 10.26025,0.58267426 C10.26025,0.740501139 10.3168438,0.877120729 10.429875,0.992469248 L12.0000938,2.59491116 L6.183,8.53138952 C6.1234375,8.59207745 6.09375,8.661918 6.09375,8.74068793 C6.09375,8.81974487 6.12353125,8.88955353 6.183,8.95024146 L7.200125,9.98809112 C7.25959375,10.048779 7.32803125,10.0790433 7.40534375,10.0790433 C7.48265625,10.0790433 7.551125,10.0488109 7.6105625,9.98809112 L13.4276875,4.05170843 L14.9980313,5.65415034 C15.1109687,5.76949886 15.2448438,5.82718907 15.3995,5.82718907 C15.5541562,5.82718907 15.6880312,5.76949886 15.8010937,5.65415034 C15.914125,5.53883371 15.9705937,5.4022779 15.9705937,5.24445103 L15.9705937,0.58267426 C15.9705625,0.424751708 15.9139063,0.288259681 15.8009687,0.172974943 Z"
+                              id="external-link-outline-arrow"
+                            />
+                          </g>
+                        </g>
+                      </g>
+                    </svg>
+                  </ExternalLinkIcon>
+                </span>
+              </a>
+            </Link>
+          </VirtualHearingLink>
+          <div
+            className="helper-text"
+            data-css-1abghdv=""
+          >
+            https://instant-usgov.webex.com/visit/w9hjxwa
+          </div>
+          <CopyTextButton
+            ariaLabel="Copy Guest Link"
+            label=""
+            styling={Object {}}
+            text="Copy Guest Link"
+            textToCopy="https://instant-usgov.webex.com/visit/w9hjxwa"
+          >
+            <Tooltip
+              id="tooltip-Copy Guest Link"
+              position="bottom"
+              text="Click to copy"
+            >
+              <CopyToClipboard
+                aria-describedby="tooltip-Copy Guest Link"
+                aria-label=""
+                data-event="focus mouseenter"
+                data-event-off="mouseleave keydown"
+                data-for="tooltip-Copy Guest Link"
+                data-tip={true}
+                tabIndex={0}
+                text="https://instant-usgov.webex.com/visit/w9hjxwa"
+              >
+                <button
+                  aria-describedby="tooltip-Copy Guest Link"
+                  aria-label=""
+                  className="cf-apppeal-id"
+                  data-css-p6dv0b=""
+                  data-event="focus mouseenter"
+                  data-event-off="mouseleave keydown"
+                  data-for="tooltip-Copy Guest Link"
+                  data-tip={true}
+                  disabled={false}
+                  onClick={[Function]}
+                  tabIndex={0}
+                  type="submit"
+                >
+                  Copy Guest Link
+                   
+                  <ClipboardIcon
+                    className=""
+                    color="#5b616b"
+                    size={17}
+                  >
+                    <svg
+                      className=""
+                      height={17}
+                      viewBox="0 0 21 21"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                        fill="#5b616b"
+                        fillRule="evenodd"
+                      />
+                    </svg>
+                  </ClipboardIcon>
+                </button>
+              </CopyToClipboard>
+              <span
+                data-css-1qgqh7a=""
+              >
+                <ReactTooltip
+                  className="cf-tooltip"
+                  clickable={false}
+                  effect="solid"
+                  id="tooltip-Copy Guest Link"
+                  insecure={true}
+                  multiline={true}
+                  offset={Object {}}
+                  place="bottom"
+                  resizeHide={true}
+                  role="tooltip"
+                  wrapper="div"
+                >
+                  <div
+                    className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                    data-id="tooltip"
+                    id="tooltip-Copy Guest Link"
+                    role="tooltip"
+                  >
+                    <style
+                      dangerouslySetInnerHTML={
+                        Object {
+                          "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                        }
+                      }
+                    />
+                    Click to copy
+                  </div>
+                </ReactTooltip>
+              </span>
+            </Tooltip>
+          </CopyTextButton>
+        </VirtualHearingLinkDetails>
+      </div>
+    </LinkContainer>
+  </div>
+</HearingLinks>
+`;
+
+exports[`HearingLinks Matches snapshot when hearing was virtual and occurred 1`] = `
+<HearingLinks
+  hearing={
+    Object {
+      "conferenceProvider": "pexip",
+      "scheduledForIsPast": false,
+      "wasVirtual": true,
+    }
+  }
+  user={
+    Object {
+      "addressCity": "Washington",
+      "addressLine1": "123 Fake St.",
+      "addressState": "DC",
+      "addressZip": "20001",
+      "name": "John Smith",
+    }
+  }
+  virtualHearing={
+    Object {
+      "alias": "BVA0000130@example.va.gov",
+      "aliasWithHost": "BVA#00000001@localhost",
+      "clientHost": "localhost",
+      "coHostLink": null,
+      "conferenceProvider": "pexip",
+      "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
+      "guestPin": "12345678#",
+      "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
+      "hostPin": "1234567890#",
+      "jobCompleted": true,
+      "status": "active",
+      "type": "PexipConferenceLink",
+    }
+  }
+  wasVirtual={true}
+>
+  <div
+    data-css-19plkw7=""
+    data-css-1fmltfu=""
+  >
+    <LinkContainer
+      hearing={
+        Object {
+          "conferenceProvider": "pexip",
+          "scheduledForIsPast": false,
+          "wasVirtual": true,
+        }
+      }
+      label="VLJ Link"
+      linkText="Start Hearing"
+      role="VLJ"
+      user={
+        Object {
+          "addressCity": "Washington",
+          "addressLine1": "123 Fake St.",
+          "addressState": "DC",
+          "addressZip": "20001",
+          "name": "John Smith",
+        }
+      }
+      virtualHearing={
+        Object {
+          "alias": "BVA0000130@example.va.gov",
+          "aliasWithHost": "BVA#00000001@localhost",
+          "clientHost": "localhost",
+          "coHostLink": null,
+          "conferenceProvider": "pexip",
+          "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
+          "guestPin": "12345678#",
+          "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
+          "hostPin": "1234567890#",
+          "jobCompleted": true,
+          "status": "active",
+          "type": "PexipConferenceLink",
+        }
+      }
+      wasVirtual={true}
+    >
+      <div
+        data-css-tx10g=""
+        id="vlj-hearings-link"
+      >
+        <strong>
+          VLJ Link
+          : 
+        </strong>
+        <VirtualHearingLinkDetails
+          hearing={
+            Object {
+              "conferenceProvider": "pexip",
+              "scheduledForIsPast": false,
+              "wasVirtual": true,
+            }
+          }
+          label="Start Hearing"
+          role="VLJ"
+          user={
+            Object {
+              "addressCity": "Washington",
+              "addressLine1": "123 Fake St.",
+              "addressState": "DC",
+              "addressZip": "20001",
+              "name": "John Smith",
+            }
+          }
+          virtualHearing={
+            Object {
+              "alias": "BVA0000130@example.va.gov",
+              "aliasWithHost": "BVA#00000001@localhost",
+              "clientHost": "localhost",
+              "coHostLink": null,
+              "conferenceProvider": "pexip",
+              "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
+              "guestPin": "12345678#",
+              "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
+              "hostPin": "1234567890#",
+              "jobCompleted": true,
+              "status": "active",
+              "type": "PexipConferenceLink",
+            }
+          }
+          wasVirtual={true}
+        >
+          <span>
+            N/A
+          </span>
+          <div
+            data-css-1abghdv=""
+          >
+            <strong>
+              Conference Room: 
+            </strong>
+            N/A
+          </div>
+          <div
+            data-css-6aejb2=""
+          >
+            <strong>
+              PIN: 
+            </strong>
+            N/A
+          </div>
+          <CopyTextButton
+            ariaLabel="Copy VLJ Link"
+            label=""
+            styling={Object {}}
+            text="Copy VLJ Link"
+            textToCopy={null}
+          >
+            <Tooltip
+              id="tooltip-Copy VLJ Link"
+              position="bottom"
+              text="Click to copy"
+            >
+              <CopyToClipboard
+                aria-describedby="tooltip-Copy VLJ Link"
+                aria-label=""
+                data-event="focus mouseenter"
+                data-event-off="mouseleave keydown"
+                data-for="tooltip-Copy VLJ Link"
+                data-tip={true}
+                tabIndex={0}
+                text="Copy VLJ Link"
+              >
+                <button
+                  aria-describedby="tooltip-Copy VLJ Link"
+                  aria-label=""
+                  className="cf-apppeal-id"
+                  data-css-p6dv0b=""
+                  data-event="focus mouseenter"
+                  data-event-off="mouseleave keydown"
+                  data-for="tooltip-Copy VLJ Link"
+                  data-tip={true}
+                  disabled={true}
+                  onClick={[Function]}
+                  tabIndex={0}
+                  type="submit"
+                >
+                  Copy VLJ Link
+                   
+                  <ClipboardIcon
+                    className=""
+                    color="#5b616b"
+                    size={17}
+                  >
+                    <svg
+                      className=""
+                      height={17}
+                      viewBox="0 0 21 21"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                        fill="#5b616b"
+                        fillRule="evenodd"
+                      />
+                    </svg>
+                  </ClipboardIcon>
+                </button>
+              </CopyToClipboard>
+              <span
+                data-css-as2zk0=""
+              >
+                <ReactTooltip
+                  className="cf-tooltip"
+                  clickable={false}
+                  effect="solid"
+                  id="tooltip-Copy VLJ Link"
+                  insecure={true}
+                  multiline={true}
+                  offset={Object {}}
+                  place="bottom"
+                  resizeHide={true}
+                  role="tooltip"
+                  wrapper="div"
+                >
+                  <div
+                    className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                    data-id="tooltip"
+                    id="tooltip-Copy VLJ Link"
+                    role="tooltip"
+                  >
+                    <style
+                      dangerouslySetInnerHTML={
+                        Object {
+                          "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                        }
+                      }
+                    />
+                    Click to copy
+                  </div>
+                </ReactTooltip>
+              </span>
+            </Tooltip>
+          </CopyTextButton>
+        </VirtualHearingLinkDetails>
+      </div>
+    </LinkContainer>
+    <LinkContainer
+      hearing={
+        Object {
+          "conferenceProvider": "pexip",
+          "scheduledForIsPast": false,
+          "wasVirtual": true,
+        }
+      }
+      label="Hearing Coordinator Link"
+      linkText="Start Hearing"
+      role="HC"
+      user={
+        Object {
+          "addressCity": "Washington",
+          "addressLine1": "123 Fake St.",
+          "addressState": "DC",
+          "addressZip": "20001",
+          "name": "John Smith",
+        }
+      }
+      virtualHearing={
+        Object {
+          "alias": "BVA0000130@example.va.gov",
+          "aliasWithHost": "BVA#00000001@localhost",
+          "clientHost": "localhost",
+          "coHostLink": null,
+          "conferenceProvider": "pexip",
+          "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
+          "guestPin": "12345678#",
+          "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
+          "hostPin": "1234567890#",
+          "jobCompleted": true,
+          "status": "active",
+          "type": "PexipConferenceLink",
+        }
+      }
+      wasVirtual={true}
+    >
+      <div
+        data-css-tx10g=""
+        id="hc-hearings-link"
+      >
+        <strong>
+          Hearing Coordinator Link
+          : 
+        </strong>
+        <VirtualHearingLinkDetails
+          hearing={
+            Object {
+              "conferenceProvider": "pexip",
+              "scheduledForIsPast": false,
+              "wasVirtual": true,
+            }
+          }
+          label="Start Hearing"
+          role="HC"
+          user={
+            Object {
+              "addressCity": "Washington",
+              "addressLine1": "123 Fake St.",
+              "addressState": "DC",
+              "addressZip": "20001",
+              "name": "John Smith",
+            }
+          }
+          virtualHearing={
+            Object {
+              "alias": "BVA0000130@example.va.gov",
+              "aliasWithHost": "BVA#00000001@localhost",
+              "clientHost": "localhost",
+              "coHostLink": null,
+              "conferenceProvider": "pexip",
+              "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
+              "guestPin": "12345678#",
+              "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
+              "hostPin": "1234567890#",
+              "jobCompleted": true,
+              "status": "active",
+              "type": "PexipConferenceLink",
+            }
+          }
+          wasVirtual={true}
+        >
+          <span>
+            N/A
+          </span>
+          <div
+            data-css-1abghdv=""
+          >
+            <strong>
+              Conference Room: 
+            </strong>
+            N/A
+          </div>
+          <div
+            data-css-6aejb2=""
+          >
+            <strong>
+              PIN: 
+            </strong>
+            N/A
+          </div>
+          <CopyTextButton
+            ariaLabel="Copy HC Link"
+            label=""
+            styling={Object {}}
+            text="Copy HC Link"
+            textToCopy={null}
+          >
+            <Tooltip
+              id="tooltip-Copy HC Link"
+              position="bottom"
+              text="Click to copy"
+            >
+              <CopyToClipboard
+                aria-describedby="tooltip-Copy HC Link"
+                aria-label=""
+                data-event="focus mouseenter"
+                data-event-off="mouseleave keydown"
+                data-for="tooltip-Copy HC Link"
+                data-tip={true}
+                tabIndex={0}
+                text="Copy HC Link"
+              >
+                <button
+                  aria-describedby="tooltip-Copy HC Link"
+                  aria-label=""
+                  className="cf-apppeal-id"
+                  data-css-p6dv0b=""
+                  data-event="focus mouseenter"
+                  data-event-off="mouseleave keydown"
+                  data-for="tooltip-Copy HC Link"
+                  data-tip={true}
+                  disabled={true}
+                  onClick={[Function]}
+                  tabIndex={0}
+                  type="submit"
+                >
+                  Copy HC Link
+                   
+                  <ClipboardIcon
+                    className=""
+                    color="#5b616b"
+                    size={17}
+                  >
+                    <svg
+                      className=""
+                      height={17}
+                      viewBox="0 0 21 21"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                        fill="#5b616b"
+                        fillRule="evenodd"
+                      />
+                    </svg>
+                  </ClipboardIcon>
+                </button>
+              </CopyToClipboard>
+              <span
+                data-css-1lc5pkv=""
+              >
+                <ReactTooltip
+                  className="cf-tooltip"
+                  clickable={false}
+                  effect="solid"
+                  id="tooltip-Copy HC Link"
+                  insecure={true}
+                  multiline={true}
+                  offset={Object {}}
+                  place="bottom"
+                  resizeHide={true}
+                  role="tooltip"
+                  wrapper="div"
+                >
+                  <div
+                    className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                    data-id="tooltip"
+                    id="tooltip-Copy HC Link"
+                    role="tooltip"
+                  >
+                    <style
+                      dangerouslySetInnerHTML={
+                        Object {
+                          "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                        }
+                      }
+                    />
+                    Click to copy
+                  </div>
+                </ReactTooltip>
+              </span>
+            </Tooltip>
+          </CopyTextButton>
+        </VirtualHearingLinkDetails>
+      </div>
+    </LinkContainer>
+    <LinkContainer
+      hearing={
+        Object {
+          "conferenceProvider": "pexip",
+          "scheduledForIsPast": false,
+          "wasVirtual": true,
+        }
+      }
+      label="Guest Link"
+      linkText="Join Hearing"
+      role="Guest"
+      user={
+        Object {
+          "addressCity": "Washington",
+          "addressLine1": "123 Fake St.",
+          "addressState": "DC",
+          "addressZip": "20001",
+          "name": "John Smith",
         }
       }
       virtualHearing={
         Object {
+          "alias": "BVA0000130@example.va.gov",
           "aliasWithHost": "BVA#00000001@localhost",
           "clientHost": "localhost",
+          "coHostLink": null,
+          "conferenceProvider": "pexip",
+          "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
           "guestPin": "12345678#",
+          "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
           "hostPin": "1234567890#",
           "jobCompleted": true,
           "status": "active",
+          "type": "PexipConferenceLink",
         }
       }
       wasVirtual={true}
@@ -879,14 +5274,14 @@ exports[`HearingLinks Matches snapshot when hearing was virtual and occurred 1`]
           : 
         </strong>
         <VirtualHearingLinkDetails
-          aliasWithHost="BVA#00000001@localhost"
           hearing={
             Object {
+              "conferenceProvider": "pexip",
               "scheduledForIsPast": false,
+              "wasVirtual": true,
             }
           }
-          label="Join Virtual Hearing"
-          pin="12345678#"
+          label="Join Hearing"
           role="Guest"
           user={
             Object {
@@ -899,18 +5294,24 @@ exports[`HearingLinks Matches snapshot when hearing was virtual and occurred 1`]
           }
           virtualHearing={
             Object {
+              "alias": "BVA0000130@example.va.gov",
               "aliasWithHost": "BVA#00000001@localhost",
               "clientHost": "localhost",
+              "coHostLink": null,
+              "conferenceProvider": "pexip",
+              "guestLink": "https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video",
               "guestPin": "12345678#",
+              "hostLink": "https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host",
               "hostPin": "1234567890#",
               "jobCompleted": true,
               "status": "active",
+              "type": "PexipConferenceLink",
             }
           }
           wasVirtual={true}
         >
           <span>
-            Expired
+            N/A
           </span>
           <div
             data-css-1abghdv=""
@@ -918,7 +5319,7 @@ exports[`HearingLinks Matches snapshot when hearing was virtual and occurred 1`]
             <strong>
               Conference Room: 
             </strong>
-            BVA#00000001@localhost
+            N/A
           </div>
           <div
             data-css-6aejb2=""
@@ -926,18 +5327,182 @@ exports[`HearingLinks Matches snapshot when hearing was virtual and occurred 1`]
             <strong>
               PIN: 
             </strong>
-            12345678#
+            N/A
           </div>
+          <CopyTextButton
+            ariaLabel="Copy Guest Link"
+            label=""
+            styling={Object {}}
+            text="Copy Guest Link"
+            textToCopy={null}
+          >
+            <Tooltip
+              id="tooltip-Copy Guest Link"
+              position="bottom"
+              text="Click to copy"
+            >
+              <CopyToClipboard
+                aria-describedby="tooltip-Copy Guest Link"
+                aria-label=""
+                data-event="focus mouseenter"
+                data-event-off="mouseleave keydown"
+                data-for="tooltip-Copy Guest Link"
+                data-tip={true}
+                tabIndex={0}
+                text="Copy Guest Link"
+              >
+                <button
+                  aria-describedby="tooltip-Copy Guest Link"
+                  aria-label=""
+                  className="cf-apppeal-id"
+                  data-css-p6dv0b=""
+                  data-event="focus mouseenter"
+                  data-event-off="mouseleave keydown"
+                  data-for="tooltip-Copy Guest Link"
+                  data-tip={true}
+                  disabled={true}
+                  onClick={[Function]}
+                  tabIndex={0}
+                  type="submit"
+                >
+                  Copy Guest Link
+                   
+                  <ClipboardIcon
+                    className=""
+                    color="#5b616b"
+                    size={17}
+                  >
+                    <svg
+                      className=""
+                      height={17}
+                      viewBox="0 0 21 21"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                        fill="#5b616b"
+                        fillRule="evenodd"
+                      />
+                    </svg>
+                  </ClipboardIcon>
+                </button>
+              </CopyToClipboard>
+              <span
+                data-css-1qgqh7a=""
+              >
+                <ReactTooltip
+                  className="cf-tooltip"
+                  clickable={false}
+                  effect="solid"
+                  id="tooltip-Copy Guest Link"
+                  insecure={true}
+                  multiline={true}
+                  offset={Object {}}
+                  place="bottom"
+                  resizeHide={true}
+                  role="tooltip"
+                  wrapper="div"
+                >
+                  <div
+                    className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                    data-id="tooltip"
+                    id="tooltip-Copy Guest Link"
+                    role="tooltip"
+                  >
+                    <style
+                      dangerouslySetInnerHTML={
+                        Object {
+                          "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                        }
+                      }
+                    />
+                    Click to copy
+                  </div>
+                </ReactTooltip>
+              </span>
+            </Tooltip>
+          </CopyTextButton>
         </VirtualHearingLinkDetails>
       </div>
     </LinkContainer>
-    <div />
   </div>
 </HearingLinks>
 `;
 
-exports[`HearingLinks Matches snapshot with default props when passed in 1`] = `<HearingLinks />`;
-
 exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
 <HearingLinks
   hearing={
@@ -961,6 +5526,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
       "centralOfficeTimeString": "03:30",
       "claimantId": 4,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 1,
       "disposition": null,
       "dispositionEditable": true,
@@ -996,6 +5562,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
         "fullName": "Aaron Judge_HearingsAndCases Abshire",
         "id": 3,
         "lastLoginAt": null,
+        "meetingType": "pexip",
         "roles": Object {},
         "selectedRegionalOffice": null,
         "stationId": "101",
@@ -1039,6 +5606,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -1075,6 +5643,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
       "appellantEmail": "Bob.Smith@test.com",
       "appellantTz": "America/Denver",
       "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
       "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
       "guestPin": "2684353125#",
       "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -1115,6 +5684,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
           "centralOfficeTimeString": "03:30",
           "claimantId": 4,
           "closestRegionalOffice": null,
+          "conferenceProvider": "pexip",
           "currentIssueCount": 1,
           "disposition": null,
           "dispositionEditable": true,
@@ -1150,6 +5720,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
             "fullName": "Aaron Judge_HearingsAndCases Abshire",
             "id": 3,
             "lastLoginAt": null,
+            "meetingType": "pexip",
             "roles": Object {},
             "selectedRegionalOffice": null,
             "stationId": "101",
@@ -1193,6 +5764,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
             "appellantEmail": "Bob.Smith@test.com",
             "appellantTz": "America/Denver",
             "clientHost": "care.evn.va.gov",
+            "conferenceProvider": "pexip",
             "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
             "guestPin": "2684353125#",
             "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -1213,7 +5785,27 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
       isVirtual={true}
       label="Guest Link"
       link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
-      linkText="Join Virtual Hearing"
+      linkText="Join Hearing"
+      links={
+        Object {
+          "aliasWithHost": "BVA0000009@care.evn.va.gov",
+          "appellantEmail": "Bob.Smith@test.com",
+          "appellantTz": "America/Denver",
+          "clientHost": "care.evn.va.gov",
+          "conferenceProvider": "pexip",
+          "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+          "guestPin": "2684353125#",
+          "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+          "hostPin": "8600030#",
+          "jobCompleted": true,
+          "representativeEmail": "tom.brady@caseflow.gov",
+          "representativeTz": "America/Los_Angeles",
+          "requestCancelled": false,
+          "scheduledInTimezone": "America/Chicago",
+          "scheduledTimeString": "03:30",
+          "status": "active",
+        }
+      }
       role="Guest"
       user={
         Object {
@@ -1233,6 +5825,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
           "appellantEmail": "Bob.Smith@test.com",
           "appellantTz": "America/Denver",
           "clientHost": "care.evn.va.gov",
+          "conferenceProvider": "pexip",
           "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
           "guestPin": "2684353125#",
           "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -1278,6 +5871,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
               "centralOfficeTimeString": "03:30",
               "claimantId": 4,
               "closestRegionalOffice": null,
+              "conferenceProvider": "pexip",
               "currentIssueCount": 1,
               "disposition": null,
               "dispositionEditable": true,
@@ -1313,6 +5907,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
                 "fullName": "Aaron Judge_HearingsAndCases Abshire",
                 "id": 3,
                 "lastLoginAt": null,
+                "meetingType": "pexip",
                 "roles": Object {},
                 "selectedRegionalOffice": null,
                 "stationId": "101",
@@ -1356,6 +5951,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
                 "appellantEmail": "Bob.Smith@test.com",
                 "appellantTz": "America/Denver",
                 "clientHost": "care.evn.va.gov",
+                "conferenceProvider": "pexip",
                 "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                 "guestPin": "2684353125#",
                 "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -1374,7 +5970,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
             }
           }
           isVirtual={true}
-          label="Join Virtual Hearing"
+          label="Join Hearing"
           link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
           pin="2684353125#"
           role="Guest"
@@ -1396,6 +5992,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
               "appellantEmail": "Bob.Smith@test.com",
               "appellantTz": "America/Denver",
               "clientHost": "care.evn.va.gov",
+              "conferenceProvider": "pexip",
               "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
               "guestPin": "2684353125#",
               "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -1432,6 +6029,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
                 "centralOfficeTimeString": "03:30",
                 "claimantId": 4,
                 "closestRegionalOffice": null,
+                "conferenceProvider": "pexip",
                 "currentIssueCount": 1,
                 "disposition": null,
                 "dispositionEditable": true,
@@ -1467,6 +6065,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
                   "fullName": "Aaron Judge_HearingsAndCases Abshire",
                   "id": 3,
                   "lastLoginAt": null,
+                  "meetingType": "pexip",
                   "roles": Object {},
                   "selectedRegionalOffice": null,
                   "stationId": "101",
@@ -1510,6 +6109,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
                   "appellantEmail": "Bob.Smith@test.com",
                   "appellantTz": "America/Denver",
                   "clientHost": "care.evn.va.gov",
+                  "conferenceProvider": "pexip",
                   "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                   "guestPin": "2684353125#",
                   "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -1528,7 +6128,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
               }
             }
             isVirtual={true}
-            label="Join Virtual Hearing"
+            label="Join Hearing"
             link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
             newWindow={true}
             showFullLink={false}
@@ -1550,6 +6150,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
                 "appellantEmail": "Bob.Smith@test.com",
                 "appellantTz": "America/Denver",
                 "clientHost": "care.evn.va.gov",
+                "conferenceProvider": "pexip",
                 "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                 "guestPin": "2684353125#",
                 "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -1574,7 +6175,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
                 type={null}
               >
                 <strong>
-                  Join Virtual Hearing
+                  Join Hearing
                 </strong>
                 <span
                   data-css-32srrr=""
@@ -1582,7 +6183,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
                    
                   <ExternalLinkIcon
                     className=""
-                    color="#0071bc"
+                    color="#757575"
                     size={20}
                   >
                     <svg
@@ -1599,7 +6200,7 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
                         strokeWidth="1"
                       >
                         <g
-                          fill="#0071bc"
+                          fill="#757575"
                           fillRule="nonzero"
                         >
                           <g
@@ -1664,11 +6265,12 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
                   aria-describedby="tooltip-Copy Guest Link"
                   aria-label=""
                   className="cf-apppeal-id"
-                  data-css-cjlnsd=""
+                  data-css-p6dv0b=""
                   data-event="focus mouseenter"
                   data-event-off="mouseleave keydown"
                   data-for="tooltip-Copy Guest Link"
                   data-tip={true}
+                  disabled={false}
                   onClick={[Function]}
                   tabIndex={0}
                   type="submit"
@@ -1807,7 +6409,6 @@ exports[`HearingLinks Only displays Guest Link when user is not a host 1`] = `
         </VirtualHearingLinkDetails>
       </div>
     </LinkContainer>
-    <div />
   </div>
 </HearingLinks>
 `;
diff --git a/client/test/app/hearings/components/details/__snapshots__/VirtualHearingFields.test.js.snap b/client/test/app/hearings/components/details/__snapshots__/VirtualHearingFields.test.js.snap
index 622b10f5439..3c26d91c14d 100644
--- a/client/test/app/hearings/components/details/__snapshots__/VirtualHearingFields.test.js.snap
+++ b/client/test/app/hearings/components/details/__snapshots__/VirtualHearingFields.test.js.snap
@@ -24,6 +24,7 @@ exports[`VirtualHearingFields Matches snapshot with default props 1`] = `
       "centralOfficeTimeString": "04:00",
       "claimantId": 604,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 0,
       "disposition": null,
       "dispositionEditable": true,
@@ -95,150 +96,9 @@ exports[`VirtualHearingFields Matches snapshot with default props 1`] = `
     }
   }
   update={[MockFunction]}
-/>
-`;
-
-exports[`VirtualHearingFields Shows hearing details with virtualHearing 1`] = `
-<VirtualHearingFields
-  hearing={
-    Object {
-      "advanceOnDocketMotion": null,
-      "aod": false,
-      "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
-      "appealId": 4,
-      "appellantAddressLine1": "9999 MISSION ST",
-      "appellantCity": "SAN FRANCISCO",
-      "appellantEmailAddress": "tom.brady@caseflow.gov",
-      "appellantFirstName": "Bob",
-      "appellantIsNotVeteran": false,
-      "appellantLastName": "Smith",
-      "appellantState": "CA",
-      "appellantTz": "America/Los_Angeles",
-      "appellantZip": "94103",
-      "availableHearingLocations": Object {},
-      "bvaPoc": null,
-      "caseType": "Original",
-      "centralOfficeTimeString": "03:30",
-      "claimantId": 4,
-      "closestRegionalOffice": null,
-      "currentIssueCount": 1,
-      "disposition": null,
-      "dispositionEditable": true,
-      "docketName": "hearing",
-      "docketNumber": "200628-4",
-      "emailEvents": Array [
-        Object {
-          "emailAddress": "tom.brady@caseflow.gov",
-          "emailType": "confirmation",
-          "sentAt": "2020-06-29T14:55:12.620-04:00",
-          "sentBy": "BVASYELLOW",
-          "sentTo": "POA/Representative Email",
-        },
-        Object {
-          "emailAddress": "Bob.Smith@test.com",
-          "emailType": "confirmation",
-          "sentAt": "2020-06-29T14:55:12.501-04:00",
-          "sentBy": "BVASYELLOW",
-          "sentTo": "Appellant Email",
-        },
-      ],
-      "evidenceWindowWaived": false,
-      "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
-      "hearingDayId": 4,
-      "id": 4,
-      "isVirtual": true,
-      "judge": Object {
-        "createdAt": "2020-06-25T11:00:43.257-04:00",
-        "cssId": "BVAAABSHIRE",
-        "displayName": "BVAAABSHIRE (VACO)",
-        "efolderDocumentsFetchedAt": null,
-        "email": null,
-        "fullName": "Aaron Judge_HearingsAndCases Abshire",
-        "id": 3,
-        "lastLoginAt": null,
-        "roles": Object {},
-        "selectedRegionalOffice": null,
-        "stationId": "101",
-        "status": "active",
-        "statusUpdatedAt": null,
-        "updatedAt": "2020-06-25T11:00:43.257-04:00",
-      },
-      "judgeId": 3,
-      "location": null,
-      "militaryService": "",
-      "notes": null,
-      "paperCase": false,
-      "poaName": "AMERICAN LEGION",
-      "prepped": null,
-      "readableLocation": "Washington, DC",
-      "readableRequestType": "Central",
-      "regionalOfficeKey": "C",
-      "regionalOfficeName": "Central",
-      "regionalOfficeTimezone": "America/New_York",
-      "representative": "Clarence Darrow",
-      "representativeEmailAddress": "tom.brady@caseflow.gov",
-      "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
-      "representativeTz": "America/Denver",
-      "room": "2",
-      "scheduledFor": "2020-07-06T06:00:00.000-04:00",
-      "scheduledForIsPast": false,
-      "scheduledTime": "2000-01-01T03:30:00.000-05:00",
-      "scheduledTimeString": "03:30",
-      "summary": null,
-      "transcriptRequested": null,
-      "transcription": Object {},
-      "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
-      "veteranAge": 85,
-      "veteranEmailAddress": "Bob.Smith@test.com",
-      "veteranFileNumber": "500000003",
-      "veteranFirstName": "Bob",
-      "veteranGender": "M",
-      "veteranLastName": "Smith",
-      "virtualHearing": Object {
-        "aliasWithHost": "BVA0000009@care.evn.va.gov",
-        "appellantEmail": "Bob.Smith@test.com",
-        "appellantTz": "America/Denver",
-        "clientHost": "care.evn.va.gov",
-        "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
-        "guestPin": "2684353125#",
-        "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
-        "hostPin": "8600030#",
-        "jobCompleted": true,
-        "representativeEmail": "tom.brady@caseflow.gov",
-        "representativeTz": "America/Los_Angeles",
-        "requestCancelled": false,
-        "scheduledInTimezone": "America/Chicago",
-        "scheduledTimeString": "03:30",
-        "status": "active",
-      },
-      "wasVirtual": false,
-      "witness": null,
-      "worksheetIssues": Object {},
-    }
-  }
-  update={[MockFunction]}
-  virtualHearing={
-    Object {
-      "aliasWithHost": "BVA0000009@care.evn.va.gov",
-      "appellantEmail": "Bob.Smith@test.com",
-      "appellantTz": "America/Denver",
-      "clientHost": "care.evn.va.gov",
-      "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
-      "guestPin": "2684353125#",
-      "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
-      "hostPin": "8600030#",
-      "jobCompleted": true,
-      "representativeEmail": "tom.brady@caseflow.gov",
-      "representativeTz": "America/Los_Angeles",
-      "requestCancelled": false,
-      "scheduledInTimezone": "America/Chicago",
-      "scheduledTimeString": "03:30",
-      "status": "active",
-    }
-  }
 >
   <ContentSection
-    header="Virtual Hearing Links"
+    header="Hearing Links"
   >
     <div
       className="cf-app-segment"
@@ -246,59 +106,54 @@ exports[`VirtualHearingFields Shows hearing details with virtualHearing 1`] = `
       <h2
         data-css-3rhuy2=""
       >
-        Virtual Hearing Links
+        Hearing Links
       </h2>
       <div
         data-css-1571z6o=""
       >
+        <div
+          data-css-tx10g=""
+        >
+          <strong>
+            Pexip
+             Hearing
+          </strong>
+        </div>
         <HearingLinks
           hearing={
             Object {
               "advanceOnDocketMotion": null,
               "aod": false,
-              "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
-              "appealId": 4,
+              "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
+              "appealId": 613,
               "appellantAddressLine1": "9999 MISSION ST",
               "appellantCity": "SAN FRANCISCO",
               "appellantEmailAddress": "tom.brady@caseflow.gov",
-              "appellantFirstName": "Bob",
+              "appellantFirstName": "Tom",
               "appellantIsNotVeteran": false,
-              "appellantLastName": "Smith",
+              "appellantLastName": "Brady",
+              "appellantRelationship": "Spouse",
               "appellantState": "CA",
               "appellantTz": "America/Los_Angeles",
               "appellantZip": "94103",
               "availableHearingLocations": Object {},
               "bvaPoc": null,
               "caseType": "Original",
-              "centralOfficeTimeString": "03:30",
-              "claimantId": 4,
+              "centralOfficeTimeString": "04:00",
+              "claimantId": 604,
               "closestRegionalOffice": null,
-              "currentIssueCount": 1,
+              "conferenceProvider": "pexip",
+              "currentIssueCount": 0,
               "disposition": null,
               "dispositionEditable": true,
               "docketName": "hearing",
-              "docketNumber": "200628-4",
-              "emailEvents": Array [
-                Object {
-                  "emailAddress": "tom.brady@caseflow.gov",
-                  "emailType": "confirmation",
-                  "sentAt": "2020-06-29T14:55:12.620-04:00",
-                  "sentBy": "BVASYELLOW",
-                  "sentTo": "POA/Representative Email",
-                },
-                Object {
-                  "emailAddress": "Bob.Smith@test.com",
-                  "emailType": "confirmation",
-                  "sentAt": "2020-06-29T14:55:12.501-04:00",
-                  "sentBy": "BVASYELLOW",
-                  "sentTo": "Appellant Email",
-                },
-              ],
+              "docketNumber": "200624-614",
+              "emailEvents": Array [],
               "evidenceWindowWaived": false,
-              "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
-              "hearingDayId": 4,
-              "id": 4,
-              "isVirtual": true,
+              "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+              "hearingDayId": 11,
+              "id": 10,
+              "isVirtual": false,
               "judge": Object {
                 "createdAt": "2020-06-25T11:00:43.257-04:00",
                 "cssId": "BVAAABSHIRE",
@@ -315,60 +170,52 @@ exports[`VirtualHearingFields Shows hearing details with virtualHearing 1`] = `
                 "statusUpdatedAt": null,
                 "updatedAt": "2020-06-25T11:00:43.257-04:00",
               },
-              "judgeId": 3,
+              "judgeId": "3",
               "location": null,
               "militaryService": "",
               "notes": null,
               "paperCase": false,
               "poaName": "AMERICAN LEGION",
               "prepped": null,
-              "readableLocation": "Washington, DC",
-              "readableRequestType": "Central",
-              "regionalOfficeKey": "C",
-              "regionalOfficeName": "Central",
+              "readableLocation": null,
+              "readableRequestType": "Video",
+              "regionalOfficeKey": "RO17",
+              "regionalOfficeName": "St. Petersburg regional office",
               "regionalOfficeTimezone": "America/New_York",
-              "representative": "Clarence Darrow",
+              "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+              "representativeAddress": Object {
+                "addressLine1": "9999 MISSION ST",
+                "city": "SAN FRANCISCO",
+                "state": "CA",
+                "zip": "94103",
+              },
               "representativeEmailAddress": "tom.brady@caseflow.gov",
-              "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
-              "representativeTz": "America/Denver",
-              "room": "2",
+              "representativeName": null,
+              "representativeTz": "America/Los_Angeles",
+              "room": "1",
               "scheduledFor": "2020-07-06T06:00:00.000-04:00",
               "scheduledForIsPast": false,
-              "scheduledTime": "2000-01-01T03:30:00.000-05:00",
-              "scheduledTimeString": "03:30",
+              "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+              "scheduledTimeString": "06:00",
               "summary": null,
               "transcriptRequested": null,
               "transcription": Object {},
-              "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+              "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
               "veteranAge": 85,
-              "veteranEmailAddress": "Bob.Smith@test.com",
-              "veteranFileNumber": "500000003",
-              "veteranFirstName": "Bob",
+              "veteranEmailAddress": "John.Smith@test.com",
+              "veteranFileNumber": "100000005",
+              "veteranFirstName": "John",
               "veteranGender": "M",
               "veteranLastName": "Smith",
-              "virtualHearing": Object {
-                "aliasWithHost": "BVA0000009@care.evn.va.gov",
-                "appellantEmail": "Bob.Smith@test.com",
-                "appellantTz": "America/Denver",
-                "clientHost": "care.evn.va.gov",
-                "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
-                "guestPin": "2684353125#",
-                "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
-                "hostPin": "8600030#",
-                "jobCompleted": true,
-                "representativeEmail": "tom.brady@caseflow.gov",
-                "representativeTz": "America/Los_Angeles",
-                "requestCancelled": false,
-                "scheduledInTimezone": "America/Chicago",
-                "scheduledTimeString": "03:30",
-                "status": "active",
-              },
+              "virtualHearing": null,
               "wasVirtual": false,
               "witness": null,
               "worksheetIssues": Object {},
             }
           }
-          isVirtual={true}
+          isCancelled={false}
+          isVirtual={false}
+          scheduledForIsPast={false}
           user={
             Object {
               "addressCity": "Washington",
@@ -378,25 +225,6 @@ exports[`VirtualHearingFields Shows hearing details with virtualHearing 1`] = `
               "name": "John Smith",
             }
           }
-          virtualHearing={
-            Object {
-              "aliasWithHost": "BVA0000009@care.evn.va.gov",
-              "appellantEmail": "Bob.Smith@test.com",
-              "appellantTz": "America/Denver",
-              "clientHost": "care.evn.va.gov",
-              "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
-              "guestPin": "2684353125#",
-              "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
-              "hostPin": "8600030#",
-              "jobCompleted": true,
-              "representativeEmail": "tom.brady@caseflow.gov",
-              "representativeTz": "America/Los_Angeles",
-              "requestCancelled": false,
-              "scheduledInTimezone": "America/Chicago",
-              "scheduledTimeString": "03:30",
-              "status": "active",
-            }
-          }
           wasVirtual={false}
         >
           <div
@@ -408,49 +236,36 @@ exports[`VirtualHearingFields Shows hearing details with virtualHearing 1`] = `
                 Object {
                   "advanceOnDocketMotion": null,
                   "aod": false,
-                  "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
-                  "appealId": 4,
+                  "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
+                  "appealId": 613,
                   "appellantAddressLine1": "9999 MISSION ST",
                   "appellantCity": "SAN FRANCISCO",
                   "appellantEmailAddress": "tom.brady@caseflow.gov",
-                  "appellantFirstName": "Bob",
+                  "appellantFirstName": "Tom",
                   "appellantIsNotVeteran": false,
-                  "appellantLastName": "Smith",
+                  "appellantLastName": "Brady",
+                  "appellantRelationship": "Spouse",
                   "appellantState": "CA",
                   "appellantTz": "America/Los_Angeles",
                   "appellantZip": "94103",
                   "availableHearingLocations": Object {},
                   "bvaPoc": null,
                   "caseType": "Original",
-                  "centralOfficeTimeString": "03:30",
-                  "claimantId": 4,
+                  "centralOfficeTimeString": "04:00",
+                  "claimantId": 604,
                   "closestRegionalOffice": null,
-                  "currentIssueCount": 1,
+                  "conferenceProvider": "pexip",
+                  "currentIssueCount": 0,
                   "disposition": null,
                   "dispositionEditable": true,
                   "docketName": "hearing",
-                  "docketNumber": "200628-4",
-                  "emailEvents": Array [
-                    Object {
-                      "emailAddress": "tom.brady@caseflow.gov",
-                      "emailType": "confirmation",
-                      "sentAt": "2020-06-29T14:55:12.620-04:00",
-                      "sentBy": "BVASYELLOW",
-                      "sentTo": "POA/Representative Email",
-                    },
-                    Object {
-                      "emailAddress": "Bob.Smith@test.com",
-                      "emailType": "confirmation",
-                      "sentAt": "2020-06-29T14:55:12.501-04:00",
-                      "sentBy": "BVASYELLOW",
-                      "sentTo": "Appellant Email",
-                    },
-                  ],
+                  "docketNumber": "200624-614",
+                  "emailEvents": Array [],
                   "evidenceWindowWaived": false,
-                  "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
-                  "hearingDayId": 4,
-                  "id": 4,
-                  "isVirtual": true,
+                  "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                  "hearingDayId": 11,
+                  "id": 10,
+                  "isVirtual": false,
                   "judge": Object {
                     "createdAt": "2020-06-25T11:00:43.257-04:00",
                     "cssId": "BVAAABSHIRE",
@@ -467,63 +282,52 @@ exports[`VirtualHearingFields Shows hearing details with virtualHearing 1`] = `
                     "statusUpdatedAt": null,
                     "updatedAt": "2020-06-25T11:00:43.257-04:00",
                   },
-                  "judgeId": 3,
+                  "judgeId": "3",
                   "location": null,
                   "militaryService": "",
                   "notes": null,
                   "paperCase": false,
                   "poaName": "AMERICAN LEGION",
                   "prepped": null,
-                  "readableLocation": "Washington, DC",
-                  "readableRequestType": "Central",
-                  "regionalOfficeKey": "C",
-                  "regionalOfficeName": "Central",
+                  "readableLocation": null,
+                  "readableRequestType": "Video",
+                  "regionalOfficeKey": "RO17",
+                  "regionalOfficeName": "St. Petersburg regional office",
                   "regionalOfficeTimezone": "America/New_York",
-                  "representative": "Clarence Darrow",
+                  "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                  "representativeAddress": Object {
+                    "addressLine1": "9999 MISSION ST",
+                    "city": "SAN FRANCISCO",
+                    "state": "CA",
+                    "zip": "94103",
+                  },
                   "representativeEmailAddress": "tom.brady@caseflow.gov",
-                  "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
-                  "representativeTz": "America/Denver",
-                  "room": "2",
+                  "representativeName": null,
+                  "representativeTz": "America/Los_Angeles",
+                  "room": "1",
                   "scheduledFor": "2020-07-06T06:00:00.000-04:00",
                   "scheduledForIsPast": false,
-                  "scheduledTime": "2000-01-01T03:30:00.000-05:00",
-                  "scheduledTimeString": "03:30",
+                  "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                  "scheduledTimeString": "06:00",
                   "summary": null,
                   "transcriptRequested": null,
                   "transcription": Object {},
-                  "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                  "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
                   "veteranAge": 85,
-                  "veteranEmailAddress": "Bob.Smith@test.com",
-                  "veteranFileNumber": "500000003",
-                  "veteranFirstName": "Bob",
+                  "veteranEmailAddress": "John.Smith@test.com",
+                  "veteranFileNumber": "100000005",
+                  "veteranFirstName": "John",
                   "veteranGender": "M",
                   "veteranLastName": "Smith",
-                  "virtualHearing": Object {
-                    "aliasWithHost": "BVA0000009@care.evn.va.gov",
-                    "appellantEmail": "Bob.Smith@test.com",
-                    "appellantTz": "America/Denver",
-                    "clientHost": "care.evn.va.gov",
-                    "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
-                    "guestPin": "2684353125#",
-                    "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
-                    "hostPin": "8600030#",
-                    "jobCompleted": true,
-                    "representativeEmail": "tom.brady@caseflow.gov",
-                    "representativeTz": "America/Los_Angeles",
-                    "requestCancelled": false,
-                    "scheduledInTimezone": "America/Chicago",
-                    "scheduledTimeString": "03:30",
-                    "status": "active",
-                  },
+                  "virtualHearing": null,
                   "wasVirtual": false,
                   "witness": null,
                   "worksheetIssues": Object {},
                 }
               }
-              isVirtual={true}
+              isVirtual={false}
               label="Guest Link"
-              link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
-              linkText="Join Virtual Hearing"
+              linkText="Join Hearing"
               role="Guest"
               user={
                 Object {
@@ -534,25 +338,6 @@ exports[`VirtualHearingFields Shows hearing details with virtualHearing 1`] = `
                   "name": "John Smith",
                 }
               }
-              virtualHearing={
-                Object {
-                  "aliasWithHost": "BVA0000009@care.evn.va.gov",
-                  "appellantEmail": "Bob.Smith@test.com",
-                  "appellantTz": "America/Denver",
-                  "clientHost": "care.evn.va.gov",
-                  "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
-                  "guestPin": "2684353125#",
-                  "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
-                  "hostPin": "8600030#",
-                  "jobCompleted": true,
-                  "representativeEmail": "tom.brady@caseflow.gov",
-                  "representativeTz": "America/Los_Angeles",
-                  "requestCancelled": false,
-                  "scheduledInTimezone": "America/Chicago",
-                  "scheduledTimeString": "03:30",
-                  "status": "active",
-                }
-              }
               wasVirtual={false}
             >
               <div
@@ -564,54 +349,40 @@ exports[`VirtualHearingFields Shows hearing details with virtualHearing 1`] = `
                   : 
                 </strong>
                 <VirtualHearingLinkDetails
-                  aliasWithHost="BVA0000009@care.evn.va.gov"
                   hearing={
                     Object {
                       "advanceOnDocketMotion": null,
                       "aod": false,
-                      "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
-                      "appealId": 4,
+                      "appealExternalId": "0bf0263c-d863-4405-9b2e-f55cff77c6c4",
+                      "appealId": 613,
                       "appellantAddressLine1": "9999 MISSION ST",
                       "appellantCity": "SAN FRANCISCO",
                       "appellantEmailAddress": "tom.brady@caseflow.gov",
-                      "appellantFirstName": "Bob",
+                      "appellantFirstName": "Tom",
                       "appellantIsNotVeteran": false,
-                      "appellantLastName": "Smith",
+                      "appellantLastName": "Brady",
+                      "appellantRelationship": "Spouse",
                       "appellantState": "CA",
                       "appellantTz": "America/Los_Angeles",
                       "appellantZip": "94103",
                       "availableHearingLocations": Object {},
                       "bvaPoc": null,
                       "caseType": "Original",
-                      "centralOfficeTimeString": "03:30",
-                      "claimantId": 4,
+                      "centralOfficeTimeString": "04:00",
+                      "claimantId": 604,
                       "closestRegionalOffice": null,
-                      "currentIssueCount": 1,
+                      "conferenceProvider": "pexip",
+                      "currentIssueCount": 0,
                       "disposition": null,
                       "dispositionEditable": true,
                       "docketName": "hearing",
-                      "docketNumber": "200628-4",
-                      "emailEvents": Array [
-                        Object {
-                          "emailAddress": "tom.brady@caseflow.gov",
-                          "emailType": "confirmation",
-                          "sentAt": "2020-06-29T14:55:12.620-04:00",
-                          "sentBy": "BVASYELLOW",
-                          "sentTo": "POA/Representative Email",
-                        },
-                        Object {
-                          "emailAddress": "Bob.Smith@test.com",
-                          "emailType": "confirmation",
-                          "sentAt": "2020-06-29T14:55:12.501-04:00",
-                          "sentBy": "BVASYELLOW",
-                          "sentTo": "Appellant Email",
-                        },
-                      ],
+                      "docketNumber": "200624-614",
+                      "emailEvents": Array [],
                       "evidenceWindowWaived": false,
-                      "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
-                      "hearingDayId": 4,
-                      "id": 4,
-                      "isVirtual": true,
+                      "externalId": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
+                      "hearingDayId": 11,
+                      "id": 10,
+                      "isVirtual": false,
                       "judge": Object {
                         "createdAt": "2020-06-25T11:00:43.257-04:00",
                         "cssId": "BVAAABSHIRE",
@@ -628,63 +399,51 @@ exports[`VirtualHearingFields Shows hearing details with virtualHearing 1`] = `
                         "statusUpdatedAt": null,
                         "updatedAt": "2020-06-25T11:00:43.257-04:00",
                       },
-                      "judgeId": 3,
+                      "judgeId": "3",
                       "location": null,
                       "militaryService": "",
                       "notes": null,
                       "paperCase": false,
                       "poaName": "AMERICAN LEGION",
                       "prepped": null,
-                      "readableLocation": "Washington, DC",
-                      "readableRequestType": "Central",
-                      "regionalOfficeKey": "C",
-                      "regionalOfficeName": "Central",
+                      "readableLocation": null,
+                      "readableRequestType": "Video",
+                      "regionalOfficeKey": "RO17",
+                      "regionalOfficeName": "St. Petersburg regional office",
                       "regionalOfficeTimezone": "America/New_York",
-                      "representative": "Clarence Darrow",
+                      "representative": "PARALYZED VETERANS OF AMERICA, INC.",
+                      "representativeAddress": Object {
+                        "addressLine1": "9999 MISSION ST",
+                        "city": "SAN FRANCISCO",
+                        "state": "CA",
+                        "zip": "94103",
+                      },
                       "representativeEmailAddress": "tom.brady@caseflow.gov",
-                      "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
-                      "representativeTz": "America/Denver",
-                      "room": "2",
+                      "representativeName": null,
+                      "representativeTz": "America/Los_Angeles",
+                      "room": "1",
                       "scheduledFor": "2020-07-06T06:00:00.000-04:00",
                       "scheduledForIsPast": false,
-                      "scheduledTime": "2000-01-01T03:30:00.000-05:00",
-                      "scheduledTimeString": "03:30",
+                      "scheduledTime": "2000-01-01T06:00:00.000-05:00",
+                      "scheduledTimeString": "06:00",
                       "summary": null,
                       "transcriptRequested": null,
                       "transcription": Object {},
-                      "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                      "uuid": "61e7af7a-586c-446d-b8ee-a65be467e9e0",
                       "veteranAge": 85,
-                      "veteranEmailAddress": "Bob.Smith@test.com",
-                      "veteranFileNumber": "500000003",
-                      "veteranFirstName": "Bob",
+                      "veteranEmailAddress": "John.Smith@test.com",
+                      "veteranFileNumber": "100000005",
+                      "veteranFirstName": "John",
                       "veteranGender": "M",
                       "veteranLastName": "Smith",
-                      "virtualHearing": Object {
-                        "aliasWithHost": "BVA0000009@care.evn.va.gov",
-                        "appellantEmail": "Bob.Smith@test.com",
-                        "appellantTz": "America/Denver",
-                        "clientHost": "care.evn.va.gov",
-                        "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
-                        "guestPin": "2684353125#",
-                        "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
-                        "hostPin": "8600030#",
-                        "jobCompleted": true,
-                        "representativeEmail": "tom.brady@caseflow.gov",
-                        "representativeTz": "America/Los_Angeles",
-                        "requestCancelled": false,
-                        "scheduledInTimezone": "America/Chicago",
-                        "scheduledTimeString": "03:30",
-                        "status": "active",
-                      },
+                      "virtualHearing": null,
                       "wasVirtual": false,
                       "witness": null,
                       "worksheetIssues": Object {},
                     }
                   }
-                  isVirtual={true}
-                  label="Join Virtual Hearing"
-                  link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
-                  pin="2684353125#"
+                  isVirtual={false}
+                  label="Join Hearing"
                   role="Guest"
                   user={
                     Object {
@@ -695,243 +454,18 @@ exports[`VirtualHearingFields Shows hearing details with virtualHearing 1`] = `
                       "name": "John Smith",
                     }
                   }
-                  virtualHearing={
-                    Object {
-                      "aliasWithHost": "BVA0000009@care.evn.va.gov",
-                      "appellantEmail": "Bob.Smith@test.com",
-                      "appellantTz": "America/Denver",
-                      "clientHost": "care.evn.va.gov",
-                      "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
-                      "guestPin": "2684353125#",
-                      "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
-                      "hostPin": "8600030#",
-                      "jobCompleted": true,
-                      "representativeEmail": "tom.brady@caseflow.gov",
-                      "representativeTz": "America/Los_Angeles",
-                      "requestCancelled": false,
-                      "scheduledInTimezone": "America/Chicago",
-                      "scheduledTimeString": "03:30",
-                      "status": "active",
-                    }
-                  }
                   wasVirtual={false}
                 >
-                  <VirtualHearingLink
-                    hearing={
-                      Object {
-                        "advanceOnDocketMotion": null,
-                        "aod": false,
-                        "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
-                        "appealId": 4,
-                        "appellantAddressLine1": "9999 MISSION ST",
-                        "appellantCity": "SAN FRANCISCO",
-                        "appellantEmailAddress": "tom.brady@caseflow.gov",
-                        "appellantFirstName": "Bob",
-                        "appellantIsNotVeteran": false,
-                        "appellantLastName": "Smith",
-                        "appellantState": "CA",
-                        "appellantTz": "America/Los_Angeles",
-                        "appellantZip": "94103",
-                        "availableHearingLocations": Object {},
-                        "bvaPoc": null,
-                        "caseType": "Original",
-                        "centralOfficeTimeString": "03:30",
-                        "claimantId": 4,
-                        "closestRegionalOffice": null,
-                        "currentIssueCount": 1,
-                        "disposition": null,
-                        "dispositionEditable": true,
-                        "docketName": "hearing",
-                        "docketNumber": "200628-4",
-                        "emailEvents": Array [
-                          Object {
-                            "emailAddress": "tom.brady@caseflow.gov",
-                            "emailType": "confirmation",
-                            "sentAt": "2020-06-29T14:55:12.620-04:00",
-                            "sentBy": "BVASYELLOW",
-                            "sentTo": "POA/Representative Email",
-                          },
-                          Object {
-                            "emailAddress": "Bob.Smith@test.com",
-                            "emailType": "confirmation",
-                            "sentAt": "2020-06-29T14:55:12.501-04:00",
-                            "sentBy": "BVASYELLOW",
-                            "sentTo": "Appellant Email",
-                          },
-                        ],
-                        "evidenceWindowWaived": false,
-                        "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
-                        "hearingDayId": 4,
-                        "id": 4,
-                        "isVirtual": true,
-                        "judge": Object {
-                          "createdAt": "2020-06-25T11:00:43.257-04:00",
-                          "cssId": "BVAAABSHIRE",
-                          "displayName": "BVAAABSHIRE (VACO)",
-                          "efolderDocumentsFetchedAt": null,
-                          "email": null,
-                          "fullName": "Aaron Judge_HearingsAndCases Abshire",
-                          "id": 3,
-                          "lastLoginAt": null,
-                          "roles": Object {},
-                          "selectedRegionalOffice": null,
-                          "stationId": "101",
-                          "status": "active",
-                          "statusUpdatedAt": null,
-                          "updatedAt": "2020-06-25T11:00:43.257-04:00",
-                        },
-                        "judgeId": 3,
-                        "location": null,
-                        "militaryService": "",
-                        "notes": null,
-                        "paperCase": false,
-                        "poaName": "AMERICAN LEGION",
-                        "prepped": null,
-                        "readableLocation": "Washington, DC",
-                        "readableRequestType": "Central",
-                        "regionalOfficeKey": "C",
-                        "regionalOfficeName": "Central",
-                        "regionalOfficeTimezone": "America/New_York",
-                        "representative": "Clarence Darrow",
-                        "representativeEmailAddress": "tom.brady@caseflow.gov",
-                        "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
-                        "representativeTz": "America/Denver",
-                        "room": "2",
-                        "scheduledFor": "2020-07-06T06:00:00.000-04:00",
-                        "scheduledForIsPast": false,
-                        "scheduledTime": "2000-01-01T03:30:00.000-05:00",
-                        "scheduledTimeString": "03:30",
-                        "summary": null,
-                        "transcriptRequested": null,
-                        "transcription": Object {},
-                        "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
-                        "veteranAge": 85,
-                        "veteranEmailAddress": "Bob.Smith@test.com",
-                        "veteranFileNumber": "500000003",
-                        "veteranFirstName": "Bob",
-                        "veteranGender": "M",
-                        "veteranLastName": "Smith",
-                        "virtualHearing": Object {
-                          "aliasWithHost": "BVA0000009@care.evn.va.gov",
-                          "appellantEmail": "Bob.Smith@test.com",
-                          "appellantTz": "America/Denver",
-                          "clientHost": "care.evn.va.gov",
-                          "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
-                          "guestPin": "2684353125#",
-                          "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
-                          "hostPin": "8600030#",
-                          "jobCompleted": true,
-                          "representativeEmail": "tom.brady@caseflow.gov",
-                          "representativeTz": "America/Los_Angeles",
-                          "requestCancelled": false,
-                          "scheduledInTimezone": "America/Chicago",
-                          "scheduledTimeString": "03:30",
-                          "status": "active",
-                        },
-                        "wasVirtual": false,
-                        "witness": null,
-                        "worksheetIssues": Object {},
-                      }
-                    }
-                    isVirtual={true}
-                    label="Join Virtual Hearing"
-                    link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
-                    newWindow={true}
-                    showFullLink={false}
-                    user={
-                      Object {
-                        "addressCity": "Washington",
-                        "addressLine1": "123 Fake St.",
-                        "addressState": "DC",
-                        "addressZip": "20001",
-                        "name": "John Smith",
-                      }
-                    }
-                    virtualHearing={
-                      Object {
-                        "aliasWithHost": "BVA0000009@care.evn.va.gov",
-                        "appellantEmail": "Bob.Smith@test.com",
-                        "appellantTz": "America/Denver",
-                        "clientHost": "care.evn.va.gov",
-                        "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
-                        "guestPin": "2684353125#",
-                        "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
-                        "hostPin": "8600030#",
-                        "jobCompleted": true,
-                        "representativeEmail": "tom.brady@caseflow.gov",
-                        "representativeTz": "America/Los_Angeles",
-                        "requestCancelled": false,
-                        "scheduledInTimezone": "America/Chicago",
-                        "scheduledTimeString": "03:30",
-                        "status": "active",
-                      }
-                    }
-                  >
-                    <Link
-                      href="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
-                      target="_blank"
-                    >
-                      <a
-                        href="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
-                        target="_blank"
-                        type={null}
-                      >
-                        <strong>
-                          Join Virtual Hearing
-                        </strong>
-                        <span
-                          data-css-32srrr=""
-                        >
-                           
-                          <ExternalLinkIcon
-                            className=""
-                            color="#0071bc"
-                            size={20}
-                          >
-                            <svg
-                              className=""
-                              height={20}
-                              version="1.1"
-                              viewBox="0 0 18 16"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <g
-                                fill="none"
-                                fillRule="evenodd"
-                                stroke="none"
-                                strokeWidth="1"
-                              >
-                                <g
-                                  fill="#0071bc"
-                                  fillRule="nonzero"
-                                >
-                                  <g
-                                    transform="translate(1.000000, 1.000000)"
-                                  >
-                                    <path
-                                      d="M12.2767813,8.17242825 L11.7057188,8.17242825 C11.6223125,8.17242825 11.553875,8.19969476 11.500625,8.25448292 C11.4469375,8.30895216 11.4202188,8.37876082 11.4202188,8.46378132 L11.4202188,11.377344 C11.4202188,11.7779863 11.2805313,12.1208747 11.001,12.4062005 C10.7214688,12.6914624 10.3853438,12.8339818 9.99275,12.8339818 L2.5695,12.8339818 C2.1769375,12.8339818 1.84084375,12.6914624 1.56125,12.4062005 C1.28171875,12.1209066 1.14196875,11.7780182 1.14196875,11.377344 L1.14196875,3.80200456 C1.14196875,3.40139408 1.2816875,3.05853759 1.56125,2.77324374 C1.84084375,2.487918 2.1769375,2.34533485 2.5695,2.34533485 L8.8505625,2.34533485 C8.93396875,2.34533485 9.00240625,2.31794077 9.055875,2.26337585 C9.10934375,2.20874715 9.1360625,2.13900228 9.1360625,2.05394989 L9.1360625,1.47114806 C9.1360625,1.38625513 9.10934375,1.31638269 9.055875,1.26184966 C9.00240625,1.20722096 8.93396875,1.17995444 8.8505625,1.17995444 L2.5695,1.17995444 C1.86175,1.17995444 1.2565,1.43641913 0.7538125,1.94931663 C0.2513125,2.46218223 0,3.07984055 0,3.80210023 L0,11.3774715 C0,12.0996993 0.2513125,12.7174533 0.75384375,13.2301595 C1.25653125,13.7430888 1.86178125,13.9996811 2.56953125,13.9996811 L9.99275,13.9996811 C10.7004688,13.9996811 11.3057813,13.7430888 11.8084063,13.2301595 C12.3110625,12.7174533 12.562375,12.0997312 12.562375,11.3774715 L12.562375,8.46400456 C12.562375,8.37888838 12.535625,8.30904784 12.4819375,8.25448292 C12.4284063,8.19969476 12.3599688,8.17242825 12.2767813,8.17242825 Z"
-                                      id="external-link-outline-box"
-                                    />
-                                    <path
-                                      d="M15.8009687,0.172974943 C15.6879375,0.0576264237 15.5539375,0 15.3994062,0 L10.8313437,0 C10.6767187,0 10.5428125,0.0576264237 10.429875,0.172974943 C10.3168438,0.288259681 10.26025,0.42484738 10.26025,0.58267426 C10.26025,0.740501139 10.3168438,0.877120729 10.429875,0.992469248 L12.0000938,2.59491116 L6.183,8.53138952 C6.1234375,8.59207745 6.09375,8.661918 6.09375,8.74068793 C6.09375,8.81974487 6.12353125,8.88955353 6.183,8.95024146 L7.200125,9.98809112 C7.25959375,10.048779 7.32803125,10.0790433 7.40534375,10.0790433 C7.48265625,10.0790433 7.551125,10.0488109 7.6105625,9.98809112 L13.4276875,4.05170843 L14.9980313,5.65415034 C15.1109687,5.76949886 15.2448438,5.82718907 15.3995,5.82718907 C15.5541562,5.82718907 15.6880312,5.76949886 15.8010937,5.65415034 C15.914125,5.53883371 15.9705937,5.4022779 15.9705937,5.24445103 L15.9705937,0.58267426 C15.9705625,0.424751708 15.9139063,0.288259681 15.8009687,0.172974943 Z"
-                                      id="external-link-outline-arrow"
-                                    />
-                                  </g>
-                                </g>
-                              </g>
-                            </svg>
-                          </ExternalLinkIcon>
-                        </span>
-                      </a>
-                    </Link>
-                  </VirtualHearingLink>
+                  <span>
+                    N/A
+                  </span>
                   <div
                     data-css-1abghdv=""
                   >
                     <strong>
                       Conference Room: 
                     </strong>
-                    BVA0000009@care.evn.va.gov
+                    N/A
                   </div>
                   <div
                     data-css-6aejb2=""
@@ -939,14 +473,14 @@ exports[`VirtualHearingFields Shows hearing details with virtualHearing 1`] = `
                     <strong>
                       PIN: 
                     </strong>
-                    2684353125#
+                    N/A
                   </div>
                   <CopyTextButton
                     ariaLabel="Copy Guest Link"
                     label=""
                     styling={Object {}}
                     text="Copy Guest Link"
-                    textToCopy="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                    textToCopy={null}
                   >
                     <Tooltip
                       id="tooltip-Copy Guest Link"
@@ -961,17 +495,18 @@ exports[`VirtualHearingFields Shows hearing details with virtualHearing 1`] = `
                         data-for="tooltip-Copy Guest Link"
                         data-tip={true}
                         tabIndex={0}
-                        text="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                        text="Copy Guest Link"
                       >
                         <button
                           aria-describedby="tooltip-Copy Guest Link"
                           aria-label=""
                           className="cf-apppeal-id"
-                          data-css-cjlnsd=""
+                          data-css-p6dv0b=""
                           data-event="focus mouseenter"
                           data-event-off="mouseleave keydown"
                           data-for="tooltip-Copy Guest Link"
                           data-tip={true}
+                          disabled={true}
                           onClick={[Function]}
                           tabIndex={0}
                           type="submit"
@@ -1110,7 +645,6 @@ exports[`VirtualHearingFields Shows hearing details with virtualHearing 1`] = `
                 </VirtualHearingLinkDetails>
               </div>
             </LinkContainer>
-            <div />
           </div>
         </HearingLinks>
       </div>
@@ -1119,7 +653,7 @@ exports[`VirtualHearingFields Shows hearing details with virtualHearing 1`] = `
 </VirtualHearingFields>
 `;
 
-exports[`VirtualHearingFields Shows only hearing links with no virtualHearing 1`] = `
+exports[`VirtualHearingFields Renders pexip conference when conference provider is pexip 1`] = `
 <VirtualHearingFields
   hearing={
     Object {
@@ -1142,6 +676,7 @@ exports[`VirtualHearingFields Shows only hearing links with no virtualHearing 1`
       "centralOfficeTimeString": "03:30",
       "claimantId": 4,
       "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
       "currentIssueCount": 1,
       "disposition": null,
       "dispositionEditable": true,
@@ -1177,6 +712,7 @@ exports[`VirtualHearingFields Shows only hearing links with no virtualHearing 1`
         "fullName": "Aaron Judge_HearingsAndCases Abshire",
         "id": 3,
         "lastLoginAt": null,
+        "meetingType": "pexip",
         "roles": Object {},
         "selectedRegionalOffice": null,
         "stationId": "101",
@@ -1220,6 +756,7 @@ exports[`VirtualHearingFields Shows only hearing links with no virtualHearing 1`
         "appellantEmail": "Bob.Smith@test.com",
         "appellantTz": "America/Denver",
         "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
         "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
         "guestPin": "2684353125#",
         "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -1238,9 +775,29 @@ exports[`VirtualHearingFields Shows only hearing links with no virtualHearing 1`
     }
   }
   update={[MockFunction]}
+  virtualHearing={
+    Object {
+      "aliasWithHost": "BVA0000009@care.evn.va.gov",
+      "appellantEmail": "Bob.Smith@test.com",
+      "appellantTz": "America/Denver",
+      "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
+      "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+      "guestPin": "2684353125#",
+      "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+      "hostPin": "8600030#",
+      "jobCompleted": true,
+      "representativeEmail": "tom.brady@caseflow.gov",
+      "representativeTz": "America/Los_Angeles",
+      "requestCancelled": false,
+      "scheduledInTimezone": "America/Chicago",
+      "scheduledTimeString": "03:30",
+      "status": "active",
+    }
+  }
 >
   <ContentSection
-    header="Virtual Hearing Links"
+    header="Hearing Links"
   >
     <div
       className="cf-app-segment"
@@ -1248,11 +805,19 @@ exports[`VirtualHearingFields Shows only hearing links with no virtualHearing 1`
       <h2
         data-css-3rhuy2=""
       >
-        Virtual Hearing Links
+        Hearing Links
       </h2>
       <div
         data-css-1571z6o=""
       >
+        <div
+          data-css-tx10g=""
+        >
+          <strong>
+            Pexip
+             Hearing
+          </strong>
+        </div>
         <HearingLinks
           hearing={
             Object {
@@ -1275,6 +840,7 @@ exports[`VirtualHearingFields Shows only hearing links with no virtualHearing 1`
               "centralOfficeTimeString": "03:30",
               "claimantId": 4,
               "closestRegionalOffice": null,
+              "conferenceProvider": "pexip",
               "currentIssueCount": 1,
               "disposition": null,
               "dispositionEditable": true,
@@ -1310,6 +876,7 @@ exports[`VirtualHearingFields Shows only hearing links with no virtualHearing 1`
                 "fullName": "Aaron Judge_HearingsAndCases Abshire",
                 "id": 3,
                 "lastLoginAt": null,
+                "meetingType": "pexip",
                 "roles": Object {},
                 "selectedRegionalOffice": null,
                 "stationId": "101",
@@ -1353,6 +920,7 @@ exports[`VirtualHearingFields Shows only hearing links with no virtualHearing 1`
                 "appellantEmail": "Bob.Smith@test.com",
                 "appellantTz": "America/Denver",
                 "clientHost": "care.evn.va.gov",
+                "conferenceProvider": "pexip",
                 "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                 "guestPin": "2684353125#",
                 "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -1370,7 +938,9 @@ exports[`VirtualHearingFields Shows only hearing links with no virtualHearing 1`
               "worksheetIssues": Object {},
             }
           }
+          isCancelled={false}
           isVirtual={true}
+          scheduledForIsPast={false}
           user={
             Object {
               "addressCity": "Washington",
@@ -1380,6 +950,26 @@ exports[`VirtualHearingFields Shows only hearing links with no virtualHearing 1`
               "name": "John Smith",
             }
           }
+          virtualHearing={
+            Object {
+              "aliasWithHost": "BVA0000009@care.evn.va.gov",
+              "appellantEmail": "Bob.Smith@test.com",
+              "appellantTz": "America/Denver",
+              "clientHost": "care.evn.va.gov",
+              "conferenceProvider": "pexip",
+              "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+              "guestPin": "2684353125#",
+              "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+              "hostPin": "8600030#",
+              "jobCompleted": true,
+              "representativeEmail": "tom.brady@caseflow.gov",
+              "representativeTz": "America/Los_Angeles",
+              "requestCancelled": false,
+              "scheduledInTimezone": "America/Chicago",
+              "scheduledTimeString": "03:30",
+              "status": "active",
+            }
+          }
           wasVirtual={false}
         >
           <div
@@ -1408,6 +998,7 @@ exports[`VirtualHearingFields Shows only hearing links with no virtualHearing 1`
                   "centralOfficeTimeString": "03:30",
                   "claimantId": 4,
                   "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
                   "currentIssueCount": 1,
                   "disposition": null,
                   "dispositionEditable": true,
@@ -1443,6 +1034,7 @@ exports[`VirtualHearingFields Shows only hearing links with no virtualHearing 1`
                     "fullName": "Aaron Judge_HearingsAndCases Abshire",
                     "id": 3,
                     "lastLoginAt": null,
+                    "meetingType": "pexip",
                     "roles": Object {},
                     "selectedRegionalOffice": null,
                     "stationId": "101",
@@ -1486,6 +1078,7 @@ exports[`VirtualHearingFields Shows only hearing links with no virtualHearing 1`
                     "appellantEmail": "Bob.Smith@test.com",
                     "appellantTz": "America/Denver",
                     "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
                     "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
                     "guestPin": "2684353125#",
                     "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
@@ -1505,7 +1098,28 @@ exports[`VirtualHearingFields Shows only hearing links with no virtualHearing 1`
               }
               isVirtual={true}
               label="Guest Link"
-              linkText="Join Virtual Hearing"
+              link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+              linkText="Join Hearing"
+              links={
+                Object {
+                  "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                  "appellantEmail": "Bob.Smith@test.com",
+                  "appellantTz": "America/Denver",
+                  "clientHost": "care.evn.va.gov",
+                  "conferenceProvider": "pexip",
+                  "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                  "guestPin": "2684353125#",
+                  "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                  "hostPin": "8600030#",
+                  "jobCompleted": true,
+                  "representativeEmail": "tom.brady@caseflow.gov",
+                  "representativeTz": "America/Los_Angeles",
+                  "requestCancelled": false,
+                  "scheduledInTimezone": "America/Chicago",
+                  "scheduledTimeString": "03:30",
+                  "status": "active",
+                }
+              }
               role="Guest"
               user={
                 Object {
@@ -1516,6 +1130,26 @@ exports[`VirtualHearingFields Shows only hearing links with no virtualHearing 1`
                   "name": "John Smith",
                 }
               }
+              virtualHearing={
+                Object {
+                  "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                  "appellantEmail": "Bob.Smith@test.com",
+                  "appellantTz": "America/Denver",
+                  "clientHost": "care.evn.va.gov",
+                  "conferenceProvider": "pexip",
+                  "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                  "guestPin": "2684353125#",
+                  "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                  "hostPin": "8600030#",
+                  "jobCompleted": true,
+                  "representativeEmail": "tom.brady@caseflow.gov",
+                  "representativeTz": "America/Los_Angeles",
+                  "requestCancelled": false,
+                  "scheduledInTimezone": "America/Chicago",
+                  "scheduledTimeString": "03:30",
+                  "status": "active",
+                }
+              }
               wasVirtual={false}
             >
               <div
@@ -1526,14 +1160,3765 @@ exports[`VirtualHearingFields Shows only hearing links with no virtualHearing 1`
                   Guest Link
                   : 
                 </strong>
-                <span
-                  data-css-1mdtwij=""
-                >
-                  Scheduling in progress
-                </span>
+                <VirtualHearingLinkDetails
+                  aliasWithHost="BVA0000009@care.evn.va.gov"
+                  hearing={
+                    Object {
+                      "advanceOnDocketMotion": null,
+                      "aod": false,
+                      "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
+                      "appealId": 4,
+                      "appellantAddressLine1": "9999 MISSION ST",
+                      "appellantCity": "SAN FRANCISCO",
+                      "appellantEmailAddress": "tom.brady@caseflow.gov",
+                      "appellantFirstName": "Bob",
+                      "appellantIsNotVeteran": false,
+                      "appellantLastName": "Smith",
+                      "appellantState": "CA",
+                      "appellantTz": "America/Los_Angeles",
+                      "appellantZip": "94103",
+                      "availableHearingLocations": Object {},
+                      "bvaPoc": null,
+                      "caseType": "Original",
+                      "centralOfficeTimeString": "03:30",
+                      "claimantId": 4,
+                      "closestRegionalOffice": null,
+                      "conferenceProvider": "pexip",
+                      "currentIssueCount": 1,
+                      "disposition": null,
+                      "dispositionEditable": true,
+                      "docketName": "hearing",
+                      "docketNumber": "200628-4",
+                      "emailEvents": Array [
+                        Object {
+                          "emailAddress": "tom.brady@caseflow.gov",
+                          "emailType": "confirmation",
+                          "sentAt": "2020-06-29T14:55:12.620-04:00",
+                          "sentBy": "BVASYELLOW",
+                          "sentTo": "POA/Representative Email",
+                        },
+                        Object {
+                          "emailAddress": "Bob.Smith@test.com",
+                          "emailType": "confirmation",
+                          "sentAt": "2020-06-29T14:55:12.501-04:00",
+                          "sentBy": "BVASYELLOW",
+                          "sentTo": "Appellant Email",
+                        },
+                      ],
+                      "evidenceWindowWaived": false,
+                      "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                      "hearingDayId": 4,
+                      "id": 4,
+                      "isVirtual": true,
+                      "judge": Object {
+                        "createdAt": "2020-06-25T11:00:43.257-04:00",
+                        "cssId": "BVAAABSHIRE",
+                        "displayName": "BVAAABSHIRE (VACO)",
+                        "efolderDocumentsFetchedAt": null,
+                        "email": null,
+                        "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                        "id": 3,
+                        "lastLoginAt": null,
+                        "meetingType": "pexip",
+                        "roles": Object {},
+                        "selectedRegionalOffice": null,
+                        "stationId": "101",
+                        "status": "active",
+                        "statusUpdatedAt": null,
+                        "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                      },
+                      "judgeId": 3,
+                      "location": null,
+                      "militaryService": "",
+                      "notes": null,
+                      "paperCase": false,
+                      "poaName": "AMERICAN LEGION",
+                      "prepped": null,
+                      "readableLocation": "Washington, DC",
+                      "readableRequestType": "Central",
+                      "regionalOfficeKey": "C",
+                      "regionalOfficeName": "Central",
+                      "regionalOfficeTimezone": "America/New_York",
+                      "representative": "Clarence Darrow",
+                      "representativeEmailAddress": "tom.brady@caseflow.gov",
+                      "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
+                      "representativeTz": "America/Denver",
+                      "room": "2",
+                      "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                      "scheduledForIsPast": false,
+                      "scheduledTime": "2000-01-01T03:30:00.000-05:00",
+                      "scheduledTimeString": "03:30",
+                      "summary": null,
+                      "transcriptRequested": null,
+                      "transcription": Object {},
+                      "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                      "veteranAge": 85,
+                      "veteranEmailAddress": "Bob.Smith@test.com",
+                      "veteranFileNumber": "500000003",
+                      "veteranFirstName": "Bob",
+                      "veteranGender": "M",
+                      "veteranLastName": "Smith",
+                      "virtualHearing": Object {
+                        "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                        "appellantEmail": "Bob.Smith@test.com",
+                        "appellantTz": "America/Denver",
+                        "clientHost": "care.evn.va.gov",
+                        "conferenceProvider": "pexip",
+                        "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                        "guestPin": "2684353125#",
+                        "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                        "hostPin": "8600030#",
+                        "jobCompleted": true,
+                        "representativeEmail": "tom.brady@caseflow.gov",
+                        "representativeTz": "America/Los_Angeles",
+                        "requestCancelled": false,
+                        "scheduledInTimezone": "America/Chicago",
+                        "scheduledTimeString": "03:30",
+                        "status": "active",
+                      },
+                      "wasVirtual": false,
+                      "witness": null,
+                      "worksheetIssues": Object {},
+                    }
+                  }
+                  isVirtual={true}
+                  label="Join Hearing"
+                  link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                  pin="2684353125#"
+                  role="Guest"
+                  user={
+                    Object {
+                      "addressCity": "Washington",
+                      "addressLine1": "123 Fake St.",
+                      "addressState": "DC",
+                      "addressZip": "20001",
+                      "name": "John Smith",
+                    }
+                  }
+                  virtualHearing={
+                    Object {
+                      "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                      "appellantEmail": "Bob.Smith@test.com",
+                      "appellantTz": "America/Denver",
+                      "clientHost": "care.evn.va.gov",
+                      "conferenceProvider": "pexip",
+                      "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                      "guestPin": "2684353125#",
+                      "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                      "hostPin": "8600030#",
+                      "jobCompleted": true,
+                      "representativeEmail": "tom.brady@caseflow.gov",
+                      "representativeTz": "America/Los_Angeles",
+                      "requestCancelled": false,
+                      "scheduledInTimezone": "America/Chicago",
+                      "scheduledTimeString": "03:30",
+                      "status": "active",
+                    }
+                  }
+                  wasVirtual={false}
+                >
+                  <VirtualHearingLink
+                    hearing={
+                      Object {
+                        "advanceOnDocketMotion": null,
+                        "aod": false,
+                        "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
+                        "appealId": 4,
+                        "appellantAddressLine1": "9999 MISSION ST",
+                        "appellantCity": "SAN FRANCISCO",
+                        "appellantEmailAddress": "tom.brady@caseflow.gov",
+                        "appellantFirstName": "Bob",
+                        "appellantIsNotVeteran": false,
+                        "appellantLastName": "Smith",
+                        "appellantState": "CA",
+                        "appellantTz": "America/Los_Angeles",
+                        "appellantZip": "94103",
+                        "availableHearingLocations": Object {},
+                        "bvaPoc": null,
+                        "caseType": "Original",
+                        "centralOfficeTimeString": "03:30",
+                        "claimantId": 4,
+                        "closestRegionalOffice": null,
+                        "conferenceProvider": "pexip",
+                        "currentIssueCount": 1,
+                        "disposition": null,
+                        "dispositionEditable": true,
+                        "docketName": "hearing",
+                        "docketNumber": "200628-4",
+                        "emailEvents": Array [
+                          Object {
+                            "emailAddress": "tom.brady@caseflow.gov",
+                            "emailType": "confirmation",
+                            "sentAt": "2020-06-29T14:55:12.620-04:00",
+                            "sentBy": "BVASYELLOW",
+                            "sentTo": "POA/Representative Email",
+                          },
+                          Object {
+                            "emailAddress": "Bob.Smith@test.com",
+                            "emailType": "confirmation",
+                            "sentAt": "2020-06-29T14:55:12.501-04:00",
+                            "sentBy": "BVASYELLOW",
+                            "sentTo": "Appellant Email",
+                          },
+                        ],
+                        "evidenceWindowWaived": false,
+                        "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                        "hearingDayId": 4,
+                        "id": 4,
+                        "isVirtual": true,
+                        "judge": Object {
+                          "createdAt": "2020-06-25T11:00:43.257-04:00",
+                          "cssId": "BVAAABSHIRE",
+                          "displayName": "BVAAABSHIRE (VACO)",
+                          "efolderDocumentsFetchedAt": null,
+                          "email": null,
+                          "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                          "id": 3,
+                          "lastLoginAt": null,
+                          "meetingType": "pexip",
+                          "roles": Object {},
+                          "selectedRegionalOffice": null,
+                          "stationId": "101",
+                          "status": "active",
+                          "statusUpdatedAt": null,
+                          "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                        },
+                        "judgeId": 3,
+                        "location": null,
+                        "militaryService": "",
+                        "notes": null,
+                        "paperCase": false,
+                        "poaName": "AMERICAN LEGION",
+                        "prepped": null,
+                        "readableLocation": "Washington, DC",
+                        "readableRequestType": "Central",
+                        "regionalOfficeKey": "C",
+                        "regionalOfficeName": "Central",
+                        "regionalOfficeTimezone": "America/New_York",
+                        "representative": "Clarence Darrow",
+                        "representativeEmailAddress": "tom.brady@caseflow.gov",
+                        "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
+                        "representativeTz": "America/Denver",
+                        "room": "2",
+                        "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                        "scheduledForIsPast": false,
+                        "scheduledTime": "2000-01-01T03:30:00.000-05:00",
+                        "scheduledTimeString": "03:30",
+                        "summary": null,
+                        "transcriptRequested": null,
+                        "transcription": Object {},
+                        "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                        "veteranAge": 85,
+                        "veteranEmailAddress": "Bob.Smith@test.com",
+                        "veteranFileNumber": "500000003",
+                        "veteranFirstName": "Bob",
+                        "veteranGender": "M",
+                        "veteranLastName": "Smith",
+                        "virtualHearing": Object {
+                          "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                          "appellantEmail": "Bob.Smith@test.com",
+                          "appellantTz": "America/Denver",
+                          "clientHost": "care.evn.va.gov",
+                          "conferenceProvider": "pexip",
+                          "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                          "guestPin": "2684353125#",
+                          "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                          "hostPin": "8600030#",
+                          "jobCompleted": true,
+                          "representativeEmail": "tom.brady@caseflow.gov",
+                          "representativeTz": "America/Los_Angeles",
+                          "requestCancelled": false,
+                          "scheduledInTimezone": "America/Chicago",
+                          "scheduledTimeString": "03:30",
+                          "status": "active",
+                        },
+                        "wasVirtual": false,
+                        "witness": null,
+                        "worksheetIssues": Object {},
+                      }
+                    }
+                    isVirtual={true}
+                    label="Join Hearing"
+                    link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                    newWindow={true}
+                    showFullLink={false}
+                    user={
+                      Object {
+                        "addressCity": "Washington",
+                        "addressLine1": "123 Fake St.",
+                        "addressState": "DC",
+                        "addressZip": "20001",
+                        "name": "John Smith",
+                      }
+                    }
+                    virtualHearing={
+                      Object {
+                        "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                        "appellantEmail": "Bob.Smith@test.com",
+                        "appellantTz": "America/Denver",
+                        "clientHost": "care.evn.va.gov",
+                        "conferenceProvider": "pexip",
+                        "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                        "guestPin": "2684353125#",
+                        "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                        "hostPin": "8600030#",
+                        "jobCompleted": true,
+                        "representativeEmail": "tom.brady@caseflow.gov",
+                        "representativeTz": "America/Los_Angeles",
+                        "requestCancelled": false,
+                        "scheduledInTimezone": "America/Chicago",
+                        "scheduledTimeString": "03:30",
+                        "status": "active",
+                      }
+                    }
+                  >
+                    <Link
+                      href="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                      target="_blank"
+                    >
+                      <a
+                        href="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                        target="_blank"
+                        type={null}
+                      >
+                        <strong>
+                          Join Hearing
+                        </strong>
+                        <span
+                          data-css-32srrr=""
+                        >
+                           
+                          <ExternalLinkIcon
+                            className=""
+                            color="#757575"
+                            size={20}
+                          >
+                            <svg
+                              className=""
+                              height={20}
+                              version="1.1"
+                              viewBox="0 0 18 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <g
+                                fill="none"
+                                fillRule="evenodd"
+                                stroke="none"
+                                strokeWidth="1"
+                              >
+                                <g
+                                  fill="#757575"
+                                  fillRule="nonzero"
+                                >
+                                  <g
+                                    transform="translate(1.000000, 1.000000)"
+                                  >
+                                    <path
+                                      d="M12.2767813,8.17242825 L11.7057188,8.17242825 C11.6223125,8.17242825 11.553875,8.19969476 11.500625,8.25448292 C11.4469375,8.30895216 11.4202188,8.37876082 11.4202188,8.46378132 L11.4202188,11.377344 C11.4202188,11.7779863 11.2805313,12.1208747 11.001,12.4062005 C10.7214688,12.6914624 10.3853438,12.8339818 9.99275,12.8339818 L2.5695,12.8339818 C2.1769375,12.8339818 1.84084375,12.6914624 1.56125,12.4062005 C1.28171875,12.1209066 1.14196875,11.7780182 1.14196875,11.377344 L1.14196875,3.80200456 C1.14196875,3.40139408 1.2816875,3.05853759 1.56125,2.77324374 C1.84084375,2.487918 2.1769375,2.34533485 2.5695,2.34533485 L8.8505625,2.34533485 C8.93396875,2.34533485 9.00240625,2.31794077 9.055875,2.26337585 C9.10934375,2.20874715 9.1360625,2.13900228 9.1360625,2.05394989 L9.1360625,1.47114806 C9.1360625,1.38625513 9.10934375,1.31638269 9.055875,1.26184966 C9.00240625,1.20722096 8.93396875,1.17995444 8.8505625,1.17995444 L2.5695,1.17995444 C1.86175,1.17995444 1.2565,1.43641913 0.7538125,1.94931663 C0.2513125,2.46218223 0,3.07984055 0,3.80210023 L0,11.3774715 C0,12.0996993 0.2513125,12.7174533 0.75384375,13.2301595 C1.25653125,13.7430888 1.86178125,13.9996811 2.56953125,13.9996811 L9.99275,13.9996811 C10.7004688,13.9996811 11.3057813,13.7430888 11.8084063,13.2301595 C12.3110625,12.7174533 12.562375,12.0997312 12.562375,11.3774715 L12.562375,8.46400456 C12.562375,8.37888838 12.535625,8.30904784 12.4819375,8.25448292 C12.4284063,8.19969476 12.3599688,8.17242825 12.2767813,8.17242825 Z"
+                                      id="external-link-outline-box"
+                                    />
+                                    <path
+                                      d="M15.8009687,0.172974943 C15.6879375,0.0576264237 15.5539375,0 15.3994062,0 L10.8313437,0 C10.6767187,0 10.5428125,0.0576264237 10.429875,0.172974943 C10.3168438,0.288259681 10.26025,0.42484738 10.26025,0.58267426 C10.26025,0.740501139 10.3168438,0.877120729 10.429875,0.992469248 L12.0000938,2.59491116 L6.183,8.53138952 C6.1234375,8.59207745 6.09375,8.661918 6.09375,8.74068793 C6.09375,8.81974487 6.12353125,8.88955353 6.183,8.95024146 L7.200125,9.98809112 C7.25959375,10.048779 7.32803125,10.0790433 7.40534375,10.0790433 C7.48265625,10.0790433 7.551125,10.0488109 7.6105625,9.98809112 L13.4276875,4.05170843 L14.9980313,5.65415034 C15.1109687,5.76949886 15.2448438,5.82718907 15.3995,5.82718907 C15.5541562,5.82718907 15.6880312,5.76949886 15.8010937,5.65415034 C15.914125,5.53883371 15.9705937,5.4022779 15.9705937,5.24445103 L15.9705937,0.58267426 C15.9705625,0.424751708 15.9139063,0.288259681 15.8009687,0.172974943 Z"
+                                      id="external-link-outline-arrow"
+                                    />
+                                  </g>
+                                </g>
+                              </g>
+                            </svg>
+                          </ExternalLinkIcon>
+                        </span>
+                      </a>
+                    </Link>
+                  </VirtualHearingLink>
+                  <div
+                    data-css-1abghdv=""
+                  >
+                    <strong>
+                      Conference Room: 
+                    </strong>
+                    BVA0000009@care.evn.va.gov
+                  </div>
+                  <div
+                    data-css-6aejb2=""
+                  >
+                    <strong>
+                      PIN: 
+                    </strong>
+                    2684353125#
+                  </div>
+                  <CopyTextButton
+                    ariaLabel="Copy Guest Link"
+                    label=""
+                    styling={Object {}}
+                    text="Copy Guest Link"
+                    textToCopy="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                  >
+                    <Tooltip
+                      id="tooltip-Copy Guest Link"
+                      position="bottom"
+                      text="Click to copy"
+                    >
+                      <CopyToClipboard
+                        aria-describedby="tooltip-Copy Guest Link"
+                        aria-label=""
+                        data-event="focus mouseenter"
+                        data-event-off="mouseleave keydown"
+                        data-for="tooltip-Copy Guest Link"
+                        data-tip={true}
+                        tabIndex={0}
+                        text="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                      >
+                        <button
+                          aria-describedby="tooltip-Copy Guest Link"
+                          aria-label=""
+                          className="cf-apppeal-id"
+                          data-css-p6dv0b=""
+                          data-event="focus mouseenter"
+                          data-event-off="mouseleave keydown"
+                          data-for="tooltip-Copy Guest Link"
+                          data-tip={true}
+                          disabled={false}
+                          onClick={[Function]}
+                          tabIndex={0}
+                          type="submit"
+                        >
+                          Copy Guest Link
+                           
+                          <ClipboardIcon
+                            className=""
+                            color="#5b616b"
+                            size={17}
+                          >
+                            <svg
+                              className=""
+                              height={17}
+                              viewBox="0 0 21 21"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                                fill="#5b616b"
+                                fillRule="evenodd"
+                              />
+                            </svg>
+                          </ClipboardIcon>
+                        </button>
+                      </CopyToClipboard>
+                      <span
+                        data-css-1qgqh7a=""
+                      >
+                        <ReactTooltip
+                          className="cf-tooltip"
+                          clickable={false}
+                          effect="solid"
+                          id="tooltip-Copy Guest Link"
+                          insecure={true}
+                          multiline={true}
+                          offset={Object {}}
+                          place="bottom"
+                          resizeHide={true}
+                          role="tooltip"
+                          wrapper="div"
+                        >
+                          <div
+                            className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                            data-id="tooltip"
+                            id="tooltip-Copy Guest Link"
+                            role="tooltip"
+                          >
+                            <style
+                              dangerouslySetInnerHTML={
+                                Object {
+                                  "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                                }
+                              }
+                            />
+                            Click to copy
+                          </div>
+                        </ReactTooltip>
+                      </span>
+                    </Tooltip>
+                  </CopyTextButton>
+                </VirtualHearingLinkDetails>
+              </div>
+            </LinkContainer>
+          </div>
+        </HearingLinks>
+      </div>
+    </div>
+  </ContentSection>
+</VirtualHearingFields>
+`;
+
+exports[`VirtualHearingFields Renders webex conference when conference provider is webex 1`] = `
+<VirtualHearingFields
+  hearing={
+    Object {
+      "advanceOnDocketMotion": null,
+      "aod": false,
+      "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
+      "appealId": 4,
+      "appellantAddressLine1": "9999 MISSION ST",
+      "appellantCity": "SAN FRANCISCO",
+      "appellantEmailAddress": "tom.brady@caseflow.gov",
+      "appellantFirstName": "Bob",
+      "appellantIsNotVeteran": false,
+      "appellantLastName": "Smith",
+      "appellantState": "CA",
+      "appellantTz": "America/Los_Angeles",
+      "appellantZip": "94103",
+      "availableHearingLocations": Object {},
+      "bvaPoc": null,
+      "caseType": "Original",
+      "centralOfficeTimeString": "03:30",
+      "claimantId": 4,
+      "closestRegionalOffice": null,
+      "conferenceProvider": "webex",
+      "currentIssueCount": 1,
+      "disposition": null,
+      "dispositionEditable": true,
+      "docketName": "hearing",
+      "docketNumber": "200628-4",
+      "emailEvents": Array [
+        Object {
+          "emailAddress": "tom.brady@caseflow.gov",
+          "emailType": "confirmation",
+          "sentAt": "2020-06-29T14:55:12.620-04:00",
+          "sentBy": "BVASYELLOW",
+          "sentTo": "POA/Representative Email",
+        },
+        Object {
+          "emailAddress": "Bob.Smith@test.com",
+          "emailType": "confirmation",
+          "sentAt": "2020-06-29T14:55:12.501-04:00",
+          "sentBy": "BVASYELLOW",
+          "sentTo": "Appellant Email",
+        },
+      ],
+      "evidenceWindowWaived": false,
+      "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+      "hearingDayId": 4,
+      "id": 4,
+      "isVirtual": true,
+      "judge": Object {
+        "createdAt": "2020-06-25T11:00:43.257-04:00",
+        "cssId": "BVAAABSHIRE",
+        "displayName": "BVAAABSHIRE (VACO)",
+        "efolderDocumentsFetchedAt": null,
+        "email": null,
+        "fullName": "Aaron Judge_HearingsAndCases Abshire",
+        "id": 3,
+        "lastLoginAt": null,
+        "meetingType": "pexip",
+        "roles": Object {},
+        "selectedRegionalOffice": null,
+        "stationId": "101",
+        "status": "active",
+        "statusUpdatedAt": null,
+        "updatedAt": "2020-06-25T11:00:43.257-04:00",
+      },
+      "judgeId": 3,
+      "location": null,
+      "militaryService": "",
+      "notes": null,
+      "paperCase": false,
+      "poaName": "AMERICAN LEGION",
+      "prepped": null,
+      "readableLocation": "Washington, DC",
+      "readableRequestType": "Central",
+      "regionalOfficeKey": "C",
+      "regionalOfficeName": "Central",
+      "regionalOfficeTimezone": "America/New_York",
+      "representative": "Clarence Darrow",
+      "representativeEmailAddress": "tom.brady@caseflow.gov",
+      "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
+      "representativeTz": "America/Denver",
+      "room": "2",
+      "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+      "scheduledForIsPast": false,
+      "scheduledTime": "2000-01-01T03:30:00.000-05:00",
+      "scheduledTimeString": "03:30",
+      "summary": null,
+      "transcriptRequested": null,
+      "transcription": Object {},
+      "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+      "veteranAge": 85,
+      "veteranEmailAddress": "Bob.Smith@test.com",
+      "veteranFileNumber": "500000003",
+      "veteranFirstName": "Bob",
+      "veteranGender": "M",
+      "veteranLastName": "Smith",
+      "virtualHearing": Object {
+        "aliasWithHost": "BVA0000009@care.evn.va.gov",
+        "appellantEmail": "Bob.Smith@test.com",
+        "appellantTz": "America/Denver",
+        "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
+        "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+        "guestPin": "2684353125#",
+        "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+        "hostPin": "8600030#",
+        "jobCompleted": true,
+        "representativeEmail": "tom.brady@caseflow.gov",
+        "representativeTz": "America/Los_Angeles",
+        "requestCancelled": false,
+        "scheduledInTimezone": "America/Chicago",
+        "scheduledTimeString": "03:30",
+        "status": "active",
+      },
+      "wasVirtual": false,
+      "witness": null,
+      "worksheetIssues": Object {},
+    }
+  }
+  update={[MockFunction]}
+  virtualHearing={
+    Object {
+      "aliasWithHost": "BVA0000009@care.evn.va.gov",
+      "appellantEmail": "Bob.Smith@test.com",
+      "appellantTz": "America/Denver",
+      "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "webex",
+      "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+      "guestPin": "2684353125#",
+      "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+      "hostPin": "8600030#",
+      "jobCompleted": true,
+      "representativeEmail": "tom.brady@caseflow.gov",
+      "representativeTz": "America/Los_Angeles",
+      "requestCancelled": false,
+      "scheduledInTimezone": "America/Chicago",
+      "scheduledTimeString": "03:30",
+      "status": "active",
+    }
+  }
+>
+  <ContentSection
+    header="Hearing Links"
+  >
+    <div
+      className="cf-app-segment"
+    >
+      <h2
+        data-css-3rhuy2=""
+      >
+        Hearing Links
+      </h2>
+      <div
+        data-css-1571z6o=""
+      >
+        <div
+          data-css-tx10g=""
+        >
+          <strong>
+            Webex
+             Hearing
+          </strong>
+        </div>
+        <HearingLinks
+          hearing={
+            Object {
+              "advanceOnDocketMotion": null,
+              "aod": false,
+              "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
+              "appealId": 4,
+              "appellantAddressLine1": "9999 MISSION ST",
+              "appellantCity": "SAN FRANCISCO",
+              "appellantEmailAddress": "tom.brady@caseflow.gov",
+              "appellantFirstName": "Bob",
+              "appellantIsNotVeteran": false,
+              "appellantLastName": "Smith",
+              "appellantState": "CA",
+              "appellantTz": "America/Los_Angeles",
+              "appellantZip": "94103",
+              "availableHearingLocations": Object {},
+              "bvaPoc": null,
+              "caseType": "Original",
+              "centralOfficeTimeString": "03:30",
+              "claimantId": 4,
+              "closestRegionalOffice": null,
+              "conferenceProvider": "webex",
+              "currentIssueCount": 1,
+              "disposition": null,
+              "dispositionEditable": true,
+              "docketName": "hearing",
+              "docketNumber": "200628-4",
+              "emailEvents": Array [
+                Object {
+                  "emailAddress": "tom.brady@caseflow.gov",
+                  "emailType": "confirmation",
+                  "sentAt": "2020-06-29T14:55:12.620-04:00",
+                  "sentBy": "BVASYELLOW",
+                  "sentTo": "POA/Representative Email",
+                },
+                Object {
+                  "emailAddress": "Bob.Smith@test.com",
+                  "emailType": "confirmation",
+                  "sentAt": "2020-06-29T14:55:12.501-04:00",
+                  "sentBy": "BVASYELLOW",
+                  "sentTo": "Appellant Email",
+                },
+              ],
+              "evidenceWindowWaived": false,
+              "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+              "hearingDayId": 4,
+              "id": 4,
+              "isVirtual": true,
+              "judge": Object {
+                "createdAt": "2020-06-25T11:00:43.257-04:00",
+                "cssId": "BVAAABSHIRE",
+                "displayName": "BVAAABSHIRE (VACO)",
+                "efolderDocumentsFetchedAt": null,
+                "email": null,
+                "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                "id": 3,
+                "lastLoginAt": null,
+                "meetingType": "pexip",
+                "roles": Object {},
+                "selectedRegionalOffice": null,
+                "stationId": "101",
+                "status": "active",
+                "statusUpdatedAt": null,
+                "updatedAt": "2020-06-25T11:00:43.257-04:00",
+              },
+              "judgeId": 3,
+              "location": null,
+              "militaryService": "",
+              "notes": null,
+              "paperCase": false,
+              "poaName": "AMERICAN LEGION",
+              "prepped": null,
+              "readableLocation": "Washington, DC",
+              "readableRequestType": "Central",
+              "regionalOfficeKey": "C",
+              "regionalOfficeName": "Central",
+              "regionalOfficeTimezone": "America/New_York",
+              "representative": "Clarence Darrow",
+              "representativeEmailAddress": "tom.brady@caseflow.gov",
+              "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
+              "representativeTz": "America/Denver",
+              "room": "2",
+              "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+              "scheduledForIsPast": false,
+              "scheduledTime": "2000-01-01T03:30:00.000-05:00",
+              "scheduledTimeString": "03:30",
+              "summary": null,
+              "transcriptRequested": null,
+              "transcription": Object {},
+              "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+              "veteranAge": 85,
+              "veteranEmailAddress": "Bob.Smith@test.com",
+              "veteranFileNumber": "500000003",
+              "veteranFirstName": "Bob",
+              "veteranGender": "M",
+              "veteranLastName": "Smith",
+              "virtualHearing": Object {
+                "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                "appellantEmail": "Bob.Smith@test.com",
+                "appellantTz": "America/Denver",
+                "clientHost": "care.evn.va.gov",
+                "conferenceProvider": "pexip",
+                "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                "guestPin": "2684353125#",
+                "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                "hostPin": "8600030#",
+                "jobCompleted": true,
+                "representativeEmail": "tom.brady@caseflow.gov",
+                "representativeTz": "America/Los_Angeles",
+                "requestCancelled": false,
+                "scheduledInTimezone": "America/Chicago",
+                "scheduledTimeString": "03:30",
+                "status": "active",
+              },
+              "wasVirtual": false,
+              "witness": null,
+              "worksheetIssues": Object {},
+            }
+          }
+          isCancelled={false}
+          isVirtual={true}
+          scheduledForIsPast={false}
+          user={
+            Object {
+              "addressCity": "Washington",
+              "addressLine1": "123 Fake St.",
+              "addressState": "DC",
+              "addressZip": "20001",
+              "name": "John Smith",
+            }
+          }
+          virtualHearing={
+            Object {
+              "aliasWithHost": "BVA0000009@care.evn.va.gov",
+              "appellantEmail": "Bob.Smith@test.com",
+              "appellantTz": "America/Denver",
+              "clientHost": "care.evn.va.gov",
+              "conferenceProvider": "webex",
+              "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+              "guestPin": "2684353125#",
+              "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+              "hostPin": "8600030#",
+              "jobCompleted": true,
+              "representativeEmail": "tom.brady@caseflow.gov",
+              "representativeTz": "America/Los_Angeles",
+              "requestCancelled": false,
+              "scheduledInTimezone": "America/Chicago",
+              "scheduledTimeString": "03:30",
+              "status": "active",
+            }
+          }
+          wasVirtual={false}
+        >
+          <div
+            data-css-19plkw7=""
+            data-css-1fmltfu=""
+          >
+            <LinkContainer
+              hearing={
+                Object {
+                  "advanceOnDocketMotion": null,
+                  "aod": false,
+                  "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
+                  "appealId": 4,
+                  "appellantAddressLine1": "9999 MISSION ST",
+                  "appellantCity": "SAN FRANCISCO",
+                  "appellantEmailAddress": "tom.brady@caseflow.gov",
+                  "appellantFirstName": "Bob",
+                  "appellantIsNotVeteran": false,
+                  "appellantLastName": "Smith",
+                  "appellantState": "CA",
+                  "appellantTz": "America/Los_Angeles",
+                  "appellantZip": "94103",
+                  "availableHearingLocations": Object {},
+                  "bvaPoc": null,
+                  "caseType": "Original",
+                  "centralOfficeTimeString": "03:30",
+                  "claimantId": 4,
+                  "closestRegionalOffice": null,
+                  "conferenceProvider": "webex",
+                  "currentIssueCount": 1,
+                  "disposition": null,
+                  "dispositionEditable": true,
+                  "docketName": "hearing",
+                  "docketNumber": "200628-4",
+                  "emailEvents": Array [
+                    Object {
+                      "emailAddress": "tom.brady@caseflow.gov",
+                      "emailType": "confirmation",
+                      "sentAt": "2020-06-29T14:55:12.620-04:00",
+                      "sentBy": "BVASYELLOW",
+                      "sentTo": "POA/Representative Email",
+                    },
+                    Object {
+                      "emailAddress": "Bob.Smith@test.com",
+                      "emailType": "confirmation",
+                      "sentAt": "2020-06-29T14:55:12.501-04:00",
+                      "sentBy": "BVASYELLOW",
+                      "sentTo": "Appellant Email",
+                    },
+                  ],
+                  "evidenceWindowWaived": false,
+                  "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                  "hearingDayId": 4,
+                  "id": 4,
+                  "isVirtual": true,
+                  "judge": Object {
+                    "createdAt": "2020-06-25T11:00:43.257-04:00",
+                    "cssId": "BVAAABSHIRE",
+                    "displayName": "BVAAABSHIRE (VACO)",
+                    "efolderDocumentsFetchedAt": null,
+                    "email": null,
+                    "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                    "id": 3,
+                    "lastLoginAt": null,
+                    "meetingType": "pexip",
+                    "roles": Object {},
+                    "selectedRegionalOffice": null,
+                    "stationId": "101",
+                    "status": "active",
+                    "statusUpdatedAt": null,
+                    "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                  },
+                  "judgeId": 3,
+                  "location": null,
+                  "militaryService": "",
+                  "notes": null,
+                  "paperCase": false,
+                  "poaName": "AMERICAN LEGION",
+                  "prepped": null,
+                  "readableLocation": "Washington, DC",
+                  "readableRequestType": "Central",
+                  "regionalOfficeKey": "C",
+                  "regionalOfficeName": "Central",
+                  "regionalOfficeTimezone": "America/New_York",
+                  "representative": "Clarence Darrow",
+                  "representativeEmailAddress": "tom.brady@caseflow.gov",
+                  "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
+                  "representativeTz": "America/Denver",
+                  "room": "2",
+                  "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                  "scheduledForIsPast": false,
+                  "scheduledTime": "2000-01-01T03:30:00.000-05:00",
+                  "scheduledTimeString": "03:30",
+                  "summary": null,
+                  "transcriptRequested": null,
+                  "transcription": Object {},
+                  "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                  "veteranAge": 85,
+                  "veteranEmailAddress": "Bob.Smith@test.com",
+                  "veteranFileNumber": "500000003",
+                  "veteranFirstName": "Bob",
+                  "veteranGender": "M",
+                  "veteranLastName": "Smith",
+                  "virtualHearing": Object {
+                    "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                    "appellantEmail": "Bob.Smith@test.com",
+                    "appellantTz": "America/Denver",
+                    "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
+                    "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                    "guestPin": "2684353125#",
+                    "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                    "hostPin": "8600030#",
+                    "jobCompleted": true,
+                    "representativeEmail": "tom.brady@caseflow.gov",
+                    "representativeTz": "America/Los_Angeles",
+                    "requestCancelled": false,
+                    "scheduledInTimezone": "America/Chicago",
+                    "scheduledTimeString": "03:30",
+                    "status": "active",
+                  },
+                  "wasVirtual": false,
+                  "witness": null,
+                  "worksheetIssues": Object {},
+                }
+              }
+              isVirtual={true}
+              label="Guest Link"
+              link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+              linkText="Join Hearing"
+              links={
+                Object {
+                  "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                  "appellantEmail": "Bob.Smith@test.com",
+                  "appellantTz": "America/Denver",
+                  "clientHost": "care.evn.va.gov",
+                  "conferenceProvider": "webex",
+                  "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                  "guestPin": "2684353125#",
+                  "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                  "hostPin": "8600030#",
+                  "jobCompleted": true,
+                  "representativeEmail": "tom.brady@caseflow.gov",
+                  "representativeTz": "America/Los_Angeles",
+                  "requestCancelled": false,
+                  "scheduledInTimezone": "America/Chicago",
+                  "scheduledTimeString": "03:30",
+                  "status": "active",
+                }
+              }
+              role="Guest"
+              user={
+                Object {
+                  "addressCity": "Washington",
+                  "addressLine1": "123 Fake St.",
+                  "addressState": "DC",
+                  "addressZip": "20001",
+                  "name": "John Smith",
+                }
+              }
+              virtualHearing={
+                Object {
+                  "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                  "appellantEmail": "Bob.Smith@test.com",
+                  "appellantTz": "America/Denver",
+                  "clientHost": "care.evn.va.gov",
+                  "conferenceProvider": "webex",
+                  "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                  "guestPin": "2684353125#",
+                  "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                  "hostPin": "8600030#",
+                  "jobCompleted": true,
+                  "representativeEmail": "tom.brady@caseflow.gov",
+                  "representativeTz": "America/Los_Angeles",
+                  "requestCancelled": false,
+                  "scheduledInTimezone": "America/Chicago",
+                  "scheduledTimeString": "03:30",
+                  "status": "active",
+                }
+              }
+              wasVirtual={false}
+            >
+              <div
+                data-css-tx10g=""
+                id="guest-hearings-link"
+              >
+                <strong>
+                  Guest Link
+                  : 
+                </strong>
+                <VirtualHearingLinkDetails
+                  aliasWithHost="BVA0000009@care.evn.va.gov"
+                  hearing={
+                    Object {
+                      "advanceOnDocketMotion": null,
+                      "aod": false,
+                      "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
+                      "appealId": 4,
+                      "appellantAddressLine1": "9999 MISSION ST",
+                      "appellantCity": "SAN FRANCISCO",
+                      "appellantEmailAddress": "tom.brady@caseflow.gov",
+                      "appellantFirstName": "Bob",
+                      "appellantIsNotVeteran": false,
+                      "appellantLastName": "Smith",
+                      "appellantState": "CA",
+                      "appellantTz": "America/Los_Angeles",
+                      "appellantZip": "94103",
+                      "availableHearingLocations": Object {},
+                      "bvaPoc": null,
+                      "caseType": "Original",
+                      "centralOfficeTimeString": "03:30",
+                      "claimantId": 4,
+                      "closestRegionalOffice": null,
+                      "conferenceProvider": "webex",
+                      "currentIssueCount": 1,
+                      "disposition": null,
+                      "dispositionEditable": true,
+                      "docketName": "hearing",
+                      "docketNumber": "200628-4",
+                      "emailEvents": Array [
+                        Object {
+                          "emailAddress": "tom.brady@caseflow.gov",
+                          "emailType": "confirmation",
+                          "sentAt": "2020-06-29T14:55:12.620-04:00",
+                          "sentBy": "BVASYELLOW",
+                          "sentTo": "POA/Representative Email",
+                        },
+                        Object {
+                          "emailAddress": "Bob.Smith@test.com",
+                          "emailType": "confirmation",
+                          "sentAt": "2020-06-29T14:55:12.501-04:00",
+                          "sentBy": "BVASYELLOW",
+                          "sentTo": "Appellant Email",
+                        },
+                      ],
+                      "evidenceWindowWaived": false,
+                      "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                      "hearingDayId": 4,
+                      "id": 4,
+                      "isVirtual": true,
+                      "judge": Object {
+                        "createdAt": "2020-06-25T11:00:43.257-04:00",
+                        "cssId": "BVAAABSHIRE",
+                        "displayName": "BVAAABSHIRE (VACO)",
+                        "efolderDocumentsFetchedAt": null,
+                        "email": null,
+                        "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                        "id": 3,
+                        "lastLoginAt": null,
+                        "meetingType": "pexip",
+                        "roles": Object {},
+                        "selectedRegionalOffice": null,
+                        "stationId": "101",
+                        "status": "active",
+                        "statusUpdatedAt": null,
+                        "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                      },
+                      "judgeId": 3,
+                      "location": null,
+                      "militaryService": "",
+                      "notes": null,
+                      "paperCase": false,
+                      "poaName": "AMERICAN LEGION",
+                      "prepped": null,
+                      "readableLocation": "Washington, DC",
+                      "readableRequestType": "Central",
+                      "regionalOfficeKey": "C",
+                      "regionalOfficeName": "Central",
+                      "regionalOfficeTimezone": "America/New_York",
+                      "representative": "Clarence Darrow",
+                      "representativeEmailAddress": "tom.brady@caseflow.gov",
+                      "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
+                      "representativeTz": "America/Denver",
+                      "room": "2",
+                      "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                      "scheduledForIsPast": false,
+                      "scheduledTime": "2000-01-01T03:30:00.000-05:00",
+                      "scheduledTimeString": "03:30",
+                      "summary": null,
+                      "transcriptRequested": null,
+                      "transcription": Object {},
+                      "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                      "veteranAge": 85,
+                      "veteranEmailAddress": "Bob.Smith@test.com",
+                      "veteranFileNumber": "500000003",
+                      "veteranFirstName": "Bob",
+                      "veteranGender": "M",
+                      "veteranLastName": "Smith",
+                      "virtualHearing": Object {
+                        "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                        "appellantEmail": "Bob.Smith@test.com",
+                        "appellantTz": "America/Denver",
+                        "clientHost": "care.evn.va.gov",
+                        "conferenceProvider": "pexip",
+                        "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                        "guestPin": "2684353125#",
+                        "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                        "hostPin": "8600030#",
+                        "jobCompleted": true,
+                        "representativeEmail": "tom.brady@caseflow.gov",
+                        "representativeTz": "America/Los_Angeles",
+                        "requestCancelled": false,
+                        "scheduledInTimezone": "America/Chicago",
+                        "scheduledTimeString": "03:30",
+                        "status": "active",
+                      },
+                      "wasVirtual": false,
+                      "witness": null,
+                      "worksheetIssues": Object {},
+                    }
+                  }
+                  isVirtual={true}
+                  label="Join Hearing"
+                  link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                  pin="2684353125#"
+                  role="Guest"
+                  user={
+                    Object {
+                      "addressCity": "Washington",
+                      "addressLine1": "123 Fake St.",
+                      "addressState": "DC",
+                      "addressZip": "20001",
+                      "name": "John Smith",
+                    }
+                  }
+                  virtualHearing={
+                    Object {
+                      "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                      "appellantEmail": "Bob.Smith@test.com",
+                      "appellantTz": "America/Denver",
+                      "clientHost": "care.evn.va.gov",
+                      "conferenceProvider": "webex",
+                      "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                      "guestPin": "2684353125#",
+                      "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                      "hostPin": "8600030#",
+                      "jobCompleted": true,
+                      "representativeEmail": "tom.brady@caseflow.gov",
+                      "representativeTz": "America/Los_Angeles",
+                      "requestCancelled": false,
+                      "scheduledInTimezone": "America/Chicago",
+                      "scheduledTimeString": "03:30",
+                      "status": "active",
+                    }
+                  }
+                  wasVirtual={false}
+                >
+                  <VirtualHearingLink
+                    hearing={
+                      Object {
+                        "advanceOnDocketMotion": null,
+                        "aod": false,
+                        "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
+                        "appealId": 4,
+                        "appellantAddressLine1": "9999 MISSION ST",
+                        "appellantCity": "SAN FRANCISCO",
+                        "appellantEmailAddress": "tom.brady@caseflow.gov",
+                        "appellantFirstName": "Bob",
+                        "appellantIsNotVeteran": false,
+                        "appellantLastName": "Smith",
+                        "appellantState": "CA",
+                        "appellantTz": "America/Los_Angeles",
+                        "appellantZip": "94103",
+                        "availableHearingLocations": Object {},
+                        "bvaPoc": null,
+                        "caseType": "Original",
+                        "centralOfficeTimeString": "03:30",
+                        "claimantId": 4,
+                        "closestRegionalOffice": null,
+                        "conferenceProvider": "webex",
+                        "currentIssueCount": 1,
+                        "disposition": null,
+                        "dispositionEditable": true,
+                        "docketName": "hearing",
+                        "docketNumber": "200628-4",
+                        "emailEvents": Array [
+                          Object {
+                            "emailAddress": "tom.brady@caseflow.gov",
+                            "emailType": "confirmation",
+                            "sentAt": "2020-06-29T14:55:12.620-04:00",
+                            "sentBy": "BVASYELLOW",
+                            "sentTo": "POA/Representative Email",
+                          },
+                          Object {
+                            "emailAddress": "Bob.Smith@test.com",
+                            "emailType": "confirmation",
+                            "sentAt": "2020-06-29T14:55:12.501-04:00",
+                            "sentBy": "BVASYELLOW",
+                            "sentTo": "Appellant Email",
+                          },
+                        ],
+                        "evidenceWindowWaived": false,
+                        "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                        "hearingDayId": 4,
+                        "id": 4,
+                        "isVirtual": true,
+                        "judge": Object {
+                          "createdAt": "2020-06-25T11:00:43.257-04:00",
+                          "cssId": "BVAAABSHIRE",
+                          "displayName": "BVAAABSHIRE (VACO)",
+                          "efolderDocumentsFetchedAt": null,
+                          "email": null,
+                          "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                          "id": 3,
+                          "lastLoginAt": null,
+                          "meetingType": "pexip",
+                          "roles": Object {},
+                          "selectedRegionalOffice": null,
+                          "stationId": "101",
+                          "status": "active",
+                          "statusUpdatedAt": null,
+                          "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                        },
+                        "judgeId": 3,
+                        "location": null,
+                        "militaryService": "",
+                        "notes": null,
+                        "paperCase": false,
+                        "poaName": "AMERICAN LEGION",
+                        "prepped": null,
+                        "readableLocation": "Washington, DC",
+                        "readableRequestType": "Central",
+                        "regionalOfficeKey": "C",
+                        "regionalOfficeName": "Central",
+                        "regionalOfficeTimezone": "America/New_York",
+                        "representative": "Clarence Darrow",
+                        "representativeEmailAddress": "tom.brady@caseflow.gov",
+                        "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
+                        "representativeTz": "America/Denver",
+                        "room": "2",
+                        "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                        "scheduledForIsPast": false,
+                        "scheduledTime": "2000-01-01T03:30:00.000-05:00",
+                        "scheduledTimeString": "03:30",
+                        "summary": null,
+                        "transcriptRequested": null,
+                        "transcription": Object {},
+                        "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                        "veteranAge": 85,
+                        "veteranEmailAddress": "Bob.Smith@test.com",
+                        "veteranFileNumber": "500000003",
+                        "veteranFirstName": "Bob",
+                        "veteranGender": "M",
+                        "veteranLastName": "Smith",
+                        "virtualHearing": Object {
+                          "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                          "appellantEmail": "Bob.Smith@test.com",
+                          "appellantTz": "America/Denver",
+                          "clientHost": "care.evn.va.gov",
+                          "conferenceProvider": "pexip",
+                          "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                          "guestPin": "2684353125#",
+                          "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                          "hostPin": "8600030#",
+                          "jobCompleted": true,
+                          "representativeEmail": "tom.brady@caseflow.gov",
+                          "representativeTz": "America/Los_Angeles",
+                          "requestCancelled": false,
+                          "scheduledInTimezone": "America/Chicago",
+                          "scheduledTimeString": "03:30",
+                          "status": "active",
+                        },
+                        "wasVirtual": false,
+                        "witness": null,
+                        "worksheetIssues": Object {},
+                      }
+                    }
+                    isVirtual={true}
+                    label="Join Hearing"
+                    link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                    newWindow={true}
+                    showFullLink={false}
+                    user={
+                      Object {
+                        "addressCity": "Washington",
+                        "addressLine1": "123 Fake St.",
+                        "addressState": "DC",
+                        "addressZip": "20001",
+                        "name": "John Smith",
+                      }
+                    }
+                    virtualHearing={
+                      Object {
+                        "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                        "appellantEmail": "Bob.Smith@test.com",
+                        "appellantTz": "America/Denver",
+                        "clientHost": "care.evn.va.gov",
+                        "conferenceProvider": "webex",
+                        "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                        "guestPin": "2684353125#",
+                        "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                        "hostPin": "8600030#",
+                        "jobCompleted": true,
+                        "representativeEmail": "tom.brady@caseflow.gov",
+                        "representativeTz": "America/Los_Angeles",
+                        "requestCancelled": false,
+                        "scheduledInTimezone": "America/Chicago",
+                        "scheduledTimeString": "03:30",
+                        "status": "active",
+                      }
+                    }
+                  >
+                    <Link
+                      href="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                      target="_blank"
+                    >
+                      <a
+                        href="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                        target="_blank"
+                        type={null}
+                      >
+                        <strong>
+                          Join Hearing
+                        </strong>
+                        <span
+                          data-css-32srrr=""
+                        >
+                           
+                          <ExternalLinkIcon
+                            className=""
+                            color="#757575"
+                            size={20}
+                          >
+                            <svg
+                              className=""
+                              height={20}
+                              version="1.1"
+                              viewBox="0 0 18 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <g
+                                fill="none"
+                                fillRule="evenodd"
+                                stroke="none"
+                                strokeWidth="1"
+                              >
+                                <g
+                                  fill="#757575"
+                                  fillRule="nonzero"
+                                >
+                                  <g
+                                    transform="translate(1.000000, 1.000000)"
+                                  >
+                                    <path
+                                      d="M12.2767813,8.17242825 L11.7057188,8.17242825 C11.6223125,8.17242825 11.553875,8.19969476 11.500625,8.25448292 C11.4469375,8.30895216 11.4202188,8.37876082 11.4202188,8.46378132 L11.4202188,11.377344 C11.4202188,11.7779863 11.2805313,12.1208747 11.001,12.4062005 C10.7214688,12.6914624 10.3853438,12.8339818 9.99275,12.8339818 L2.5695,12.8339818 C2.1769375,12.8339818 1.84084375,12.6914624 1.56125,12.4062005 C1.28171875,12.1209066 1.14196875,11.7780182 1.14196875,11.377344 L1.14196875,3.80200456 C1.14196875,3.40139408 1.2816875,3.05853759 1.56125,2.77324374 C1.84084375,2.487918 2.1769375,2.34533485 2.5695,2.34533485 L8.8505625,2.34533485 C8.93396875,2.34533485 9.00240625,2.31794077 9.055875,2.26337585 C9.10934375,2.20874715 9.1360625,2.13900228 9.1360625,2.05394989 L9.1360625,1.47114806 C9.1360625,1.38625513 9.10934375,1.31638269 9.055875,1.26184966 C9.00240625,1.20722096 8.93396875,1.17995444 8.8505625,1.17995444 L2.5695,1.17995444 C1.86175,1.17995444 1.2565,1.43641913 0.7538125,1.94931663 C0.2513125,2.46218223 0,3.07984055 0,3.80210023 L0,11.3774715 C0,12.0996993 0.2513125,12.7174533 0.75384375,13.2301595 C1.25653125,13.7430888 1.86178125,13.9996811 2.56953125,13.9996811 L9.99275,13.9996811 C10.7004688,13.9996811 11.3057813,13.7430888 11.8084063,13.2301595 C12.3110625,12.7174533 12.562375,12.0997312 12.562375,11.3774715 L12.562375,8.46400456 C12.562375,8.37888838 12.535625,8.30904784 12.4819375,8.25448292 C12.4284063,8.19969476 12.3599688,8.17242825 12.2767813,8.17242825 Z"
+                                      id="external-link-outline-box"
+                                    />
+                                    <path
+                                      d="M15.8009687,0.172974943 C15.6879375,0.0576264237 15.5539375,0 15.3994062,0 L10.8313437,0 C10.6767187,0 10.5428125,0.0576264237 10.429875,0.172974943 C10.3168438,0.288259681 10.26025,0.42484738 10.26025,0.58267426 C10.26025,0.740501139 10.3168438,0.877120729 10.429875,0.992469248 L12.0000938,2.59491116 L6.183,8.53138952 C6.1234375,8.59207745 6.09375,8.661918 6.09375,8.74068793 C6.09375,8.81974487 6.12353125,8.88955353 6.183,8.95024146 L7.200125,9.98809112 C7.25959375,10.048779 7.32803125,10.0790433 7.40534375,10.0790433 C7.48265625,10.0790433 7.551125,10.0488109 7.6105625,9.98809112 L13.4276875,4.05170843 L14.9980313,5.65415034 C15.1109687,5.76949886 15.2448438,5.82718907 15.3995,5.82718907 C15.5541562,5.82718907 15.6880312,5.76949886 15.8010937,5.65415034 C15.914125,5.53883371 15.9705937,5.4022779 15.9705937,5.24445103 L15.9705937,0.58267426 C15.9705625,0.424751708 15.9139063,0.288259681 15.8009687,0.172974943 Z"
+                                      id="external-link-outline-arrow"
+                                    />
+                                  </g>
+                                </g>
+                              </g>
+                            </svg>
+                          </ExternalLinkIcon>
+                        </span>
+                      </a>
+                    </Link>
+                  </VirtualHearingLink>
+                  <div
+                    className="helper-text"
+                    data-css-1abghdv=""
+                  >
+                    https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest
+                  </div>
+                  <CopyTextButton
+                    ariaLabel="Copy Guest Link"
+                    label=""
+                    styling={Object {}}
+                    text="Copy Guest Link"
+                    textToCopy="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                  >
+                    <Tooltip
+                      id="tooltip-Copy Guest Link"
+                      position="bottom"
+                      text="Click to copy"
+                    >
+                      <CopyToClipboard
+                        aria-describedby="tooltip-Copy Guest Link"
+                        aria-label=""
+                        data-event="focus mouseenter"
+                        data-event-off="mouseleave keydown"
+                        data-for="tooltip-Copy Guest Link"
+                        data-tip={true}
+                        tabIndex={0}
+                        text="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                      >
+                        <button
+                          aria-describedby="tooltip-Copy Guest Link"
+                          aria-label=""
+                          className="cf-apppeal-id"
+                          data-css-p6dv0b=""
+                          data-event="focus mouseenter"
+                          data-event-off="mouseleave keydown"
+                          data-for="tooltip-Copy Guest Link"
+                          data-tip={true}
+                          disabled={false}
+                          onClick={[Function]}
+                          tabIndex={0}
+                          type="submit"
+                        >
+                          Copy Guest Link
+                           
+                          <ClipboardIcon
+                            className=""
+                            color="#5b616b"
+                            size={17}
+                          >
+                            <svg
+                              className=""
+                              height={17}
+                              viewBox="0 0 21 21"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                                fill="#5b616b"
+                                fillRule="evenodd"
+                              />
+                            </svg>
+                          </ClipboardIcon>
+                        </button>
+                      </CopyToClipboard>
+                      <span
+                        data-css-1qgqh7a=""
+                      >
+                        <ReactTooltip
+                          className="cf-tooltip"
+                          clickable={false}
+                          effect="solid"
+                          id="tooltip-Copy Guest Link"
+                          insecure={true}
+                          multiline={true}
+                          offset={Object {}}
+                          place="bottom"
+                          resizeHide={true}
+                          role="tooltip"
+                          wrapper="div"
+                        >
+                          <div
+                            className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                            data-id="tooltip"
+                            id="tooltip-Copy Guest Link"
+                            role="tooltip"
+                          >
+                            <style
+                              dangerouslySetInnerHTML={
+                                Object {
+                                  "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                                }
+                              }
+                            />
+                            Click to copy
+                          </div>
+                        </ReactTooltip>
+                      </span>
+                    </Tooltip>
+                  </CopyTextButton>
+                </VirtualHearingLinkDetails>
+              </div>
+            </LinkContainer>
+          </div>
+        </HearingLinks>
+      </div>
+    </div>
+  </ContentSection>
+</VirtualHearingFields>
+`;
+
+exports[`VirtualHearingFields Shows hearing details with virtualHearing 1`] = `
+<VirtualHearingFields
+  hearing={
+    Object {
+      "advanceOnDocketMotion": null,
+      "aod": false,
+      "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
+      "appealId": 4,
+      "appellantAddressLine1": "9999 MISSION ST",
+      "appellantCity": "SAN FRANCISCO",
+      "appellantEmailAddress": "tom.brady@caseflow.gov",
+      "appellantFirstName": "Bob",
+      "appellantIsNotVeteran": false,
+      "appellantLastName": "Smith",
+      "appellantState": "CA",
+      "appellantTz": "America/Los_Angeles",
+      "appellantZip": "94103",
+      "availableHearingLocations": Object {},
+      "bvaPoc": null,
+      "caseType": "Original",
+      "centralOfficeTimeString": "03:30",
+      "claimantId": 4,
+      "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
+      "currentIssueCount": 1,
+      "disposition": null,
+      "dispositionEditable": true,
+      "docketName": "hearing",
+      "docketNumber": "200628-4",
+      "emailEvents": Array [
+        Object {
+          "emailAddress": "tom.brady@caseflow.gov",
+          "emailType": "confirmation",
+          "sentAt": "2020-06-29T14:55:12.620-04:00",
+          "sentBy": "BVASYELLOW",
+          "sentTo": "POA/Representative Email",
+        },
+        Object {
+          "emailAddress": "Bob.Smith@test.com",
+          "emailType": "confirmation",
+          "sentAt": "2020-06-29T14:55:12.501-04:00",
+          "sentBy": "BVASYELLOW",
+          "sentTo": "Appellant Email",
+        },
+      ],
+      "evidenceWindowWaived": false,
+      "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+      "hearingDayId": 4,
+      "id": 4,
+      "isVirtual": true,
+      "judge": Object {
+        "createdAt": "2020-06-25T11:00:43.257-04:00",
+        "cssId": "BVAAABSHIRE",
+        "displayName": "BVAAABSHIRE (VACO)",
+        "efolderDocumentsFetchedAt": null,
+        "email": null,
+        "fullName": "Aaron Judge_HearingsAndCases Abshire",
+        "id": 3,
+        "lastLoginAt": null,
+        "meetingType": "pexip",
+        "roles": Object {},
+        "selectedRegionalOffice": null,
+        "stationId": "101",
+        "status": "active",
+        "statusUpdatedAt": null,
+        "updatedAt": "2020-06-25T11:00:43.257-04:00",
+      },
+      "judgeId": 3,
+      "location": null,
+      "militaryService": "",
+      "notes": null,
+      "paperCase": false,
+      "poaName": "AMERICAN LEGION",
+      "prepped": null,
+      "readableLocation": "Washington, DC",
+      "readableRequestType": "Central",
+      "regionalOfficeKey": "C",
+      "regionalOfficeName": "Central",
+      "regionalOfficeTimezone": "America/New_York",
+      "representative": "Clarence Darrow",
+      "representativeEmailAddress": "tom.brady@caseflow.gov",
+      "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
+      "representativeTz": "America/Denver",
+      "room": "2",
+      "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+      "scheduledForIsPast": false,
+      "scheduledTime": "2000-01-01T03:30:00.000-05:00",
+      "scheduledTimeString": "03:30",
+      "summary": null,
+      "transcriptRequested": null,
+      "transcription": Object {},
+      "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+      "veteranAge": 85,
+      "veteranEmailAddress": "Bob.Smith@test.com",
+      "veteranFileNumber": "500000003",
+      "veteranFirstName": "Bob",
+      "veteranGender": "M",
+      "veteranLastName": "Smith",
+      "virtualHearing": Object {
+        "aliasWithHost": "BVA0000009@care.evn.va.gov",
+        "appellantEmail": "Bob.Smith@test.com",
+        "appellantTz": "America/Denver",
+        "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
+        "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+        "guestPin": "2684353125#",
+        "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+        "hostPin": "8600030#",
+        "jobCompleted": true,
+        "representativeEmail": "tom.brady@caseflow.gov",
+        "representativeTz": "America/Los_Angeles",
+        "requestCancelled": false,
+        "scheduledInTimezone": "America/Chicago",
+        "scheduledTimeString": "03:30",
+        "status": "active",
+      },
+      "wasVirtual": false,
+      "witness": null,
+      "worksheetIssues": Object {},
+    }
+  }
+  update={[MockFunction]}
+  virtualHearing={
+    Object {
+      "aliasWithHost": "BVA0000009@care.evn.va.gov",
+      "appellantEmail": "Bob.Smith@test.com",
+      "appellantTz": "America/Denver",
+      "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
+      "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+      "guestPin": "2684353125#",
+      "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+      "hostPin": "8600030#",
+      "jobCompleted": true,
+      "representativeEmail": "tom.brady@caseflow.gov",
+      "representativeTz": "America/Los_Angeles",
+      "requestCancelled": false,
+      "scheduledInTimezone": "America/Chicago",
+      "scheduledTimeString": "03:30",
+      "status": "active",
+    }
+  }
+>
+  <ContentSection
+    header="Hearing Links"
+  >
+    <div
+      className="cf-app-segment"
+    >
+      <h2
+        data-css-3rhuy2=""
+      >
+        Hearing Links
+      </h2>
+      <div
+        data-css-1571z6o=""
+      >
+        <div
+          data-css-tx10g=""
+        >
+          <strong>
+            Pexip
+             Hearing
+          </strong>
+        </div>
+        <HearingLinks
+          hearing={
+            Object {
+              "advanceOnDocketMotion": null,
+              "aod": false,
+              "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
+              "appealId": 4,
+              "appellantAddressLine1": "9999 MISSION ST",
+              "appellantCity": "SAN FRANCISCO",
+              "appellantEmailAddress": "tom.brady@caseflow.gov",
+              "appellantFirstName": "Bob",
+              "appellantIsNotVeteran": false,
+              "appellantLastName": "Smith",
+              "appellantState": "CA",
+              "appellantTz": "America/Los_Angeles",
+              "appellantZip": "94103",
+              "availableHearingLocations": Object {},
+              "bvaPoc": null,
+              "caseType": "Original",
+              "centralOfficeTimeString": "03:30",
+              "claimantId": 4,
+              "closestRegionalOffice": null,
+              "conferenceProvider": "pexip",
+              "currentIssueCount": 1,
+              "disposition": null,
+              "dispositionEditable": true,
+              "docketName": "hearing",
+              "docketNumber": "200628-4",
+              "emailEvents": Array [
+                Object {
+                  "emailAddress": "tom.brady@caseflow.gov",
+                  "emailType": "confirmation",
+                  "sentAt": "2020-06-29T14:55:12.620-04:00",
+                  "sentBy": "BVASYELLOW",
+                  "sentTo": "POA/Representative Email",
+                },
+                Object {
+                  "emailAddress": "Bob.Smith@test.com",
+                  "emailType": "confirmation",
+                  "sentAt": "2020-06-29T14:55:12.501-04:00",
+                  "sentBy": "BVASYELLOW",
+                  "sentTo": "Appellant Email",
+                },
+              ],
+              "evidenceWindowWaived": false,
+              "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+              "hearingDayId": 4,
+              "id": 4,
+              "isVirtual": true,
+              "judge": Object {
+                "createdAt": "2020-06-25T11:00:43.257-04:00",
+                "cssId": "BVAAABSHIRE",
+                "displayName": "BVAAABSHIRE (VACO)",
+                "efolderDocumentsFetchedAt": null,
+                "email": null,
+                "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                "id": 3,
+                "lastLoginAt": null,
+                "meetingType": "pexip",
+                "roles": Object {},
+                "selectedRegionalOffice": null,
+                "stationId": "101",
+                "status": "active",
+                "statusUpdatedAt": null,
+                "updatedAt": "2020-06-25T11:00:43.257-04:00",
+              },
+              "judgeId": 3,
+              "location": null,
+              "militaryService": "",
+              "notes": null,
+              "paperCase": false,
+              "poaName": "AMERICAN LEGION",
+              "prepped": null,
+              "readableLocation": "Washington, DC",
+              "readableRequestType": "Central",
+              "regionalOfficeKey": "C",
+              "regionalOfficeName": "Central",
+              "regionalOfficeTimezone": "America/New_York",
+              "representative": "Clarence Darrow",
+              "representativeEmailAddress": "tom.brady@caseflow.gov",
+              "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
+              "representativeTz": "America/Denver",
+              "room": "2",
+              "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+              "scheduledForIsPast": false,
+              "scheduledTime": "2000-01-01T03:30:00.000-05:00",
+              "scheduledTimeString": "03:30",
+              "summary": null,
+              "transcriptRequested": null,
+              "transcription": Object {},
+              "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+              "veteranAge": 85,
+              "veteranEmailAddress": "Bob.Smith@test.com",
+              "veteranFileNumber": "500000003",
+              "veteranFirstName": "Bob",
+              "veteranGender": "M",
+              "veteranLastName": "Smith",
+              "virtualHearing": Object {
+                "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                "appellantEmail": "Bob.Smith@test.com",
+                "appellantTz": "America/Denver",
+                "clientHost": "care.evn.va.gov",
+                "conferenceProvider": "pexip",
+                "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                "guestPin": "2684353125#",
+                "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                "hostPin": "8600030#",
+                "jobCompleted": true,
+                "representativeEmail": "tom.brady@caseflow.gov",
+                "representativeTz": "America/Los_Angeles",
+                "requestCancelled": false,
+                "scheduledInTimezone": "America/Chicago",
+                "scheduledTimeString": "03:30",
+                "status": "active",
+              },
+              "wasVirtual": false,
+              "witness": null,
+              "worksheetIssues": Object {},
+            }
+          }
+          isCancelled={false}
+          isVirtual={true}
+          scheduledForIsPast={false}
+          user={
+            Object {
+              "addressCity": "Washington",
+              "addressLine1": "123 Fake St.",
+              "addressState": "DC",
+              "addressZip": "20001",
+              "name": "John Smith",
+            }
+          }
+          virtualHearing={
+            Object {
+              "aliasWithHost": "BVA0000009@care.evn.va.gov",
+              "appellantEmail": "Bob.Smith@test.com",
+              "appellantTz": "America/Denver",
+              "clientHost": "care.evn.va.gov",
+              "conferenceProvider": "pexip",
+              "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+              "guestPin": "2684353125#",
+              "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+              "hostPin": "8600030#",
+              "jobCompleted": true,
+              "representativeEmail": "tom.brady@caseflow.gov",
+              "representativeTz": "America/Los_Angeles",
+              "requestCancelled": false,
+              "scheduledInTimezone": "America/Chicago",
+              "scheduledTimeString": "03:30",
+              "status": "active",
+            }
+          }
+          wasVirtual={false}
+        >
+          <div
+            data-css-19plkw7=""
+            data-css-1fmltfu=""
+          >
+            <LinkContainer
+              hearing={
+                Object {
+                  "advanceOnDocketMotion": null,
+                  "aod": false,
+                  "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
+                  "appealId": 4,
+                  "appellantAddressLine1": "9999 MISSION ST",
+                  "appellantCity": "SAN FRANCISCO",
+                  "appellantEmailAddress": "tom.brady@caseflow.gov",
+                  "appellantFirstName": "Bob",
+                  "appellantIsNotVeteran": false,
+                  "appellantLastName": "Smith",
+                  "appellantState": "CA",
+                  "appellantTz": "America/Los_Angeles",
+                  "appellantZip": "94103",
+                  "availableHearingLocations": Object {},
+                  "bvaPoc": null,
+                  "caseType": "Original",
+                  "centralOfficeTimeString": "03:30",
+                  "claimantId": 4,
+                  "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
+                  "currentIssueCount": 1,
+                  "disposition": null,
+                  "dispositionEditable": true,
+                  "docketName": "hearing",
+                  "docketNumber": "200628-4",
+                  "emailEvents": Array [
+                    Object {
+                      "emailAddress": "tom.brady@caseflow.gov",
+                      "emailType": "confirmation",
+                      "sentAt": "2020-06-29T14:55:12.620-04:00",
+                      "sentBy": "BVASYELLOW",
+                      "sentTo": "POA/Representative Email",
+                    },
+                    Object {
+                      "emailAddress": "Bob.Smith@test.com",
+                      "emailType": "confirmation",
+                      "sentAt": "2020-06-29T14:55:12.501-04:00",
+                      "sentBy": "BVASYELLOW",
+                      "sentTo": "Appellant Email",
+                    },
+                  ],
+                  "evidenceWindowWaived": false,
+                  "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                  "hearingDayId": 4,
+                  "id": 4,
+                  "isVirtual": true,
+                  "judge": Object {
+                    "createdAt": "2020-06-25T11:00:43.257-04:00",
+                    "cssId": "BVAAABSHIRE",
+                    "displayName": "BVAAABSHIRE (VACO)",
+                    "efolderDocumentsFetchedAt": null,
+                    "email": null,
+                    "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                    "id": 3,
+                    "lastLoginAt": null,
+                    "meetingType": "pexip",
+                    "roles": Object {},
+                    "selectedRegionalOffice": null,
+                    "stationId": "101",
+                    "status": "active",
+                    "statusUpdatedAt": null,
+                    "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                  },
+                  "judgeId": 3,
+                  "location": null,
+                  "militaryService": "",
+                  "notes": null,
+                  "paperCase": false,
+                  "poaName": "AMERICAN LEGION",
+                  "prepped": null,
+                  "readableLocation": "Washington, DC",
+                  "readableRequestType": "Central",
+                  "regionalOfficeKey": "C",
+                  "regionalOfficeName": "Central",
+                  "regionalOfficeTimezone": "America/New_York",
+                  "representative": "Clarence Darrow",
+                  "representativeEmailAddress": "tom.brady@caseflow.gov",
+                  "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
+                  "representativeTz": "America/Denver",
+                  "room": "2",
+                  "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                  "scheduledForIsPast": false,
+                  "scheduledTime": "2000-01-01T03:30:00.000-05:00",
+                  "scheduledTimeString": "03:30",
+                  "summary": null,
+                  "transcriptRequested": null,
+                  "transcription": Object {},
+                  "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                  "veteranAge": 85,
+                  "veteranEmailAddress": "Bob.Smith@test.com",
+                  "veteranFileNumber": "500000003",
+                  "veteranFirstName": "Bob",
+                  "veteranGender": "M",
+                  "veteranLastName": "Smith",
+                  "virtualHearing": Object {
+                    "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                    "appellantEmail": "Bob.Smith@test.com",
+                    "appellantTz": "America/Denver",
+                    "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
+                    "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                    "guestPin": "2684353125#",
+                    "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                    "hostPin": "8600030#",
+                    "jobCompleted": true,
+                    "representativeEmail": "tom.brady@caseflow.gov",
+                    "representativeTz": "America/Los_Angeles",
+                    "requestCancelled": false,
+                    "scheduledInTimezone": "America/Chicago",
+                    "scheduledTimeString": "03:30",
+                    "status": "active",
+                  },
+                  "wasVirtual": false,
+                  "witness": null,
+                  "worksheetIssues": Object {},
+                }
+              }
+              isVirtual={true}
+              label="Guest Link"
+              link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+              linkText="Join Hearing"
+              links={
+                Object {
+                  "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                  "appellantEmail": "Bob.Smith@test.com",
+                  "appellantTz": "America/Denver",
+                  "clientHost": "care.evn.va.gov",
+                  "conferenceProvider": "pexip",
+                  "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                  "guestPin": "2684353125#",
+                  "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                  "hostPin": "8600030#",
+                  "jobCompleted": true,
+                  "representativeEmail": "tom.brady@caseflow.gov",
+                  "representativeTz": "America/Los_Angeles",
+                  "requestCancelled": false,
+                  "scheduledInTimezone": "America/Chicago",
+                  "scheduledTimeString": "03:30",
+                  "status": "active",
+                }
+              }
+              role="Guest"
+              user={
+                Object {
+                  "addressCity": "Washington",
+                  "addressLine1": "123 Fake St.",
+                  "addressState": "DC",
+                  "addressZip": "20001",
+                  "name": "John Smith",
+                }
+              }
+              virtualHearing={
+                Object {
+                  "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                  "appellantEmail": "Bob.Smith@test.com",
+                  "appellantTz": "America/Denver",
+                  "clientHost": "care.evn.va.gov",
+                  "conferenceProvider": "pexip",
+                  "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                  "guestPin": "2684353125#",
+                  "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                  "hostPin": "8600030#",
+                  "jobCompleted": true,
+                  "representativeEmail": "tom.brady@caseflow.gov",
+                  "representativeTz": "America/Los_Angeles",
+                  "requestCancelled": false,
+                  "scheduledInTimezone": "America/Chicago",
+                  "scheduledTimeString": "03:30",
+                  "status": "active",
+                }
+              }
+              wasVirtual={false}
+            >
+              <div
+                data-css-tx10g=""
+                id="guest-hearings-link"
+              >
+                <strong>
+                  Guest Link
+                  : 
+                </strong>
+                <VirtualHearingLinkDetails
+                  aliasWithHost="BVA0000009@care.evn.va.gov"
+                  hearing={
+                    Object {
+                      "advanceOnDocketMotion": null,
+                      "aod": false,
+                      "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
+                      "appealId": 4,
+                      "appellantAddressLine1": "9999 MISSION ST",
+                      "appellantCity": "SAN FRANCISCO",
+                      "appellantEmailAddress": "tom.brady@caseflow.gov",
+                      "appellantFirstName": "Bob",
+                      "appellantIsNotVeteran": false,
+                      "appellantLastName": "Smith",
+                      "appellantState": "CA",
+                      "appellantTz": "America/Los_Angeles",
+                      "appellantZip": "94103",
+                      "availableHearingLocations": Object {},
+                      "bvaPoc": null,
+                      "caseType": "Original",
+                      "centralOfficeTimeString": "03:30",
+                      "claimantId": 4,
+                      "closestRegionalOffice": null,
+                      "conferenceProvider": "pexip",
+                      "currentIssueCount": 1,
+                      "disposition": null,
+                      "dispositionEditable": true,
+                      "docketName": "hearing",
+                      "docketNumber": "200628-4",
+                      "emailEvents": Array [
+                        Object {
+                          "emailAddress": "tom.brady@caseflow.gov",
+                          "emailType": "confirmation",
+                          "sentAt": "2020-06-29T14:55:12.620-04:00",
+                          "sentBy": "BVASYELLOW",
+                          "sentTo": "POA/Representative Email",
+                        },
+                        Object {
+                          "emailAddress": "Bob.Smith@test.com",
+                          "emailType": "confirmation",
+                          "sentAt": "2020-06-29T14:55:12.501-04:00",
+                          "sentBy": "BVASYELLOW",
+                          "sentTo": "Appellant Email",
+                        },
+                      ],
+                      "evidenceWindowWaived": false,
+                      "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                      "hearingDayId": 4,
+                      "id": 4,
+                      "isVirtual": true,
+                      "judge": Object {
+                        "createdAt": "2020-06-25T11:00:43.257-04:00",
+                        "cssId": "BVAAABSHIRE",
+                        "displayName": "BVAAABSHIRE (VACO)",
+                        "efolderDocumentsFetchedAt": null,
+                        "email": null,
+                        "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                        "id": 3,
+                        "lastLoginAt": null,
+                        "meetingType": "pexip",
+                        "roles": Object {},
+                        "selectedRegionalOffice": null,
+                        "stationId": "101",
+                        "status": "active",
+                        "statusUpdatedAt": null,
+                        "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                      },
+                      "judgeId": 3,
+                      "location": null,
+                      "militaryService": "",
+                      "notes": null,
+                      "paperCase": false,
+                      "poaName": "AMERICAN LEGION",
+                      "prepped": null,
+                      "readableLocation": "Washington, DC",
+                      "readableRequestType": "Central",
+                      "regionalOfficeKey": "C",
+                      "regionalOfficeName": "Central",
+                      "regionalOfficeTimezone": "America/New_York",
+                      "representative": "Clarence Darrow",
+                      "representativeEmailAddress": "tom.brady@caseflow.gov",
+                      "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
+                      "representativeTz": "America/Denver",
+                      "room": "2",
+                      "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                      "scheduledForIsPast": false,
+                      "scheduledTime": "2000-01-01T03:30:00.000-05:00",
+                      "scheduledTimeString": "03:30",
+                      "summary": null,
+                      "transcriptRequested": null,
+                      "transcription": Object {},
+                      "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                      "veteranAge": 85,
+                      "veteranEmailAddress": "Bob.Smith@test.com",
+                      "veteranFileNumber": "500000003",
+                      "veteranFirstName": "Bob",
+                      "veteranGender": "M",
+                      "veteranLastName": "Smith",
+                      "virtualHearing": Object {
+                        "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                        "appellantEmail": "Bob.Smith@test.com",
+                        "appellantTz": "America/Denver",
+                        "clientHost": "care.evn.va.gov",
+                        "conferenceProvider": "pexip",
+                        "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                        "guestPin": "2684353125#",
+                        "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                        "hostPin": "8600030#",
+                        "jobCompleted": true,
+                        "representativeEmail": "tom.brady@caseflow.gov",
+                        "representativeTz": "America/Los_Angeles",
+                        "requestCancelled": false,
+                        "scheduledInTimezone": "America/Chicago",
+                        "scheduledTimeString": "03:30",
+                        "status": "active",
+                      },
+                      "wasVirtual": false,
+                      "witness": null,
+                      "worksheetIssues": Object {},
+                    }
+                  }
+                  isVirtual={true}
+                  label="Join Hearing"
+                  link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                  pin="2684353125#"
+                  role="Guest"
+                  user={
+                    Object {
+                      "addressCity": "Washington",
+                      "addressLine1": "123 Fake St.",
+                      "addressState": "DC",
+                      "addressZip": "20001",
+                      "name": "John Smith",
+                    }
+                  }
+                  virtualHearing={
+                    Object {
+                      "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                      "appellantEmail": "Bob.Smith@test.com",
+                      "appellantTz": "America/Denver",
+                      "clientHost": "care.evn.va.gov",
+                      "conferenceProvider": "pexip",
+                      "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                      "guestPin": "2684353125#",
+                      "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                      "hostPin": "8600030#",
+                      "jobCompleted": true,
+                      "representativeEmail": "tom.brady@caseflow.gov",
+                      "representativeTz": "America/Los_Angeles",
+                      "requestCancelled": false,
+                      "scheduledInTimezone": "America/Chicago",
+                      "scheduledTimeString": "03:30",
+                      "status": "active",
+                    }
+                  }
+                  wasVirtual={false}
+                >
+                  <VirtualHearingLink
+                    hearing={
+                      Object {
+                        "advanceOnDocketMotion": null,
+                        "aod": false,
+                        "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
+                        "appealId": 4,
+                        "appellantAddressLine1": "9999 MISSION ST",
+                        "appellantCity": "SAN FRANCISCO",
+                        "appellantEmailAddress": "tom.brady@caseflow.gov",
+                        "appellantFirstName": "Bob",
+                        "appellantIsNotVeteran": false,
+                        "appellantLastName": "Smith",
+                        "appellantState": "CA",
+                        "appellantTz": "America/Los_Angeles",
+                        "appellantZip": "94103",
+                        "availableHearingLocations": Object {},
+                        "bvaPoc": null,
+                        "caseType": "Original",
+                        "centralOfficeTimeString": "03:30",
+                        "claimantId": 4,
+                        "closestRegionalOffice": null,
+                        "conferenceProvider": "pexip",
+                        "currentIssueCount": 1,
+                        "disposition": null,
+                        "dispositionEditable": true,
+                        "docketName": "hearing",
+                        "docketNumber": "200628-4",
+                        "emailEvents": Array [
+                          Object {
+                            "emailAddress": "tom.brady@caseflow.gov",
+                            "emailType": "confirmation",
+                            "sentAt": "2020-06-29T14:55:12.620-04:00",
+                            "sentBy": "BVASYELLOW",
+                            "sentTo": "POA/Representative Email",
+                          },
+                          Object {
+                            "emailAddress": "Bob.Smith@test.com",
+                            "emailType": "confirmation",
+                            "sentAt": "2020-06-29T14:55:12.501-04:00",
+                            "sentBy": "BVASYELLOW",
+                            "sentTo": "Appellant Email",
+                          },
+                        ],
+                        "evidenceWindowWaived": false,
+                        "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                        "hearingDayId": 4,
+                        "id": 4,
+                        "isVirtual": true,
+                        "judge": Object {
+                          "createdAt": "2020-06-25T11:00:43.257-04:00",
+                          "cssId": "BVAAABSHIRE",
+                          "displayName": "BVAAABSHIRE (VACO)",
+                          "efolderDocumentsFetchedAt": null,
+                          "email": null,
+                          "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                          "id": 3,
+                          "lastLoginAt": null,
+                          "meetingType": "pexip",
+                          "roles": Object {},
+                          "selectedRegionalOffice": null,
+                          "stationId": "101",
+                          "status": "active",
+                          "statusUpdatedAt": null,
+                          "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                        },
+                        "judgeId": 3,
+                        "location": null,
+                        "militaryService": "",
+                        "notes": null,
+                        "paperCase": false,
+                        "poaName": "AMERICAN LEGION",
+                        "prepped": null,
+                        "readableLocation": "Washington, DC",
+                        "readableRequestType": "Central",
+                        "regionalOfficeKey": "C",
+                        "regionalOfficeName": "Central",
+                        "regionalOfficeTimezone": "America/New_York",
+                        "representative": "Clarence Darrow",
+                        "representativeEmailAddress": "tom.brady@caseflow.gov",
+                        "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
+                        "representativeTz": "America/Denver",
+                        "room": "2",
+                        "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                        "scheduledForIsPast": false,
+                        "scheduledTime": "2000-01-01T03:30:00.000-05:00",
+                        "scheduledTimeString": "03:30",
+                        "summary": null,
+                        "transcriptRequested": null,
+                        "transcription": Object {},
+                        "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                        "veteranAge": 85,
+                        "veteranEmailAddress": "Bob.Smith@test.com",
+                        "veteranFileNumber": "500000003",
+                        "veteranFirstName": "Bob",
+                        "veteranGender": "M",
+                        "veteranLastName": "Smith",
+                        "virtualHearing": Object {
+                          "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                          "appellantEmail": "Bob.Smith@test.com",
+                          "appellantTz": "America/Denver",
+                          "clientHost": "care.evn.va.gov",
+                          "conferenceProvider": "pexip",
+                          "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                          "guestPin": "2684353125#",
+                          "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                          "hostPin": "8600030#",
+                          "jobCompleted": true,
+                          "representativeEmail": "tom.brady@caseflow.gov",
+                          "representativeTz": "America/Los_Angeles",
+                          "requestCancelled": false,
+                          "scheduledInTimezone": "America/Chicago",
+                          "scheduledTimeString": "03:30",
+                          "status": "active",
+                        },
+                        "wasVirtual": false,
+                        "witness": null,
+                        "worksheetIssues": Object {},
+                      }
+                    }
+                    isVirtual={true}
+                    label="Join Hearing"
+                    link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                    newWindow={true}
+                    showFullLink={false}
+                    user={
+                      Object {
+                        "addressCity": "Washington",
+                        "addressLine1": "123 Fake St.",
+                        "addressState": "DC",
+                        "addressZip": "20001",
+                        "name": "John Smith",
+                      }
+                    }
+                    virtualHearing={
+                      Object {
+                        "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                        "appellantEmail": "Bob.Smith@test.com",
+                        "appellantTz": "America/Denver",
+                        "clientHost": "care.evn.va.gov",
+                        "conferenceProvider": "pexip",
+                        "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                        "guestPin": "2684353125#",
+                        "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                        "hostPin": "8600030#",
+                        "jobCompleted": true,
+                        "representativeEmail": "tom.brady@caseflow.gov",
+                        "representativeTz": "America/Los_Angeles",
+                        "requestCancelled": false,
+                        "scheduledInTimezone": "America/Chicago",
+                        "scheduledTimeString": "03:30",
+                        "status": "active",
+                      }
+                    }
+                  >
+                    <Link
+                      href="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                      target="_blank"
+                    >
+                      <a
+                        href="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                        target="_blank"
+                        type={null}
+                      >
+                        <strong>
+                          Join Hearing
+                        </strong>
+                        <span
+                          data-css-32srrr=""
+                        >
+                           
+                          <ExternalLinkIcon
+                            className=""
+                            color="#757575"
+                            size={20}
+                          >
+                            <svg
+                              className=""
+                              height={20}
+                              version="1.1"
+                              viewBox="0 0 18 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <g
+                                fill="none"
+                                fillRule="evenodd"
+                                stroke="none"
+                                strokeWidth="1"
+                              >
+                                <g
+                                  fill="#757575"
+                                  fillRule="nonzero"
+                                >
+                                  <g
+                                    transform="translate(1.000000, 1.000000)"
+                                  >
+                                    <path
+                                      d="M12.2767813,8.17242825 L11.7057188,8.17242825 C11.6223125,8.17242825 11.553875,8.19969476 11.500625,8.25448292 C11.4469375,8.30895216 11.4202188,8.37876082 11.4202188,8.46378132 L11.4202188,11.377344 C11.4202188,11.7779863 11.2805313,12.1208747 11.001,12.4062005 C10.7214688,12.6914624 10.3853438,12.8339818 9.99275,12.8339818 L2.5695,12.8339818 C2.1769375,12.8339818 1.84084375,12.6914624 1.56125,12.4062005 C1.28171875,12.1209066 1.14196875,11.7780182 1.14196875,11.377344 L1.14196875,3.80200456 C1.14196875,3.40139408 1.2816875,3.05853759 1.56125,2.77324374 C1.84084375,2.487918 2.1769375,2.34533485 2.5695,2.34533485 L8.8505625,2.34533485 C8.93396875,2.34533485 9.00240625,2.31794077 9.055875,2.26337585 C9.10934375,2.20874715 9.1360625,2.13900228 9.1360625,2.05394989 L9.1360625,1.47114806 C9.1360625,1.38625513 9.10934375,1.31638269 9.055875,1.26184966 C9.00240625,1.20722096 8.93396875,1.17995444 8.8505625,1.17995444 L2.5695,1.17995444 C1.86175,1.17995444 1.2565,1.43641913 0.7538125,1.94931663 C0.2513125,2.46218223 0,3.07984055 0,3.80210023 L0,11.3774715 C0,12.0996993 0.2513125,12.7174533 0.75384375,13.2301595 C1.25653125,13.7430888 1.86178125,13.9996811 2.56953125,13.9996811 L9.99275,13.9996811 C10.7004688,13.9996811 11.3057813,13.7430888 11.8084063,13.2301595 C12.3110625,12.7174533 12.562375,12.0997312 12.562375,11.3774715 L12.562375,8.46400456 C12.562375,8.37888838 12.535625,8.30904784 12.4819375,8.25448292 C12.4284063,8.19969476 12.3599688,8.17242825 12.2767813,8.17242825 Z"
+                                      id="external-link-outline-box"
+                                    />
+                                    <path
+                                      d="M15.8009687,0.172974943 C15.6879375,0.0576264237 15.5539375,0 15.3994062,0 L10.8313437,0 C10.6767187,0 10.5428125,0.0576264237 10.429875,0.172974943 C10.3168438,0.288259681 10.26025,0.42484738 10.26025,0.58267426 C10.26025,0.740501139 10.3168438,0.877120729 10.429875,0.992469248 L12.0000938,2.59491116 L6.183,8.53138952 C6.1234375,8.59207745 6.09375,8.661918 6.09375,8.74068793 C6.09375,8.81974487 6.12353125,8.88955353 6.183,8.95024146 L7.200125,9.98809112 C7.25959375,10.048779 7.32803125,10.0790433 7.40534375,10.0790433 C7.48265625,10.0790433 7.551125,10.0488109 7.6105625,9.98809112 L13.4276875,4.05170843 L14.9980313,5.65415034 C15.1109687,5.76949886 15.2448438,5.82718907 15.3995,5.82718907 C15.5541562,5.82718907 15.6880312,5.76949886 15.8010937,5.65415034 C15.914125,5.53883371 15.9705937,5.4022779 15.9705937,5.24445103 L15.9705937,0.58267426 C15.9705625,0.424751708 15.9139063,0.288259681 15.8009687,0.172974943 Z"
+                                      id="external-link-outline-arrow"
+                                    />
+                                  </g>
+                                </g>
+                              </g>
+                            </svg>
+                          </ExternalLinkIcon>
+                        </span>
+                      </a>
+                    </Link>
+                  </VirtualHearingLink>
+                  <div
+                    data-css-1abghdv=""
+                  >
+                    <strong>
+                      Conference Room: 
+                    </strong>
+                    BVA0000009@care.evn.va.gov
+                  </div>
+                  <div
+                    data-css-6aejb2=""
+                  >
+                    <strong>
+                      PIN: 
+                    </strong>
+                    2684353125#
+                  </div>
+                  <CopyTextButton
+                    ariaLabel="Copy Guest Link"
+                    label=""
+                    styling={Object {}}
+                    text="Copy Guest Link"
+                    textToCopy="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                  >
+                    <Tooltip
+                      id="tooltip-Copy Guest Link"
+                      position="bottom"
+                      text="Click to copy"
+                    >
+                      <CopyToClipboard
+                        aria-describedby="tooltip-Copy Guest Link"
+                        aria-label=""
+                        data-event="focus mouseenter"
+                        data-event-off="mouseleave keydown"
+                        data-for="tooltip-Copy Guest Link"
+                        data-tip={true}
+                        tabIndex={0}
+                        text="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                      >
+                        <button
+                          aria-describedby="tooltip-Copy Guest Link"
+                          aria-label=""
+                          className="cf-apppeal-id"
+                          data-css-p6dv0b=""
+                          data-event="focus mouseenter"
+                          data-event-off="mouseleave keydown"
+                          data-for="tooltip-Copy Guest Link"
+                          data-tip={true}
+                          disabled={false}
+                          onClick={[Function]}
+                          tabIndex={0}
+                          type="submit"
+                        >
+                          Copy Guest Link
+                           
+                          <ClipboardIcon
+                            className=""
+                            color="#5b616b"
+                            size={17}
+                          >
+                            <svg
+                              className=""
+                              height={17}
+                              viewBox="0 0 21 21"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                                fill="#5b616b"
+                                fillRule="evenodd"
+                              />
+                            </svg>
+                          </ClipboardIcon>
+                        </button>
+                      </CopyToClipboard>
+                      <span
+                        data-css-1qgqh7a=""
+                      >
+                        <ReactTooltip
+                          className="cf-tooltip"
+                          clickable={false}
+                          effect="solid"
+                          id="tooltip-Copy Guest Link"
+                          insecure={true}
+                          multiline={true}
+                          offset={Object {}}
+                          place="bottom"
+                          resizeHide={true}
+                          role="tooltip"
+                          wrapper="div"
+                        >
+                          <div
+                            className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                            data-id="tooltip"
+                            id="tooltip-Copy Guest Link"
+                            role="tooltip"
+                          >
+                            <style
+                              dangerouslySetInnerHTML={
+                                Object {
+                                  "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                                }
+                              }
+                            />
+                            Click to copy
+                          </div>
+                        </ReactTooltip>
+                      </span>
+                    </Tooltip>
+                  </CopyTextButton>
+                </VirtualHearingLinkDetails>
+              </div>
+            </LinkContainer>
+          </div>
+        </HearingLinks>
+      </div>
+    </div>
+  </ContentSection>
+</VirtualHearingFields>
+`;
+
+exports[`VirtualHearingFields Shows only hearing links with no virtualHearing 1`] = `
+<VirtualHearingFields
+  hearing={
+    Object {
+      "advanceOnDocketMotion": null,
+      "aod": false,
+      "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
+      "appealId": 4,
+      "appellantAddressLine1": "9999 MISSION ST",
+      "appellantCity": "SAN FRANCISCO",
+      "appellantEmailAddress": "tom.brady@caseflow.gov",
+      "appellantFirstName": "Bob",
+      "appellantIsNotVeteran": false,
+      "appellantLastName": "Smith",
+      "appellantState": "CA",
+      "appellantTz": "America/Los_Angeles",
+      "appellantZip": "94103",
+      "availableHearingLocations": Object {},
+      "bvaPoc": null,
+      "caseType": "Original",
+      "centralOfficeTimeString": "03:30",
+      "claimantId": 4,
+      "closestRegionalOffice": null,
+      "conferenceProvider": "pexip",
+      "currentIssueCount": 1,
+      "disposition": null,
+      "dispositionEditable": true,
+      "docketName": "hearing",
+      "docketNumber": "200628-4",
+      "emailEvents": Array [
+        Object {
+          "emailAddress": "tom.brady@caseflow.gov",
+          "emailType": "confirmation",
+          "sentAt": "2020-06-29T14:55:12.620-04:00",
+          "sentBy": "BVASYELLOW",
+          "sentTo": "POA/Representative Email",
+        },
+        Object {
+          "emailAddress": "Bob.Smith@test.com",
+          "emailType": "confirmation",
+          "sentAt": "2020-06-29T14:55:12.501-04:00",
+          "sentBy": "BVASYELLOW",
+          "sentTo": "Appellant Email",
+        },
+      ],
+      "evidenceWindowWaived": false,
+      "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+      "hearingDayId": 4,
+      "id": 4,
+      "isVirtual": true,
+      "judge": Object {
+        "createdAt": "2020-06-25T11:00:43.257-04:00",
+        "cssId": "BVAAABSHIRE",
+        "displayName": "BVAAABSHIRE (VACO)",
+        "efolderDocumentsFetchedAt": null,
+        "email": null,
+        "fullName": "Aaron Judge_HearingsAndCases Abshire",
+        "id": 3,
+        "lastLoginAt": null,
+        "meetingType": "pexip",
+        "roles": Object {},
+        "selectedRegionalOffice": null,
+        "stationId": "101",
+        "status": "active",
+        "statusUpdatedAt": null,
+        "updatedAt": "2020-06-25T11:00:43.257-04:00",
+      },
+      "judgeId": 3,
+      "location": null,
+      "militaryService": "",
+      "notes": null,
+      "paperCase": false,
+      "poaName": "AMERICAN LEGION",
+      "prepped": null,
+      "readableLocation": "Washington, DC",
+      "readableRequestType": "Central",
+      "regionalOfficeKey": "C",
+      "regionalOfficeName": "Central",
+      "regionalOfficeTimezone": "America/New_York",
+      "representative": "Clarence Darrow",
+      "representativeEmailAddress": "tom.brady@caseflow.gov",
+      "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
+      "representativeTz": "America/Denver",
+      "room": "2",
+      "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+      "scheduledForIsPast": false,
+      "scheduledTime": "2000-01-01T03:30:00.000-05:00",
+      "scheduledTimeString": "03:30",
+      "summary": null,
+      "transcriptRequested": null,
+      "transcription": Object {},
+      "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+      "veteranAge": 85,
+      "veteranEmailAddress": "Bob.Smith@test.com",
+      "veteranFileNumber": "500000003",
+      "veteranFirstName": "Bob",
+      "veteranGender": "M",
+      "veteranLastName": "Smith",
+      "virtualHearing": Object {
+        "aliasWithHost": "BVA0000009@care.evn.va.gov",
+        "appellantEmail": "Bob.Smith@test.com",
+        "appellantTz": "America/Denver",
+        "clientHost": "care.evn.va.gov",
+        "conferenceProvider": "pexip",
+        "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+        "guestPin": "2684353125#",
+        "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+        "hostPin": "8600030#",
+        "jobCompleted": true,
+        "representativeEmail": "tom.brady@caseflow.gov",
+        "representativeTz": "America/Los_Angeles",
+        "requestCancelled": false,
+        "scheduledInTimezone": "America/Chicago",
+        "scheduledTimeString": "03:30",
+        "status": "active",
+      },
+      "wasVirtual": false,
+      "witness": null,
+      "worksheetIssues": Object {},
+    }
+  }
+  update={[MockFunction]}
+  virtualHearing={
+    Object {
+      "aliasWithHost": "BVA0000009@care.evn.va.gov",
+      "appellantEmail": "Bob.Smith@test.com",
+      "appellantTz": "America/Denver",
+      "clientHost": "care.evn.va.gov",
+      "conferenceProvider": "pexip",
+      "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+      "guestPin": "2684353125#",
+      "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+      "hostPin": "8600030#",
+      "jobCompleted": true,
+      "representativeEmail": "tom.brady@caseflow.gov",
+      "representativeTz": "America/Los_Angeles",
+      "requestCancelled": false,
+      "scheduledInTimezone": "America/Chicago",
+      "scheduledTimeString": "03:30",
+      "status": "active",
+    }
+  }
+>
+  <ContentSection
+    header="Hearing Links"
+  >
+    <div
+      className="cf-app-segment"
+    >
+      <h2
+        data-css-3rhuy2=""
+      >
+        Hearing Links
+      </h2>
+      <div
+        data-css-1571z6o=""
+      >
+        <div
+          data-css-tx10g=""
+        >
+          <strong>
+            Pexip
+             Hearing
+          </strong>
+        </div>
+        <HearingLinks
+          hearing={
+            Object {
+              "advanceOnDocketMotion": null,
+              "aod": false,
+              "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
+              "appealId": 4,
+              "appellantAddressLine1": "9999 MISSION ST",
+              "appellantCity": "SAN FRANCISCO",
+              "appellantEmailAddress": "tom.brady@caseflow.gov",
+              "appellantFirstName": "Bob",
+              "appellantIsNotVeteran": false,
+              "appellantLastName": "Smith",
+              "appellantState": "CA",
+              "appellantTz": "America/Los_Angeles",
+              "appellantZip": "94103",
+              "availableHearingLocations": Object {},
+              "bvaPoc": null,
+              "caseType": "Original",
+              "centralOfficeTimeString": "03:30",
+              "claimantId": 4,
+              "closestRegionalOffice": null,
+              "conferenceProvider": "pexip",
+              "currentIssueCount": 1,
+              "disposition": null,
+              "dispositionEditable": true,
+              "docketName": "hearing",
+              "docketNumber": "200628-4",
+              "emailEvents": Array [
+                Object {
+                  "emailAddress": "tom.brady@caseflow.gov",
+                  "emailType": "confirmation",
+                  "sentAt": "2020-06-29T14:55:12.620-04:00",
+                  "sentBy": "BVASYELLOW",
+                  "sentTo": "POA/Representative Email",
+                },
+                Object {
+                  "emailAddress": "Bob.Smith@test.com",
+                  "emailType": "confirmation",
+                  "sentAt": "2020-06-29T14:55:12.501-04:00",
+                  "sentBy": "BVASYELLOW",
+                  "sentTo": "Appellant Email",
+                },
+              ],
+              "evidenceWindowWaived": false,
+              "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+              "hearingDayId": 4,
+              "id": 4,
+              "isVirtual": true,
+              "judge": Object {
+                "createdAt": "2020-06-25T11:00:43.257-04:00",
+                "cssId": "BVAAABSHIRE",
+                "displayName": "BVAAABSHIRE (VACO)",
+                "efolderDocumentsFetchedAt": null,
+                "email": null,
+                "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                "id": 3,
+                "lastLoginAt": null,
+                "meetingType": "pexip",
+                "roles": Object {},
+                "selectedRegionalOffice": null,
+                "stationId": "101",
+                "status": "active",
+                "statusUpdatedAt": null,
+                "updatedAt": "2020-06-25T11:00:43.257-04:00",
+              },
+              "judgeId": 3,
+              "location": null,
+              "militaryService": "",
+              "notes": null,
+              "paperCase": false,
+              "poaName": "AMERICAN LEGION",
+              "prepped": null,
+              "readableLocation": "Washington, DC",
+              "readableRequestType": "Central",
+              "regionalOfficeKey": "C",
+              "regionalOfficeName": "Central",
+              "regionalOfficeTimezone": "America/New_York",
+              "representative": "Clarence Darrow",
+              "representativeEmailAddress": "tom.brady@caseflow.gov",
+              "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
+              "representativeTz": "America/Denver",
+              "room": "2",
+              "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+              "scheduledForIsPast": false,
+              "scheduledTime": "2000-01-01T03:30:00.000-05:00",
+              "scheduledTimeString": "03:30",
+              "summary": null,
+              "transcriptRequested": null,
+              "transcription": Object {},
+              "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+              "veteranAge": 85,
+              "veteranEmailAddress": "Bob.Smith@test.com",
+              "veteranFileNumber": "500000003",
+              "veteranFirstName": "Bob",
+              "veteranGender": "M",
+              "veteranLastName": "Smith",
+              "virtualHearing": Object {
+                "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                "appellantEmail": "Bob.Smith@test.com",
+                "appellantTz": "America/Denver",
+                "clientHost": "care.evn.va.gov",
+                "conferenceProvider": "pexip",
+                "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                "guestPin": "2684353125#",
+                "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                "hostPin": "8600030#",
+                "jobCompleted": true,
+                "representativeEmail": "tom.brady@caseflow.gov",
+                "representativeTz": "America/Los_Angeles",
+                "requestCancelled": false,
+                "scheduledInTimezone": "America/Chicago",
+                "scheduledTimeString": "03:30",
+                "status": "active",
+              },
+              "wasVirtual": false,
+              "witness": null,
+              "worksheetIssues": Object {},
+            }
+          }
+          isCancelled={false}
+          isVirtual={true}
+          scheduledForIsPast={false}
+          user={
+            Object {
+              "addressCity": "Washington",
+              "addressLine1": "123 Fake St.",
+              "addressState": "DC",
+              "addressZip": "20001",
+              "name": "John Smith",
+            }
+          }
+          virtualHearing={
+            Object {
+              "aliasWithHost": "BVA0000009@care.evn.va.gov",
+              "appellantEmail": "Bob.Smith@test.com",
+              "appellantTz": "America/Denver",
+              "clientHost": "care.evn.va.gov",
+              "conferenceProvider": "pexip",
+              "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+              "guestPin": "2684353125#",
+              "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+              "hostPin": "8600030#",
+              "jobCompleted": true,
+              "representativeEmail": "tom.brady@caseflow.gov",
+              "representativeTz": "America/Los_Angeles",
+              "requestCancelled": false,
+              "scheduledInTimezone": "America/Chicago",
+              "scheduledTimeString": "03:30",
+              "status": "active",
+            }
+          }
+          wasVirtual={false}
+        >
+          <div
+            data-css-19plkw7=""
+            data-css-1fmltfu=""
+          >
+            <LinkContainer
+              hearing={
+                Object {
+                  "advanceOnDocketMotion": null,
+                  "aod": false,
+                  "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
+                  "appealId": 4,
+                  "appellantAddressLine1": "9999 MISSION ST",
+                  "appellantCity": "SAN FRANCISCO",
+                  "appellantEmailAddress": "tom.brady@caseflow.gov",
+                  "appellantFirstName": "Bob",
+                  "appellantIsNotVeteran": false,
+                  "appellantLastName": "Smith",
+                  "appellantState": "CA",
+                  "appellantTz": "America/Los_Angeles",
+                  "appellantZip": "94103",
+                  "availableHearingLocations": Object {},
+                  "bvaPoc": null,
+                  "caseType": "Original",
+                  "centralOfficeTimeString": "03:30",
+                  "claimantId": 4,
+                  "closestRegionalOffice": null,
+                  "conferenceProvider": "pexip",
+                  "currentIssueCount": 1,
+                  "disposition": null,
+                  "dispositionEditable": true,
+                  "docketName": "hearing",
+                  "docketNumber": "200628-4",
+                  "emailEvents": Array [
+                    Object {
+                      "emailAddress": "tom.brady@caseflow.gov",
+                      "emailType": "confirmation",
+                      "sentAt": "2020-06-29T14:55:12.620-04:00",
+                      "sentBy": "BVASYELLOW",
+                      "sentTo": "POA/Representative Email",
+                    },
+                    Object {
+                      "emailAddress": "Bob.Smith@test.com",
+                      "emailType": "confirmation",
+                      "sentAt": "2020-06-29T14:55:12.501-04:00",
+                      "sentBy": "BVASYELLOW",
+                      "sentTo": "Appellant Email",
+                    },
+                  ],
+                  "evidenceWindowWaived": false,
+                  "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                  "hearingDayId": 4,
+                  "id": 4,
+                  "isVirtual": true,
+                  "judge": Object {
+                    "createdAt": "2020-06-25T11:00:43.257-04:00",
+                    "cssId": "BVAAABSHIRE",
+                    "displayName": "BVAAABSHIRE (VACO)",
+                    "efolderDocumentsFetchedAt": null,
+                    "email": null,
+                    "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                    "id": 3,
+                    "lastLoginAt": null,
+                    "meetingType": "pexip",
+                    "roles": Object {},
+                    "selectedRegionalOffice": null,
+                    "stationId": "101",
+                    "status": "active",
+                    "statusUpdatedAt": null,
+                    "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                  },
+                  "judgeId": 3,
+                  "location": null,
+                  "militaryService": "",
+                  "notes": null,
+                  "paperCase": false,
+                  "poaName": "AMERICAN LEGION",
+                  "prepped": null,
+                  "readableLocation": "Washington, DC",
+                  "readableRequestType": "Central",
+                  "regionalOfficeKey": "C",
+                  "regionalOfficeName": "Central",
+                  "regionalOfficeTimezone": "America/New_York",
+                  "representative": "Clarence Darrow",
+                  "representativeEmailAddress": "tom.brady@caseflow.gov",
+                  "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
+                  "representativeTz": "America/Denver",
+                  "room": "2",
+                  "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                  "scheduledForIsPast": false,
+                  "scheduledTime": "2000-01-01T03:30:00.000-05:00",
+                  "scheduledTimeString": "03:30",
+                  "summary": null,
+                  "transcriptRequested": null,
+                  "transcription": Object {},
+                  "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                  "veteranAge": 85,
+                  "veteranEmailAddress": "Bob.Smith@test.com",
+                  "veteranFileNumber": "500000003",
+                  "veteranFirstName": "Bob",
+                  "veteranGender": "M",
+                  "veteranLastName": "Smith",
+                  "virtualHearing": Object {
+                    "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                    "appellantEmail": "Bob.Smith@test.com",
+                    "appellantTz": "America/Denver",
+                    "clientHost": "care.evn.va.gov",
+                    "conferenceProvider": "pexip",
+                    "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                    "guestPin": "2684353125#",
+                    "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                    "hostPin": "8600030#",
+                    "jobCompleted": true,
+                    "representativeEmail": "tom.brady@caseflow.gov",
+                    "representativeTz": "America/Los_Angeles",
+                    "requestCancelled": false,
+                    "scheduledInTimezone": "America/Chicago",
+                    "scheduledTimeString": "03:30",
+                    "status": "active",
+                  },
+                  "wasVirtual": false,
+                  "witness": null,
+                  "worksheetIssues": Object {},
+                }
+              }
+              isVirtual={true}
+              label="Guest Link"
+              link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+              linkText="Join Hearing"
+              links={
+                Object {
+                  "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                  "appellantEmail": "Bob.Smith@test.com",
+                  "appellantTz": "America/Denver",
+                  "clientHost": "care.evn.va.gov",
+                  "conferenceProvider": "pexip",
+                  "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                  "guestPin": "2684353125#",
+                  "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                  "hostPin": "8600030#",
+                  "jobCompleted": true,
+                  "representativeEmail": "tom.brady@caseflow.gov",
+                  "representativeTz": "America/Los_Angeles",
+                  "requestCancelled": false,
+                  "scheduledInTimezone": "America/Chicago",
+                  "scheduledTimeString": "03:30",
+                  "status": "active",
+                }
+              }
+              role="Guest"
+              user={
+                Object {
+                  "addressCity": "Washington",
+                  "addressLine1": "123 Fake St.",
+                  "addressState": "DC",
+                  "addressZip": "20001",
+                  "name": "John Smith",
+                }
+              }
+              virtualHearing={
+                Object {
+                  "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                  "appellantEmail": "Bob.Smith@test.com",
+                  "appellantTz": "America/Denver",
+                  "clientHost": "care.evn.va.gov",
+                  "conferenceProvider": "pexip",
+                  "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                  "guestPin": "2684353125#",
+                  "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                  "hostPin": "8600030#",
+                  "jobCompleted": true,
+                  "representativeEmail": "tom.brady@caseflow.gov",
+                  "representativeTz": "America/Los_Angeles",
+                  "requestCancelled": false,
+                  "scheduledInTimezone": "America/Chicago",
+                  "scheduledTimeString": "03:30",
+                  "status": "active",
+                }
+              }
+              wasVirtual={false}
+            >
+              <div
+                data-css-tx10g=""
+                id="guest-hearings-link"
+              >
+                <strong>
+                  Guest Link
+                  : 
+                </strong>
+                <VirtualHearingLinkDetails
+                  aliasWithHost="BVA0000009@care.evn.va.gov"
+                  hearing={
+                    Object {
+                      "advanceOnDocketMotion": null,
+                      "aod": false,
+                      "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
+                      "appealId": 4,
+                      "appellantAddressLine1": "9999 MISSION ST",
+                      "appellantCity": "SAN FRANCISCO",
+                      "appellantEmailAddress": "tom.brady@caseflow.gov",
+                      "appellantFirstName": "Bob",
+                      "appellantIsNotVeteran": false,
+                      "appellantLastName": "Smith",
+                      "appellantState": "CA",
+                      "appellantTz": "America/Los_Angeles",
+                      "appellantZip": "94103",
+                      "availableHearingLocations": Object {},
+                      "bvaPoc": null,
+                      "caseType": "Original",
+                      "centralOfficeTimeString": "03:30",
+                      "claimantId": 4,
+                      "closestRegionalOffice": null,
+                      "conferenceProvider": "pexip",
+                      "currentIssueCount": 1,
+                      "disposition": null,
+                      "dispositionEditable": true,
+                      "docketName": "hearing",
+                      "docketNumber": "200628-4",
+                      "emailEvents": Array [
+                        Object {
+                          "emailAddress": "tom.brady@caseflow.gov",
+                          "emailType": "confirmation",
+                          "sentAt": "2020-06-29T14:55:12.620-04:00",
+                          "sentBy": "BVASYELLOW",
+                          "sentTo": "POA/Representative Email",
+                        },
+                        Object {
+                          "emailAddress": "Bob.Smith@test.com",
+                          "emailType": "confirmation",
+                          "sentAt": "2020-06-29T14:55:12.501-04:00",
+                          "sentBy": "BVASYELLOW",
+                          "sentTo": "Appellant Email",
+                        },
+                      ],
+                      "evidenceWindowWaived": false,
+                      "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                      "hearingDayId": 4,
+                      "id": 4,
+                      "isVirtual": true,
+                      "judge": Object {
+                        "createdAt": "2020-06-25T11:00:43.257-04:00",
+                        "cssId": "BVAAABSHIRE",
+                        "displayName": "BVAAABSHIRE (VACO)",
+                        "efolderDocumentsFetchedAt": null,
+                        "email": null,
+                        "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                        "id": 3,
+                        "lastLoginAt": null,
+                        "meetingType": "pexip",
+                        "roles": Object {},
+                        "selectedRegionalOffice": null,
+                        "stationId": "101",
+                        "status": "active",
+                        "statusUpdatedAt": null,
+                        "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                      },
+                      "judgeId": 3,
+                      "location": null,
+                      "militaryService": "",
+                      "notes": null,
+                      "paperCase": false,
+                      "poaName": "AMERICAN LEGION",
+                      "prepped": null,
+                      "readableLocation": "Washington, DC",
+                      "readableRequestType": "Central",
+                      "regionalOfficeKey": "C",
+                      "regionalOfficeName": "Central",
+                      "regionalOfficeTimezone": "America/New_York",
+                      "representative": "Clarence Darrow",
+                      "representativeEmailAddress": "tom.brady@caseflow.gov",
+                      "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
+                      "representativeTz": "America/Denver",
+                      "room": "2",
+                      "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                      "scheduledForIsPast": false,
+                      "scheduledTime": "2000-01-01T03:30:00.000-05:00",
+                      "scheduledTimeString": "03:30",
+                      "summary": null,
+                      "transcriptRequested": null,
+                      "transcription": Object {},
+                      "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                      "veteranAge": 85,
+                      "veteranEmailAddress": "Bob.Smith@test.com",
+                      "veteranFileNumber": "500000003",
+                      "veteranFirstName": "Bob",
+                      "veteranGender": "M",
+                      "veteranLastName": "Smith",
+                      "virtualHearing": Object {
+                        "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                        "appellantEmail": "Bob.Smith@test.com",
+                        "appellantTz": "America/Denver",
+                        "clientHost": "care.evn.va.gov",
+                        "conferenceProvider": "pexip",
+                        "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                        "guestPin": "2684353125#",
+                        "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                        "hostPin": "8600030#",
+                        "jobCompleted": true,
+                        "representativeEmail": "tom.brady@caseflow.gov",
+                        "representativeTz": "America/Los_Angeles",
+                        "requestCancelled": false,
+                        "scheduledInTimezone": "America/Chicago",
+                        "scheduledTimeString": "03:30",
+                        "status": "active",
+                      },
+                      "wasVirtual": false,
+                      "witness": null,
+                      "worksheetIssues": Object {},
+                    }
+                  }
+                  isVirtual={true}
+                  label="Join Hearing"
+                  link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                  pin="2684353125#"
+                  role="Guest"
+                  user={
+                    Object {
+                      "addressCity": "Washington",
+                      "addressLine1": "123 Fake St.",
+                      "addressState": "DC",
+                      "addressZip": "20001",
+                      "name": "John Smith",
+                    }
+                  }
+                  virtualHearing={
+                    Object {
+                      "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                      "appellantEmail": "Bob.Smith@test.com",
+                      "appellantTz": "America/Denver",
+                      "clientHost": "care.evn.va.gov",
+                      "conferenceProvider": "pexip",
+                      "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                      "guestPin": "2684353125#",
+                      "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                      "hostPin": "8600030#",
+                      "jobCompleted": true,
+                      "representativeEmail": "tom.brady@caseflow.gov",
+                      "representativeTz": "America/Los_Angeles",
+                      "requestCancelled": false,
+                      "scheduledInTimezone": "America/Chicago",
+                      "scheduledTimeString": "03:30",
+                      "status": "active",
+                    }
+                  }
+                  wasVirtual={false}
+                >
+                  <VirtualHearingLink
+                    hearing={
+                      Object {
+                        "advanceOnDocketMotion": null,
+                        "aod": false,
+                        "appealExternalId": "005334f7-b5c6-490c-a310-7dc5db22c8c3",
+                        "appealId": 4,
+                        "appellantAddressLine1": "9999 MISSION ST",
+                        "appellantCity": "SAN FRANCISCO",
+                        "appellantEmailAddress": "tom.brady@caseflow.gov",
+                        "appellantFirstName": "Bob",
+                        "appellantIsNotVeteran": false,
+                        "appellantLastName": "Smith",
+                        "appellantState": "CA",
+                        "appellantTz": "America/Los_Angeles",
+                        "appellantZip": "94103",
+                        "availableHearingLocations": Object {},
+                        "bvaPoc": null,
+                        "caseType": "Original",
+                        "centralOfficeTimeString": "03:30",
+                        "claimantId": 4,
+                        "closestRegionalOffice": null,
+                        "conferenceProvider": "pexip",
+                        "currentIssueCount": 1,
+                        "disposition": null,
+                        "dispositionEditable": true,
+                        "docketName": "hearing",
+                        "docketNumber": "200628-4",
+                        "emailEvents": Array [
+                          Object {
+                            "emailAddress": "tom.brady@caseflow.gov",
+                            "emailType": "confirmation",
+                            "sentAt": "2020-06-29T14:55:12.620-04:00",
+                            "sentBy": "BVASYELLOW",
+                            "sentTo": "POA/Representative Email",
+                          },
+                          Object {
+                            "emailAddress": "Bob.Smith@test.com",
+                            "emailType": "confirmation",
+                            "sentAt": "2020-06-29T14:55:12.501-04:00",
+                            "sentBy": "BVASYELLOW",
+                            "sentTo": "Appellant Email",
+                          },
+                        ],
+                        "evidenceWindowWaived": false,
+                        "externalId": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                        "hearingDayId": 4,
+                        "id": 4,
+                        "isVirtual": true,
+                        "judge": Object {
+                          "createdAt": "2020-06-25T11:00:43.257-04:00",
+                          "cssId": "BVAAABSHIRE",
+                          "displayName": "BVAAABSHIRE (VACO)",
+                          "efolderDocumentsFetchedAt": null,
+                          "email": null,
+                          "fullName": "Aaron Judge_HearingsAndCases Abshire",
+                          "id": 3,
+                          "lastLoginAt": null,
+                          "meetingType": "pexip",
+                          "roles": Object {},
+                          "selectedRegionalOffice": null,
+                          "stationId": "101",
+                          "status": "active",
+                          "statusUpdatedAt": null,
+                          "updatedAt": "2020-06-25T11:00:43.257-04:00",
+                        },
+                        "judgeId": 3,
+                        "location": null,
+                        "militaryService": "",
+                        "notes": null,
+                        "paperCase": false,
+                        "poaName": "AMERICAN LEGION",
+                        "prepped": null,
+                        "readableLocation": "Washington, DC",
+                        "readableRequestType": "Central",
+                        "regionalOfficeKey": "C",
+                        "regionalOfficeName": "Central",
+                        "regionalOfficeTimezone": "America/New_York",
+                        "representative": "Clarence Darrow",
+                        "representativeEmailAddress": "tom.brady@caseflow.gov",
+                        "representativeName": "PARALYZED VETERANS OF AMERICA, INC.",
+                        "representativeTz": "America/Denver",
+                        "room": "2",
+                        "scheduledFor": "2020-07-06T06:00:00.000-04:00",
+                        "scheduledForIsPast": false,
+                        "scheduledTime": "2000-01-01T03:30:00.000-05:00",
+                        "scheduledTimeString": "03:30",
+                        "summary": null,
+                        "transcriptRequested": null,
+                        "transcription": Object {},
+                        "uuid": "9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a",
+                        "veteranAge": 85,
+                        "veteranEmailAddress": "Bob.Smith@test.com",
+                        "veteranFileNumber": "500000003",
+                        "veteranFirstName": "Bob",
+                        "veteranGender": "M",
+                        "veteranLastName": "Smith",
+                        "virtualHearing": Object {
+                          "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                          "appellantEmail": "Bob.Smith@test.com",
+                          "appellantTz": "America/Denver",
+                          "clientHost": "care.evn.va.gov",
+                          "conferenceProvider": "pexip",
+                          "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                          "guestPin": "2684353125#",
+                          "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                          "hostPin": "8600030#",
+                          "jobCompleted": true,
+                          "representativeEmail": "tom.brady@caseflow.gov",
+                          "representativeTz": "America/Los_Angeles",
+                          "requestCancelled": false,
+                          "scheduledInTimezone": "America/Chicago",
+                          "scheduledTimeString": "03:30",
+                          "status": "active",
+                        },
+                        "wasVirtual": false,
+                        "witness": null,
+                        "worksheetIssues": Object {},
+                      }
+                    }
+                    isVirtual={true}
+                    label="Join Hearing"
+                    link="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                    newWindow={true}
+                    showFullLink={false}
+                    user={
+                      Object {
+                        "addressCity": "Washington",
+                        "addressLine1": "123 Fake St.",
+                        "addressState": "DC",
+                        "addressZip": "20001",
+                        "name": "John Smith",
+                      }
+                    }
+                    virtualHearing={
+                      Object {
+                        "aliasWithHost": "BVA0000009@care.evn.va.gov",
+                        "appellantEmail": "Bob.Smith@test.com",
+                        "appellantTz": "America/Denver",
+                        "clientHost": "care.evn.va.gov",
+                        "conferenceProvider": "pexip",
+                        "guestLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest",
+                        "guestPin": "2684353125#",
+                        "hostLink": "https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host",
+                        "hostPin": "8600030#",
+                        "jobCompleted": true,
+                        "representativeEmail": "tom.brady@caseflow.gov",
+                        "representativeTz": "America/Los_Angeles",
+                        "requestCancelled": false,
+                        "scheduledInTimezone": "America/Chicago",
+                        "scheduledTimeString": "03:30",
+                        "status": "active",
+                      }
+                    }
+                  >
+                    <Link
+                      href="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                      target="_blank"
+                    >
+                      <a
+                        href="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                        target="_blank"
+                        type={null}
+                      >
+                        <strong>
+                          Join Hearing
+                        </strong>
+                        <span
+                          data-css-32srrr=""
+                        >
+                           
+                          <ExternalLinkIcon
+                            className=""
+                            color="#757575"
+                            size={20}
+                          >
+                            <svg
+                              className=""
+                              height={20}
+                              version="1.1"
+                              viewBox="0 0 18 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <g
+                                fill="none"
+                                fillRule="evenodd"
+                                stroke="none"
+                                strokeWidth="1"
+                              >
+                                <g
+                                  fill="#757575"
+                                  fillRule="nonzero"
+                                >
+                                  <g
+                                    transform="translate(1.000000, 1.000000)"
+                                  >
+                                    <path
+                                      d="M12.2767813,8.17242825 L11.7057188,8.17242825 C11.6223125,8.17242825 11.553875,8.19969476 11.500625,8.25448292 C11.4469375,8.30895216 11.4202188,8.37876082 11.4202188,8.46378132 L11.4202188,11.377344 C11.4202188,11.7779863 11.2805313,12.1208747 11.001,12.4062005 C10.7214688,12.6914624 10.3853438,12.8339818 9.99275,12.8339818 L2.5695,12.8339818 C2.1769375,12.8339818 1.84084375,12.6914624 1.56125,12.4062005 C1.28171875,12.1209066 1.14196875,11.7780182 1.14196875,11.377344 L1.14196875,3.80200456 C1.14196875,3.40139408 1.2816875,3.05853759 1.56125,2.77324374 C1.84084375,2.487918 2.1769375,2.34533485 2.5695,2.34533485 L8.8505625,2.34533485 C8.93396875,2.34533485 9.00240625,2.31794077 9.055875,2.26337585 C9.10934375,2.20874715 9.1360625,2.13900228 9.1360625,2.05394989 L9.1360625,1.47114806 C9.1360625,1.38625513 9.10934375,1.31638269 9.055875,1.26184966 C9.00240625,1.20722096 8.93396875,1.17995444 8.8505625,1.17995444 L2.5695,1.17995444 C1.86175,1.17995444 1.2565,1.43641913 0.7538125,1.94931663 C0.2513125,2.46218223 0,3.07984055 0,3.80210023 L0,11.3774715 C0,12.0996993 0.2513125,12.7174533 0.75384375,13.2301595 C1.25653125,13.7430888 1.86178125,13.9996811 2.56953125,13.9996811 L9.99275,13.9996811 C10.7004688,13.9996811 11.3057813,13.7430888 11.8084063,13.2301595 C12.3110625,12.7174533 12.562375,12.0997312 12.562375,11.3774715 L12.562375,8.46400456 C12.562375,8.37888838 12.535625,8.30904784 12.4819375,8.25448292 C12.4284063,8.19969476 12.3599688,8.17242825 12.2767813,8.17242825 Z"
+                                      id="external-link-outline-box"
+                                    />
+                                    <path
+                                      d="M15.8009687,0.172974943 C15.6879375,0.0576264237 15.5539375,0 15.3994062,0 L10.8313437,0 C10.6767187,0 10.5428125,0.0576264237 10.429875,0.172974943 C10.3168438,0.288259681 10.26025,0.42484738 10.26025,0.58267426 C10.26025,0.740501139 10.3168438,0.877120729 10.429875,0.992469248 L12.0000938,2.59491116 L6.183,8.53138952 C6.1234375,8.59207745 6.09375,8.661918 6.09375,8.74068793 C6.09375,8.81974487 6.12353125,8.88955353 6.183,8.95024146 L7.200125,9.98809112 C7.25959375,10.048779 7.32803125,10.0790433 7.40534375,10.0790433 C7.48265625,10.0790433 7.551125,10.0488109 7.6105625,9.98809112 L13.4276875,4.05170843 L14.9980313,5.65415034 C15.1109687,5.76949886 15.2448438,5.82718907 15.3995,5.82718907 C15.5541562,5.82718907 15.6880312,5.76949886 15.8010937,5.65415034 C15.914125,5.53883371 15.9705937,5.4022779 15.9705937,5.24445103 L15.9705937,0.58267426 C15.9705625,0.424751708 15.9139063,0.288259681 15.8009687,0.172974943 Z"
+                                      id="external-link-outline-arrow"
+                                    />
+                                  </g>
+                                </g>
+                              </g>
+                            </svg>
+                          </ExternalLinkIcon>
+                        </span>
+                      </a>
+                    </Link>
+                  </VirtualHearingLink>
+                  <div
+                    data-css-1abghdv=""
+                  >
+                    <strong>
+                      Conference Room: 
+                    </strong>
+                    BVA0000009@care.evn.va.gov
+                  </div>
+                  <div
+                    data-css-6aejb2=""
+                  >
+                    <strong>
+                      PIN: 
+                    </strong>
+                    2684353125#
+                  </div>
+                  <CopyTextButton
+                    ariaLabel="Copy Guest Link"
+                    label=""
+                    styling={Object {}}
+                    text="Copy Guest Link"
+                    textToCopy="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                  >
+                    <Tooltip
+                      id="tooltip-Copy Guest Link"
+                      position="bottom"
+                      text="Click to copy"
+                    >
+                      <CopyToClipboard
+                        aria-describedby="tooltip-Copy Guest Link"
+                        aria-label=""
+                        data-event="focus mouseenter"
+                        data-event-off="mouseleave keydown"
+                        data-for="tooltip-Copy Guest Link"
+                        data-tip={true}
+                        tabIndex={0}
+                        text="https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest"
+                      >
+                        <button
+                          aria-describedby="tooltip-Copy Guest Link"
+                          aria-label=""
+                          className="cf-apppeal-id"
+                          data-css-p6dv0b=""
+                          data-event="focus mouseenter"
+                          data-event-off="mouseleave keydown"
+                          data-for="tooltip-Copy Guest Link"
+                          data-tip={true}
+                          disabled={false}
+                          onClick={[Function]}
+                          tabIndex={0}
+                          type="submit"
+                        >
+                          Copy Guest Link
+                           
+                          <ClipboardIcon
+                            className=""
+                            color="#5b616b"
+                            size={17}
+                          >
+                            <svg
+                              className=""
+                              height={17}
+                              viewBox="0 0 21 21"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M13.346 2.578h-2.664v-1.29C10.682.585 10.08 0 9.35 0H6.66c-.728 0-1.33.584-1.33 1.29v1.288H2.663v2.577h10.682V2.578zm-4.02 0H6.66v-1.29h2.665v1.29zm6.685 3.89V3.234a.665.665 0 0 0-.678-.656H14v1.29h.68v2.576H6.66v9.046H1.333V3.867h.68v-1.29H.678a.665.665 0 0 0-.68.657v12.913c0 .365.302.656.68.656h6.006v3.867h9.35l3.996-3.867V6.468h-4.02zm0 12.378v-2.043h2.112l-2.11 2.043zm2.665-3.356H14.68v3.867H7.992v-11.6h10.682v7.733z"
+                                fill="#5b616b"
+                                fillRule="evenodd"
+                              />
+                            </svg>
+                          </ClipboardIcon>
+                        </button>
+                      </CopyToClipboard>
+                      <span
+                        data-css-1qgqh7a=""
+                      >
+                        <ReactTooltip
+                          className="cf-tooltip"
+                          clickable={false}
+                          effect="solid"
+                          id="tooltip-Copy Guest Link"
+                          insecure={true}
+                          multiline={true}
+                          offset={Object {}}
+                          place="bottom"
+                          resizeHide={true}
+                          role="tooltip"
+                          wrapper="div"
+                        >
+                          <div
+                            className="__react_component_tooltip t00000000-0000-0000-0000-000000000000 place-bottom type-dark"
+                            data-id="tooltip"
+                            id="tooltip-Copy Guest Link"
+                            role="tooltip"
+                          >
+                            <style
+                              dangerouslySetInnerHTML={
+                                Object {
+                                  "__html": "
+  	.t00000000-0000-0000-0000-000000000000 {
+	    color: #fff;
+	    background: #222;
+	    border: 1px solid transparent;
+  	}
+
+  	.t00000000-0000-0000-0000-000000000000.place-top {
+        margin-top: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::before {
+        border-top: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-top::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        bottom: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-top-color: #222;
+        border-top-style: solid;
+        border-top-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-bottom {
+        margin-top: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::before {
+        border-bottom: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-bottom::after {
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        top: -6px;
+        left: 50%;
+        margin-left: -8px;
+        border-bottom-color: #222;
+        border-bottom-style: solid;
+        border-bottom-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-left {
+        margin-left: -10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::before {
+        border-left: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-left::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        right: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-left-color: #222;
+        border-left-style: solid;
+        border-left-width: 6px;
+    }
+
+    .t00000000-0000-0000-0000-000000000000.place-right {
+        margin-left: 10px;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::before {
+        border-right: 8px solid transparent;
+    }
+    .t00000000-0000-0000-0000-000000000000.place-right::after {
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        left: -6px;
+        top: 50%;
+        margin-top: -4px;
+        border-right-color: #222;
+        border-right-style: solid;
+        border-right-width: 6px;
+    }
+  ",
+                                }
+                              }
+                            />
+                            Click to copy
+                          </div>
+                        </ReactTooltip>
+                      </span>
+                    </Tooltip>
+                  </CopyTextButton>
+                </VirtualHearingLinkDetails>
               </div>
             </LinkContainer>
-            <div />
           </div>
         </HearingLinks>
       </div>
diff --git a/client/test/app/queue/SelectConferenceTypeRadioField.test.js b/client/test/app/queue/SelectConferenceTypeRadioField.test.js
new file mode 100644
index 00000000000..05e79ce2729
--- /dev/null
+++ b/client/test/app/queue/SelectConferenceTypeRadioField.test.js
@@ -0,0 +1,80 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import ApiUtil from 'app/util/ApiUtil';
+
+import SelectConferenceTypeRadioField from 'app/queue/SelectConferenceTypeRadioField';
+
+const createSpy = () => jest.spyOn(ApiUtil, 'patch').
+  mockImplementation(() => jest.fn(() => Promise.resolve(
+    {
+      body: { }
+    }
+  )));
+
+const defaults = {
+  name: 'field1',
+  value: '1',
+  options: [
+    { displayText: 'Pexip',
+      value: 'pexip' },
+    { displayText: 'Webex',
+      value: 'webex' },
+  ],
+};
+
+describe('SelectConferenceTypeRadioField', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  const setupComponent = (props = {
+    user: {
+      attributes: {
+        id: 1
+      }
+    },
+    conferenceProvider: 'pexip',
+    organization: 'my org'
+  }) => {
+    const utils = render(
+      <SelectConferenceTypeRadioField
+        name={defaults.name}
+        options={defaults.options}
+        {...props}
+      />
+    );
+    const inputs = utils.getAllByRole('radio');
+
+    return {
+      inputs,
+      ...utils,
+    };
+  };
+
+  it('renders correctly', async () => {
+    const { container } = setupComponent();
+
+    expect(container).toMatchSnapshot();
+  });
+
+  it('changes values by radio button selected', () => {
+    let requestPatchSpy = createSpy();
+
+    setupComponent();
+
+    const webexRadioButton = screen.getByRole('radio', { name: 'Webex' });
+    const pexipRadioButton = screen.getByRole('radio', { name: 'Pexip' });
+
+    expect(webexRadioButton).not.toHaveAttribute('checked', '');
+    expect(pexipRadioButton).toHaveAttribute('checked', '');
+
+    userEvent.click(webexRadioButton);
+
+    expect(requestPatchSpy.mock.calls[0][1].data.attributes.conference_provider).toBe('webex');
+
+    userEvent.click(pexipRadioButton);
+
+    expect(requestPatchSpy.mock.calls[1][1].data.attributes.conference_provider).toBe('pexip');
+  });
+});
diff --git a/client/test/app/queue/__snapshots__/NotificationsView.test.js.snap b/client/test/app/queue/__snapshots__/NotificationsView.test.js.snap
index 5528343affd..281180097af 100644
--- a/client/test/app/queue/__snapshots__/NotificationsView.test.js.snap
+++ b/client/test/app/queue/__snapshots__/NotificationsView.test.js.snap
@@ -25,11 +25,12 @@ exports[`NotificationsTest matches snapshot 1`] = `
             aria-label=""
             class="cf-apppeal-id"
             currentitem="false"
-            data-css-cjlnsd=""
+            data-css-p6dv0b=""
             data-event="focus mouseenter"
             data-event-off="mouseleave keydown"
             data-for="tooltip-200000161"
             data-tip="true"
+            disabled=""
             tabindex="0"
             type="submit"
           >
diff --git a/client/test/app/queue/__snapshots__/SelectConferenceTypeRadioField.test.js.snap b/client/test/app/queue/__snapshots__/SelectConferenceTypeRadioField.test.js.snap
new file mode 100644
index 00000000000..40d135d3387
--- /dev/null
+++ b/client/test/app/queue/__snapshots__/SelectConferenceTypeRadioField.test.js.snap
@@ -0,0 +1,55 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SelectConferenceTypeRadioField renders correctly 1`] = `
+<div>
+  <fieldset
+    class="usa-fieldset-inputs cf-form-radio "
+  >
+    <legend
+      class=""
+    >
+      <span>
+        Schedule hearings using:
+         
+      </span>
+    </legend>
+    <div
+      class="cf-form-radio-options"
+    >
+      <div
+        class="cf-form-radio-option"
+      >
+        <input
+          checked=""
+          id="field1_pexip"
+          name="field1"
+          type="radio"
+          value="pexip"
+        />
+        <label
+          class=""
+          for="field1_pexip"
+        >
+          Pexip
+        </label>
+      </div>
+      <div
+        class="cf-form-radio-option"
+      >
+        <input
+          id="field1_webex"
+          name="field1"
+          type="radio"
+          value="webex"
+        />
+        <label
+          class=""
+          for="field1_webex"
+        >
+          Webex
+        </label>
+      </div>
+    </div>
+  </fieldset>
+</div>
+`;
diff --git a/client/test/app/queue/organizationUsers/OrganizationUsers.test.js b/client/test/app/queue/organizationUsers/OrganizationUsers.test.js
new file mode 100644
index 00000000000..8d8a108754a
--- /dev/null
+++ b/client/test/app/queue/organizationUsers/OrganizationUsers.test.js
@@ -0,0 +1,122 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import OrganizationUsers from 'app/queue/OrganizationUsers';
+import ApiUtil from 'app/util/ApiUtil';
+
+jest.mock('app/util/ApiUtil');
+
+describe('Conference Selection Visibility Feature Toggle', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+  ApiUtil.get.mockResolvedValue({
+    body: {
+      organization_name: 'Hearings Management',
+      judge_team: false,
+      dvc_team: false,
+      organization_users: {
+        data: [
+          {
+            id: '126',
+            type: 'administered_user',
+            attributes: {
+              css_id: 'BVASORANGE',
+              full_name: 'Felicia BuildAndEditHearingSchedule Orange',
+              email: null,
+              admin: false,
+              dvc: null,
+            },
+          },
+          {
+            id: '2000001601',
+            type: 'administered_user',
+            attributes: {
+              css_id: 'AMBRISVACO',
+              full_name: 'Gail Maggio V',
+              email: 'juli@stroman-kertzmann.net',
+              admin: true,
+              dvc: null,
+            },
+          },
+        ],
+      },
+      membership_requests: [],
+      isVhaOrg: false,
+    },
+  });
+  it('Finds component by Text when conferenceSelectionVisibility is true', async () => {
+    const conferenceSelectionVisibilityValue = true;
+
+    const { findAllByText } = render(
+      <OrganizationUsers
+        conferenceSelectionVisibility={conferenceSelectionVisibilityValue}
+      />
+    );
+    const nestedText = await findAllByText('Webex');
+
+    expect(nestedText[0]).toBeInTheDocument();
+  });
+
+  it('Component does not render when conferenceSelectionVisibility is false', async () => {
+    const conferenceSelectionVisibilityValue = false;
+
+    const { queryAllByText } = render(
+      <OrganizationUsers
+        conferenceSelectionVisibility={conferenceSelectionVisibilityValue}
+      />
+    );
+    const nestedText = await queryAllByText('Webex');
+
+    expect(nestedText).toHaveLength(0);
+  });
+
+  it('Component does not render when orginization_name is not Hearing Admin', async () => {
+    const conferenceSelectionVisibilityValue = false;
+
+    ApiUtil.get.mockResolvedValue({
+      body: {
+        organization_name: 'Hearing Management',
+        judge_team: false,
+        dvc_team: false,
+        organization_users: {
+          data: [
+            {
+              id: '126',
+              type: 'administered_user',
+              attributes: {
+                css_id: 'BVASORANGE',
+                full_name: 'Felicia BuildAndEditHearingSchedule Orange',
+                email: null,
+                admin: false,
+                dvc: null,
+              },
+            },
+            {
+              id: '2000001601',
+              type: 'administered_user',
+              attributes: {
+                css_id: 'AMBRISVACO',
+                full_name: 'Gail Maggio V',
+                email: 'juli@stroman-kertzmann.net',
+                admin: true,
+                dvc: null,
+              },
+            },
+          ],
+        },
+        membership_requests: [],
+        isVhaOrg: false,
+      },
+    });
+
+    const { queryAllByText } = render(
+      <OrganizationUsers
+        conferenceSelectionVisibility={conferenceSelectionVisibilityValue}
+      />
+    );
+    const nestedTextWebex = await queryAllByText('Webex');
+
+    expect(nestedTextWebex).toHaveLength(0);
+  });
+});
diff --git a/client/test/data/hearings.js b/client/test/data/hearings.js
index 647f5636fe8..19a09b6d648 100644
--- a/client/test/data/hearings.js
+++ b/client/test/data/hearings.js
@@ -36,15 +36,364 @@ export const virtualHearing = {
     hostPin: '8600030#',
     guestPin: '2684353125#',
     hostLink:
+      // eslint-disable-next-line max-len
       'https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=8600030#&role=host',
     guestLink:
+      // eslint-disable-next-line max-len
       'https://care.evn.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000009@care.evn.va.gov&pin=2684353125#&role=guest',
     jobCompleted: true,
     scheduledInTimezone: 'America/Chicago',
-    scheduledTimeString: '03:30'
+    scheduledTimeString: '03:30',
+    conferenceProvider: 'pexip'
   },
 };
 
+export const virtualWebexHearing = {
+  virtualHearing: {
+    aliasWithHost: 'BVA@care.env.va.gov',
+    appellantEmail: 'test@test.com',
+    appellantTz: 'America/Los_Angeles',
+    coHostLink: 'https://instant-usgov.webex.com/visit/u2f4ls3',
+    conferenceProvider: 'webex',
+    guestLink: 'https://instant-usgov.webex.com/visit/w9hjxwa',
+    guestPin: null,
+    hostLink: 'https://instant-usgov.webex.com/visit/5iqlapj',
+    hostPin: null,
+    jobCompleted: true,
+    representativeEmail: 'caseflow-rep@test.com',
+    representativeTz: null,
+    requestCancelled: false,
+    status: 'active'
+  },
+};
+
+export const nonVirtualWebexHearing = {
+  currentIssueCount: 0,
+  aod: null,
+  advanceOnDocketMotion: null,
+  appealExternalId: '679840002',
+  appealId: 4,
+  appellantAddressLine1: '9999 MISSION ST',
+  appellantCity: 'SAN FRANCISCO',
+  appellantEmailAddress: 'veteran@test.test',
+  appellantFirstName: null,
+  appellantIsNotVeteran: false,
+  appellantLastName: null,
+  appellantState: 'CA',
+  appellantTz: 'America/Los_Angeles',
+  appellantZip: '94103',
+  availableHearingLocations: {},
+  bvaPoc: null,
+  centralOfficeTimeString: '12:30',
+  claimantId: 4,
+  closestRegionalOffice: null,
+  conferenceProvider: 'webex',
+  dailyDocketConferenceLink: {
+    alias: null,
+    aliasWithHost: null,
+    coHostLink: 'https://instant-usgov.webex.com/visit/wz17ys8',
+    conferenceDeleted: false,
+    conferenceId: null,
+    guestHearingLink: 'https://instant-usgov.webex.com/visit/47imtxx',
+    guestPinLong: null,
+    hearingDayId: 151,
+    hostLink: 'https://instant-usgov.webex.com/visit/hu1swd0',
+    hostPin: null,
+    id: 302
+  },
+  disposition: null,
+  dispositionEditable: true,
+  docketName: 'legacy',
+  docketNumber: '180000101',
+  evidenceWindowWaived: false,
+  externalId: '461985',
+  hearingDayId: 151,
+  id: 311,
+  judgeId: 4,
+  judge: {
+    id: 4,
+    createdAt: '2024-02-01T09:35:56.848-05:00',
+    cssId: 'BVAAABSHIRE',
+    efolderDocumentsFetchedAt: null,
+    email: null,
+    fullName: 'Aaron Judge_HearingsAndCases Abshire',
+    lastLoginAt: null,
+    roles: {},
+    selectedRegionalOffice: null,
+    stationId: '101',
+    status: 'active',
+    statusUpdatedAt: null,
+    updatedAt: '2024-02-01T09:35:56.848-05:00',
+    displayName: 'BVAAABSHIRE (VACO)',
+  },
+  location: null,
+  militaryService: '',
+  notes: null,
+  paperCase: false,
+  prepped: null,
+  readableLocation: 'St. Petersburg regional office',
+  readableRequestType: 'Video',
+  regionalOfficeKey: 'R017',
+  regionalOfficeName: 'St. Petersburg regional office',
+  regionalOfficeTimezone: 'America/New_York',
+  representative: 'Clarence Darrow',
+  representativeName: null,
+  representativeEmailAddress: 'caseflow-rep@test.test',
+  representativeTz: 'America/Los_Angeles',
+  room: '9',
+  scheduledFor: '2024-02-29T12:30:00.000-05:00',
+  scheduledForIsPast: false,
+  scheduledTimeString: '12:30',
+  summary: null,
+  transcriptRequested: null,
+  transcription: {},
+  veteranAge: 30,
+  veteranFileNumber: '100000100',
+  veteranFirstName: 'Dennis',
+  veteranGender: 'F',
+  veteranLastName: 'Bailey',
+  veteranEmailAddress: 'test@test.test',
+  isVirtual: false,
+  wasVirtual: false,
+  witness: null,
+};
+
+export const legacyWebexHearing = {
+  poaName: 'AMERICAN LEGION',
+  currentIssueCount: 1,
+  caseType: 'Original',
+  aod: false,
+  advanceOnDocketMotion: null,
+  appealExternalId: '0bf0263c-d863-4405-9b2e-f55cff77c6c3',
+  appealId: 613,
+  appellantAddressLine1: '9999 MISSION ST',
+  appellantCity: 'SAN FRANCISCO',
+  appellantEmailAddress: 'tom.brady@caseflow.gov',
+  appellantFirstName: 'Tom',
+  appellantIsNotVeteran: true,
+  appellantLastName: 'Brady',
+  appellantState: 'CA',
+  appellantZip: '94103',
+  availableHearingLocations: {},
+  bvaPoc: null,
+  centralOfficeTimeString: '04:00',
+  claimantId: 604,
+  closestRegionalOffice: null,
+  conferenceProvider: 'webex',
+  disposition: null,
+  dispositionEditable: true,
+  docketName: 'legacy',
+  docketNumber: '200624-613',
+  evidenceWindowWaived: false,
+  externalId: '61e7af7a-586c-446d-b8ee-a65be467e9e0',
+  hearingDayId: 11,
+  id: 10,
+  judge: {
+    id: 3,
+    createdAt: '2020-06-25T11:00:43.257-04:00',
+    cssId: 'BVAAABSHIRE',
+    efolderDocumentsFetchedAt: null,
+    email: null,
+    fullName: 'Aaron Judge_HearingsAndCases Abshire',
+    lastLoginAt: null,
+    roles: {},
+    selectedRegionalOffice: null,
+    stationId: '101',
+    status: 'active',
+    statusUpdatedAt: null,
+    updatedAt: '2020-06-25T11:00:43.257-04:00',
+    displayName: 'BVAAABSHIRE (VACO)',
+  },
+  judgeId: '3',
+  location: null,
+  militaryService: '',
+  nonVirtualConferenceLink: {
+    hostPin: null,
+    hostLink: 'https://instant-usgov.webex.com/visit/3k8cjyd',
+    alias: null,
+    guestPin: null,
+    guestLink: 'https://instant-usgov.webex.com/visit/4exy2vk',
+    coHostLink: 'https://instant-usgov.webex.com/visit/6yxtt4e',
+    type: 'WebexConferenceLink',
+    conferenceProvider: 'webex'
+  },
+  notes: null,
+  paperCase: false,
+  prepped: null,
+  readableLocation: null,
+  readableRequestType: 'Video',
+  regionalOfficeKey: 'RO17',
+  regionalOfficeName: 'St. Petersburg regional office',
+  regionalOfficeTimezone: 'America/New_York',
+  representative: 'PARALYZED VETERANS OF AMERICA, INC.',
+  representativeName: null,
+  representativeEmailAddress: 'tom.brady@caseflow.gov',
+  room: '1',
+  scheduledFor: '2020-07-06T04:00:00.000-04:00',
+  scheduledForIsPast: false,
+  scheduledTime: '2000-01-01T04:00:00.000-05:00',
+  scheduledTimeString: '04:00',
+  summary: null,
+  transcriptionFiles: {
+    0: {
+      0: {
+        dateUploadAws: '',
+        fileName: 'test_file_name.mp4',
+        awsLink: 'test_aws_location',
+        fileStatus: 'Successful Upload (AWS)'
+      },
+      1: {
+        dateUploadAws: '',
+        fileName: 'test_file_name.mp3',
+        awsLink: 'test_aws_location',
+        fileStatus: 'Successful Upload (AWS)'
+      },
+      2: {
+        dateUploadAws: '',
+        fileName: 'test_file_name.vtt',
+        awsLink: 'test_aws_location',
+        fileStatus: 'Successful Upload (AWS)'
+      },
+      3: {
+        dateUploadAws: '',
+        fileName: 'test_file_name.rtf',
+        awsLink: 'test_aws_location',
+        fileStatus: 'Successful Upload (AWS)'
+      }
+    },
+    1: {
+      0: {
+        dateUploadAws: '',
+        fileName: 'test_file_name-2.mp4',
+        awsLink: 'test_aws_location',
+        fileStatus: 'Successful Upload (AWS)'
+      },
+      1: {
+        dateUploadAws: '',
+        fileName: 'test_file_name-2.mp3',
+        awsLink: 'test_aws_location',
+        fileStatus: 'Successful Upload (AWS)'
+      },
+      2: {
+        dateUploadAws: '',
+        fileName: 'test_file_name-2.vtt',
+        awsLink: 'test_aws_location',
+        fileStatus: 'Successful Upload (AWS)'
+      },
+      3: {
+        dateUploadAws: '',
+        fileName: 'test_file_name-2.rtf',
+        awsLink: 'test_aws_location',
+        fileStatus: 'Successful Upload (AWS)'
+      },
+      4: {
+        dateUploadAws: '',
+        fileName: 'test_file_name-2.csv',
+        awsLink: 'test_aws_location',
+        fileStatus: 'Successful Upload (AWS)'
+      }
+    }
+  },
+  uuid: '61e7af7a-586c-446d-b8ee-a65be467e9e0',
+  veteranAge: 85,
+  veteranFileNumber: '100000005',
+  veteranFirstName: 'Brian',
+  veteranGender: 'M',
+  veteranLastName: 'Hodkiewicz',
+  veteranEmailAddress: 'Brian.Hodkiewicz@test.com',
+  isVirtual: false,
+  virtualHearing: null,
+  emailEvents: [],
+  wasVirtual: false,
+  witness: null,
+  worksheetIssues: {},
+};
+
+export const amaHearingPast = {
+  poaName: 'AMERICAN LEGION',
+  currentIssueCount: 1,
+  caseType: 'Original',
+  aod: false,
+  advanceOnDocketMotion: null,
+  appealExternalId: '005334f7-b5c6-490c-a310-7dc5db22c8c3',
+  appealId: 4,
+  appellantAddressLine1: '9999 MISSION ST',
+  appellantCity: 'SAN FRANCISCO',
+  appellantEmailAddress: 'tom.brady@caseflow.gov',
+  appellantFirstName: 'Bob',
+  appellantIsNotVeteran: false,
+  appellantLastName: 'Smith',
+  appellantState: 'CA',
+  appellantTz: 'America/Los_Angeles',
+  appellantZip: '94103',
+  availableHearingLocations: {},
+  bvaPoc: null,
+  centralOfficeTimeString: '03:30',
+  claimantId: 4,
+  closestRegionalOffice: null,
+  conferenceProvider: 'pexip',
+  disposition: null,
+  dispositionEditable: true,
+  docketName: 'hearing',
+  docketNumber: '200628-4',
+  evidenceWindowWaived: false,
+  externalId: '9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a',
+  hearingDayId: 4,
+  id: 4,
+  judgeId: 3,
+  judge: {
+    id: 3,
+    createdAt: '2020-06-25T11:00:43.257-04:00',
+    cssId: 'BVAAABSHIRE',
+    efolderDocumentsFetchedAt: null,
+    email: null,
+    fullName: 'Aaron Judge_HearingsAndCases Abshire',
+    lastLoginAt: null,
+    roles: {},
+    selectedRegionalOffice: null,
+    stationId: '101',
+    status: 'active',
+    statusUpdatedAt: null,
+    updatedAt: '2020-06-25T11:00:43.257-04:00',
+    displayName: 'BVAAABSHIRE (VACO)',
+  },
+  location: null,
+  militaryService: '',
+  notes: null,
+  paperCase: false,
+  prepped: null,
+  readableLocation: 'Washington, DC',
+  readableRequestType: 'Central',
+  regionalOfficeKey: 'C',
+  regionalOfficeName: 'Central',
+  regionalOfficeTimezone: 'America/New_York',
+  representative: 'Clarence Darrow',
+  representativeName: 'PARALYZED VETERANS OF AMERICA, INC.',
+  representativeEmailAddress: 'tom.brady@caseflow.gov',
+  representativeTz: 'America/Denver',
+  room: '2',
+  scheduledFor: '2020-01-06T06:00:00.000-04:00',
+  scheduledForIsPast: true,
+  scheduledTime: '2000-01-01T03:30:00.000-05:00',
+  scheduledTimeString: '03:30',
+  summary: null,
+  transcriptRequested: null,
+  transcription: {},
+  uuid: '9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a',
+  veteranAge: 85,
+  veteranFileNumber: '500000003',
+  veteranFirstName: 'Bob',
+  veteranGender: 'M',
+  veteranLastName: 'Smith',
+  veteranEmailAddress: 'Bob.Smith@test.com',
+  isVirtual: true,
+  wasVirtual: false,
+  witness: null,
+  worksheetIssues: {},
+  ...virtualHearing,
+  ...virtualHearingEmails,
+};
+
 export const amaHearing = {
   poaName: 'AMERICAN LEGION',
   currentIssueCount: 1,
@@ -67,6 +416,7 @@ export const amaHearing = {
   centralOfficeTimeString: '03:30',
   claimantId: 4,
   closestRegionalOffice: null,
+  conferenceProvider: 'pexip',
   disposition: null,
   dispositionEditable: true,
   docketName: 'hearing',
@@ -91,6 +441,7 @@ export const amaHearing = {
     statusUpdatedAt: null,
     updatedAt: '2020-06-25T11:00:43.257-04:00',
     displayName: 'BVAAABSHIRE (VACO)',
+    meetingType: 'pexip'
   },
   location: null,
   militaryService: '',
@@ -129,6 +480,152 @@ export const amaHearing = {
   ...virtualHearingEmails,
 };
 
+export const amaWebexHearing = {
+  poaName: 'AMERICAN LEGION',
+  currentIssueCount: 1,
+  caseType: 'Original',
+  aod: false,
+  advanceOnDocketMotion: null,
+  appealExternalId: '005334f7-b5c6-490c-a310-7dc5db22c8c3',
+  appealId: 4,
+  appellantAddressLine1: '9999 MISSION ST',
+  appellantCity: 'SAN FRANCISCO',
+  appellantEmailAddress: 'tom.brady@caseflow.gov',
+  appellantFirstName: 'Bob',
+  appellantIsNotVeteran: false,
+  appellantLastName: 'Smith',
+  appellantState: 'CA',
+  appellantTz: 'America/Los_Angeles',
+  appellantZip: '94103',
+  availableHearingLocations: {},
+  bvaPoc: null,
+  centralOfficeTimeString: '03:30',
+  claimantId: 4,
+  closestRegionalOffice: null,
+  conferenceProvider: 'webex',
+  disposition: null,
+  dispositionEditable: true,
+  docketName: 'hearing',
+  docketNumber: '200628-4',
+  evidenceWindowWaived: false,
+  externalId: '9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a',
+  hearingDayId: 4,
+  id: 4,
+  judgeId: 3,
+  judge: {
+    id: 3,
+    createdAt: '2020-06-26T11:00:43.257-04:00',
+    cssId: 'BVAAABSHIRE',
+    efolderDocumentsFetchedAt: null,
+    email: null,
+    fullName: 'Aaron Judge_HearingsAndCases Abshire',
+    lastLoginAt: null,
+    roles: {},
+    selectedRegionalOffice: null,
+    stationId: '101',
+    status: 'active',
+    statusUpdatedAt: null,
+    updatedAt: '2020-06-25T11:00:43.257-04:00',
+    displayName: 'BVAAABSHIRE (VACO)',
+    meetingType: 'pexip'
+  },
+  location: null,
+  militaryService: '',
+  notes: null,
+  paperCase: false,
+  prepped: null,
+  readableLocation: 'Washington, DC',
+  readableRequestType: 'Central',
+  regionalOfficeKey: 'C',
+  regionalOfficeName: 'Central',
+  regionalOfficeTimezone: 'America/New_York',
+  representative: 'Clarence Darrow',
+  representativeName: 'PARALYZED VETERANS OF AMERICA, INC.',
+  representativeEmailAddress: 'tom.brady@caseflow.gov',
+  representativeTz: 'America/Denver',
+  room: '2',
+  scheduledFor: '2020-07-06T06:00:00.000-04:00',
+  scheduledForIsPast: false,
+  scheduledTime: '2000-01-01T03:30:00.000-05:00',
+  scheduledTimeString: '03:30',
+  summary: null,
+  transcriptRequested: null,
+  transcription: {},
+  transcriptionFiles: {
+    0: {
+      0: {
+        dateUploadAws: '2024-03-14 00:00:00 UTC',
+        fileName: 'test_file_name.mp4',
+        awsLink: 'test_aws_location',
+        fileStatus: 'Successful Upload (AWS)'
+      },
+      1: {
+        dateUploadAws: '2024-03-14 00:00:00 UTC',
+        fileName: 'test_file_name.mp3',
+        awsLink: 'test_aws_location',
+        fileStatus: 'Successful Upload (AWS)'
+      },
+      2: {
+        dateUploadAws: '2024-03-14 00:00:00 UTC',
+        fileName: 'test_file_name.vtt',
+        awsLink: 'test_aws_location',
+        fileStatus: 'Successful Upload (AWS)'
+      },
+      3: {
+        dateUploadAws: '2024-03-14 00:00:00 UTC',
+        fileName: 'test_file_name.rtf',
+        awsLink: 'test_aws_location',
+        fileStatus: 'Successful Upload (AWS)'
+      }
+    },
+    1: {
+      0: {
+        dateUploadAws: '2024-03-14 00:00:00 UTC',
+        fileName: 'test_file_name-2.mp4',
+        awsLink: 'test_aws_location',
+        fileStatus: 'Successful Upload (AWS)'
+      },
+      1: {
+        dateUploadAws: '2024-03-14 00:00:00 UTC',
+        fileName: 'test_file_name-2.mp3',
+        awsLink: 'test_aws_location',
+        fileStatus: 'Successful Upload (AWS)'
+      },
+      2: {
+        dateUploadAws: '2024-03-14 00:00:00 UTC',
+        fileName: 'test_file_name-2.vtt',
+        awsLink: 'test_aws_location',
+        fileStatus: 'Successful Upload (AWS)'
+      },
+      3: {
+        dateUploadAws: '2024-03-14 00:00:00 UTC',
+        fileName: 'test_file_name-2.rtf',
+        awsLink: 'test_aws_location',
+        fileStatus: 'Successful Upload (AWS)'
+      },
+      4: {
+        dateUploadAws: '2024-03-14 00:00:00 UTC',
+        fileName: 'test_file_name-2.csv',
+        awsLink: 'test_aws_location',
+        fileStatus: 'Successful Upload (AWS)'
+      }
+    }
+  },
+  uuid: '9bb8e27e-9b89-48cd-8b0b-2e75cfa5627a',
+  veteranAge: 85,
+  veteranFileNumber: '500000003',
+  veteranFirstName: 'Bob',
+  veteranGender: 'M',
+  veteranLastName: 'Smith',
+  veteranEmailAddress: 'Bob.Smith@test.com',
+  isVirtual: true,
+  wasVirtual: false,
+  witness: null,
+  worksheetIssues: {},
+  ...virtualHearing,
+  ...virtualHearingEmails,
+};
+
 export const legacyHearing = {
   poaName: 'AMERICAN LEGION',
   currentIssueCount: 1,
@@ -150,6 +647,7 @@ export const legacyHearing = {
   centralOfficeTimeString: '04:00',
   claimantId: 604,
   closestRegionalOffice: null,
+  conferenceProvider: 'pexip',
   disposition: null,
   dispositionEditable: true,
   docketName: 'legacy',
@@ -231,6 +729,7 @@ export const defaultHearing = {
   centralOfficeTimeString: '04:00',
   claimantId: 604,
   closestRegionalOffice: null,
+  conferenceProvider: 'pexip',
   currentIssueCount: 0,
   disposition: null,
   dispositionEditable: true,
@@ -318,6 +817,7 @@ export const centralHearing = {
   centralOfficeTimeString: '08:30',
   claimantId: 604,
   closestRegionalOffice: null,
+  conferenceProvider: 'pexip',
   currentIssueCount: 0,
   disposition: null,
   dispositionEditable: true,
diff --git a/client/test/data/hearings/dailyDocket/dailyDocketProps.js b/client/test/data/hearings/dailyDocket/dailyDocketProps.js
index 2b77d3ae71a..25770a60d80 100644
--- a/client/test/data/hearings/dailyDocket/dailyDocketProps.js
+++ b/client/test/data/hearings/dailyDocket/dailyDocketProps.js
@@ -20,6 +20,7 @@ export const dailyDocketPropsHearingNotVirtualJudgeUser = {
     centralOfficeTimeString: '09:30',
     claimantId: 968,
     closestRegionalOffice: null,
+    conferenceProvider: 'webex',
     contestedClaim: false,
     currentIssueCount: 12,
     disposition: null,
@@ -42,7 +43,7 @@ export const dailyDocketPropsHearingNotVirtualJudgeUser = {
     regionalOfficeTimezone: 'America/Chicago',
     room: '21',
     scheduledFor: '2022-04-29T08:30:00.000-05:00',
-    scheduledForIsPast: true,
+    scheduledForIsPast: false,
     scheduledTime: '2000-01-01T08:30:00.000-05:00',
     scheduledTimeString: '08:30',
     summary: null,
@@ -110,6 +111,7 @@ export const dailyDocketPropsHearingNotVirtualAttorneyUser = {
     centralOfficeTimeString: '09:30',
     claimantId: 968,
     closestRegionalOffice: null,
+    conferenceProvider: 'pexip',
     contestedClaim: false,
     currentIssueCount: 12,
     disposition: null,
@@ -197,6 +199,7 @@ export const dailyDocketPropsHearingNotVirtualCoordinatorUser = {
     centralOfficeTimeString: '09:30',
     claimantId: 968,
     closestRegionalOffice: null,
+    conferenceProvider: 'webex',
     contestedClaim: false,
     currentIssueCount: 12,
     disposition: null,
@@ -285,6 +288,7 @@ export const dailyDocketPropsHearingNotVirtualVSOUser = {
     centralOfficeTimeString: '09:30',
     claimantId: 968,
     closestRegionalOffice: null,
+    conferenceProvider: 'pexip',
     contestedClaim: false,
     currentIssueCount: 12,
     disposition: null,
@@ -372,6 +376,7 @@ export const dailyDocketPropsHearingNotVirtualDVCUser = {
     centralOfficeTimeString: '09:30',
     claimantId: 968,
     closestRegionalOffice: null,
+    conferenceProvider: 'pexip',
     contestedClaim: false,
     currentIssueCount: 12,
     disposition: null,
@@ -462,6 +467,7 @@ export const dailyDocketPropsHearingNotVirtualTranscriberUser = {
     centralOfficeTimeString: '09:30',
     claimantId: 968,
     closestRegionalOffice: null,
+    conferenceProvider: 'webex',
     contestedClaim: false,
     currentIssueCount: 12,
     disposition: null,
@@ -553,6 +559,7 @@ export const dailyDocketPropsHearingIsVirtual = {
     centralOfficeTimeString: '09:30',
     claimantId: 970,
     closestRegionalOffice: null,
+    conferenceProvider: 'pexip',
     contestedClaim: false,
     currentIssueCount: 4,
     disposition: null,
diff --git a/client/test/data/hearings/dailyDocket/store/dailyDocketStore.js b/client/test/data/hearings/dailyDocket/store/dailyDocketStore.js
index 2151e0b9795..7d24809b1d6 100644
--- a/client/test/data/hearings/dailyDocket/store/dailyDocketStore.js
+++ b/client/test/data/hearings/dailyDocket/store/dailyDocketStore.js
@@ -12082,7 +12082,7 @@ export const dailyDocketFullStore = {
         regionalOfficeTimezone: 'America/Chicago',
         room: '21',
         scheduledFor: '2022-04-29T08:30:00.000-05:00',
-        scheduledForIsPast: true,
+        scheduledForIsPast: false,
         scheduledTime: '2000-01-01T08:30:00.000-05:00',
         scheduledTimeString: '08:30',
         summary: null,
diff --git a/client/test/data/stores/hearingsStore.js b/client/test/data/stores/hearingsStore.js
index 98f364f8720..4257010aee0 100644
--- a/client/test/data/stores/hearingsStore.js
+++ b/client/test/data/stores/hearingsStore.js
@@ -10,6 +10,22 @@ import { defaultHearing, amaHearing, centralHearing } from '../hearings';
 
 export const initialState = {
   hearingSchedule: { hearings: [defaultHearing, amaHearing, centralHearing] },
+  dailyDocket: {
+    hearingDay: {
+      conferenceLink: {
+        0: {
+          hostPin: '2949749',
+          hostLink: 'https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host',
+          alias: 'BVA0000130@example.va.gov',
+          guestPin: '9523850278',
+          guestLink: 'https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video',
+          coHostLink: null,
+          type: 'PexipConferenceLink',
+          conferenceProvider: 'pexip'
+        }
+      }
+    }
+  },
   components: {
     dropdowns: {
       hearingCoordinators: {
diff --git a/client/test/data/user.js b/client/test/data/user.js
index 944e6092be6..e8f40958e2d 100644
--- a/client/test/data/user.js
+++ b/client/test/data/user.js
@@ -25,6 +25,17 @@ export const vsoUser = {
   userCanAssignHearingSchedule: false
 };
 
+export const hearingUser = {
+  ...userWithJudgeRole,
+  userIsHearingAdmin: true,
+  userIsHearingManagment: true,
+  userCanAddVirtualHearingDays: true,
+  userCanAssignHearingSchedule: true,
+  userCanBuildHearingSchedule: true,
+  userCanViewFnodBadgeInHearings: true,
+  userCanViewHearingSchedule: true
+};
+
 const attyTemplate = ({ id }) => {
   const name = faker.name.findName();
 
diff --git a/client/test/data/virtualHearings.js b/client/test/data/virtualHearings.js
index 60b18d76bfb..8643db6bdc2 100644
--- a/client/test/data/virtualHearings.js
+++ b/client/test/data/virtualHearings.js
@@ -4,5 +4,12 @@ export const inProgressvirtualHearing = {
   guestPin: '12345678#',
   hostPin: '1234567890#',
   aliasWithHost: 'BVA#00000001@localhost',
-  jobCompleted: true
+  jobCompleted: true,
+  hostLink:
+  'https://example.va.gov/bva-app/?join=1&media=&escalate=1&conference=BVA0000031@example.va.gov&pin=2949749&role=host',
+  alias: 'BVA0000130@example.va.gov',
+  guestLink: 'https://example.va.gov/sample/?conference=BVA0000130@example.va.gov&pin=9523850278&callType=video',
+  coHostLink: null,
+  type: 'PexipConferenceLink',
+  conferenceProvider: 'pexip'
 };
diff --git a/config/environments/development.rb b/config/environments/development.rb
index b9d9e2c9c33..28728d3da24 100644
--- a/config/environments/development.rb
+++ b/config/environments/development.rb
@@ -138,7 +138,7 @@
   ENV["REQUEST_ISSUE_DEFAULT_UPPER_BOUND_PER_PAGE"] ||= "50"
 
   # Necessary vars needed to create virtual hearing links
-  # Used by VirtualHearings::LinkService
+  # Used by VirtualHearings::PexipLinkService
   ENV["VIRTUAL_HEARING_PIN_KEY"] ||= "mysecretkey"
   ENV["VIRTUAL_HEARING_URL_HOST"] ||= "example.va.gov"
   ENV["VIRTUAL_HEARING_URL_PATH"] ||= "/sample"
diff --git a/config/environments/production.rb b/config/environments/production.rb
index f1d8fe761c6..7b727b5a6ff 100644
--- a/config/environments/production.rb
+++ b/config/environments/production.rb
@@ -68,6 +68,7 @@
   # config.active_job.queue_name_prefix = "caseflow_certification_production"
 
   config.action_mailer.perform_caching = false
+  config.action_mailer.show_previews = false
 
   config.action_mailer.delivery_method = :govdelivery_tms
   config.action_mailer.govdelivery_tms_settings = {
diff --git a/config/environments/test.rb b/config/environments/test.rb
index 3df218a1844..449d8849b23 100644
--- a/config/environments/test.rb
+++ b/config/environments/test.rb
@@ -157,6 +157,21 @@
   ENV["PACMAN_API_TOKEN_ISSUER"] ||= "issuer-of-our-token"
   ENV["PACMAN_API_SYS_ACCOUNT"] ||= "CSS_ID_OF_OUR_ACCOUNT"
 
+  # Webex environment variables
+  ENV["WEBEX_PORT"] ||= "443"
+  ENV["WEBEX_HOST_IC"] ||= "mtg-broker."
+  ENV["WEBEX_HOST_MAIN"] ||= "api-usgov."
+  ENV["WEBEX_HOST_STATS"] ||= "status."
+  ENV["WEBEX_DOMAIN_IC"] ||= "gov.ciscospark.com"
+  ENV["WEBEX_DOMAIN_MAIN"] ||= "webex.com"
+  ENV["WEBEX_API_IC"] ||= "/api/v2/joseencrypt"
+  ENV["WEBEX_API_MAIN"] ||= "/v1/"
+
+  # Pexip environment variables
+  ENV["VIRTUAL_HEARING_PIN_KEY"] ||= "mysecretkey"
+  ENV["VIRTUAL_HEARING_URL_HOST"] ||= "example.va.gov"
+  ENV["VIRTUAL_HEARING_URL_PATH"] ||= "/sample"
+
   # Dynatrace variables
   ENV["STATSD_ENV"] = "test"
 
diff --git a/config/initializers/aws.rb b/config/initializers/aws.rb
new file mode 100644
index 00000000000..d37101e65de
--- /dev/null
+++ b/config/initializers/aws.rb
@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+if Rails.env.development? || Rails.env.test?
+  Aws.config.update(
+    endpoint: "http://localhost:4566",
+    access_key_id: ENV["AWS_SECRET_ACCESS_KEY"],
+    secret_access_key: 'ENV["AWS_ACCESS_KEY_ID"]',
+    region: ENV["AWS_DEFAULT_REGION"] || "us-east-1"
+  )
+end
diff --git a/config/initializers/create_transcription_files_folder.rb b/config/initializers/create_transcription_files_folder.rb
new file mode 100644
index 00000000000..525d4adcd4a
--- /dev/null
+++ b/config/initializers/create_transcription_files_folder.rb
@@ -0,0 +1,8 @@
+require 'fileutils'
+
+FILE_TYPES = %w[mp4 mp3 vtt rtf xls csv].freeze
+
+# Create the tmp folder with subdirectory for each file type to store transcription files
+FILE_TYPES.each do |file_type|
+  FileUtils::mkdir_p Rails.root + "tmp/transcription_files/#{file_type}"
+end
diff --git a/config/initializers/credstash.rb b/config/initializers/credstash.rb
new file mode 100644
index 00000000000..e9bddb6c8df
--- /dev/null
+++ b/config/initializers/credstash.rb
@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+CredStash.configure do |config|
+  # Table name will probably change
+  config.table_name = "appeals-rotating-tokens"
+  config.storage = (Rails.env.development? || Rails.env.test?) ? :dynamodb_local : :dynamodb
+end
diff --git a/config/initializers/pexip.rb b/config/initializers/pexip.rb
index 0b84da94fb0..0cc6eb3bd58 100644
--- a/config/initializers/pexip.rb
+++ b/config/initializers/pexip.rb
@@ -1 +1 @@
-PexipService = (!ApplicationController.dependencies_faked? ? ExternalApi::PexipService : Fakes::PexipService)
+PexipService = (ApplicationController.dependencies_faked? ? Fakes::PexipService : ExternalApi::PexipService)
diff --git a/config/initializers/scheduled_jobs.rb b/config/initializers/scheduled_jobs.rb
index 73293371f1d..47b15b656ae 100644
--- a/config/initializers/scheduled_jobs.rb
+++ b/config/initializers/scheduled_jobs.rb
@@ -9,6 +9,7 @@
     "create_establish_claim" => CreateEstablishClaimTasksJob,
     "data_integrity_checks" => DataIntegrityChecksJob,
     "delete_conferences_job" => VirtualHearings::DeleteConferencesJob,
+    "delete_conference_link_job" => VirtualHearings::DeleteConferenceLinkJob,
     "dependencies_check" => DependenciesCheckJob,
     "dependencies_report_service_log" => DependenciesReportServiceLogJob,
     "docket_range_job" => DocketRangeJob,
@@ -49,5 +50,7 @@
     "contention_not_found_remediation_job" => ContentionNotFoundRemediationJob,
     "process_notification_status_updates_job" => ProcessNotificationStatusUpdatesJob,
     "stuck_job_scheduler_job" => StuckJobSchedulerJob,
+    "fetch_webex_rooms_list_job" => Hearings::FetchWebexRoomsListJob,
+    "refresh_webex_access_token_job" => Hearings::RefreshWebexAccessTokenJob,
     "ineligible_judges_job" => IneligibleJudgesJob
 }.freeze
diff --git a/config/initializers/webex.rb b/config/initializers/webex.rb
new file mode 100644
index 00000000000..561e795cc0f
--- /dev/null
+++ b/config/initializers/webex.rb
@@ -0,0 +1 @@
+WebexService = (ApplicationController.dependencies_faked? ? Fakes::WebexService : ExternalApi::WebexService)
diff --git a/config/routes.rb b/config/routes.rb
index 3b14fac4202..ab60f92bbfa 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -259,6 +259,7 @@
   get 'hearings/schedule/assign/hearing_days', to: "hearings/hearing_day#index_with_hearings"
   get 'hearings/queue/appeals/:vacols_id', to: 'queue#index'
   get 'hearings/find_closest_hearing_locations', to: 'hearings#find_closest_hearing_locations'
+  get 'hearings/transcription_file/:file_id/download', to: 'hearings/transcription_files#download_transcription_file'
 
   post 'hearings/hearing_view/:id', to: 'hearings/hearing_view#create'
 
diff --git a/db/migrate/20230726201514_add_meeting_type_to_users.rb b/db/migrate/20230726201514_add_meeting_type_to_users.rb
new file mode 100644
index 00000000000..b07b732c95f
--- /dev/null
+++ b/db/migrate/20230726201514_add_meeting_type_to_users.rb
@@ -0,0 +1,9 @@
+class AddMeetingTypeToUsers < Caseflow::Migration
+  def up
+    add_column :users, :meeting_type, :varChar, default: "pexip", comment: "Video Conferencing Application Type"
+  end
+
+  def down
+    remove_column :users, :meeting_type
+  end
+end
diff --git a/db/migrate/20230726203030_add_meeting_type_to_virtual_hearings.rb b/db/migrate/20230726203030_add_meeting_type_to_virtual_hearings.rb
new file mode 100644
index 00000000000..6b8f6b1e1c6
--- /dev/null
+++ b/db/migrate/20230726203030_add_meeting_type_to_virtual_hearings.rb
@@ -0,0 +1,9 @@
+class AddMeetingTypeToVirtualHearings < Caseflow::Migration
+  def up
+    add_column :virtual_hearings, :meeting_type, :varChar, default: "pexip", comment: "Video Conferencing Application Type"
+  end
+
+  def down
+    remove_column :virtual_hearings, :meeting_type
+  end
+end
diff --git a/db/migrate/20230726203750_add_meeting_type_to_conference_links.rb b/db/migrate/20230726203750_add_meeting_type_to_conference_links.rb
new file mode 100644
index 00000000000..dc0713e3f35
--- /dev/null
+++ b/db/migrate/20230726203750_add_meeting_type_to_conference_links.rb
@@ -0,0 +1,9 @@
+class AddMeetingTypeToConferenceLinks < Caseflow::Migration
+  def up
+    add_column :conference_links, :meeting_type, :varChar, default: "pexip", comment: "Video Conferencing Application Type"
+  end
+
+  def down
+    remove_column :conference_links, :meeting_type
+  end
+end
diff --git a/db/migrate/20230901183934_add_deleted_at_to_conference_links.rb b/db/migrate/20230901183934_add_deleted_at_to_conference_links.rb
new file mode 100644
index 00000000000..d8d4a4142b7
--- /dev/null
+++ b/db/migrate/20230901183934_add_deleted_at_to_conference_links.rb
@@ -0,0 +1,8 @@
+class AddDeletedAtToConferenceLinks < Caseflow::Migration
+  disable_ddl_transaction!
+
+  def change
+    add_column :conference_links, :deleted_at, :datetime, comment: "Needed column to make use of the paranoia gem."
+    add_index :conference_links, :deleted_at, algorithm: :concurrently
+  end
+end
diff --git a/db/migrate/20230914210532_normalize_meeting_types.rb b/db/migrate/20230914210532_normalize_meeting_types.rb
new file mode 100644
index 00000000000..87bb405196b
--- /dev/null
+++ b/db/migrate/20230914210532_normalize_meeting_types.rb
@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+class NormalizeMeetingTypes < Caseflow::Migration
+  disable_ddl_transaction!
+
+  def change
+    create_table :meeting_types do |table|
+      table.integer :service_name, comment: "Pexip or Webex Instant Connect", default: 0
+    end
+
+    # Create polymorhpic association for other classes to tap into
+    add_reference :meeting_types, :conferenceable, polymorphic: true, index: false
+    add_index :meeting_types,
+              [:conferenceable_type, :conferenceable_id],
+              algorithm: :concurrently,
+              name: "conferenceable_association_idx"
+
+    # Remove existing columns
+    safety_assured do
+      remove_column :virtual_hearings, :meeting_type, :string
+      remove_column :conference_links, :meeting_type, :string
+      remove_column :users, :meeting_type, :string
+    end
+  end
+end
diff --git a/db/migrate/20230924014623_add_type_column_to_conference_link.rb b/db/migrate/20230924014623_add_type_column_to_conference_link.rb
new file mode 100644
index 00000000000..1feb4ccd1b7
--- /dev/null
+++ b/db/migrate/20230924014623_add_type_column_to_conference_link.rb
@@ -0,0 +1,9 @@
+class AddTypeColumnToConferenceLink < Caseflow::Migration
+  disable_ddl_transaction!
+
+  def change
+    add_column :conference_links, :type, :string, comment: "Pexip or Webex conference link"
+
+    add_index :conference_links, :type, algorithm: :concurrently
+  end
+end
diff --git a/db/migrate/20231107173746_convert_conference_ids_to_strings.rb b/db/migrate/20231107173746_convert_conference_ids_to_strings.rb
new file mode 100644
index 00000000000..60277a50c9d
--- /dev/null
+++ b/db/migrate/20231107173746_convert_conference_ids_to_strings.rb
@@ -0,0 +1,15 @@
+class ConvertConferenceIdsToStrings < Caseflow::Migration
+  def up
+    safety_assured do
+      change_column :conference_links, :conference_id, :string
+      change_column :virtual_hearings, :conference_id, :string
+    end
+  end
+
+  def down
+    safety_assured do
+      change_column :conference_links, :conference_id, :integer
+      change_column :virtual_hearings, :conference_id, :integer
+    end
+  end
+end
diff --git a/db/migrate/20240117030132_add_co_host_link_to_virtual_hearings.rb b/db/migrate/20240117030132_add_co_host_link_to_virtual_hearings.rb
new file mode 100644
index 00000000000..ce2ee79ff54
--- /dev/null
+++ b/db/migrate/20240117030132_add_co_host_link_to_virtual_hearings.rb
@@ -0,0 +1,5 @@
+class AddCoHostLinkToVirtualHearings < Caseflow::Migration
+  def change
+    add_column :virtual_hearings, :co_host_hearing_link, :string
+  end
+end
diff --git a/db/migrate/20240118165914_create_transcription_files.rb b/db/migrate/20240118165914_create_transcription_files.rb
new file mode 100644
index 00000000000..2eaa1f3f548
--- /dev/null
+++ b/db/migrate/20240118165914_create_transcription_files.rb
@@ -0,0 +1,34 @@
+class CreateTranscriptionFiles < Caseflow::Migration
+  def change
+    create_table :transcription_files do |t|
+      t.string :file_name, null: false, comment: "File name, with extension, of the transcription file migrated by caseflow"
+      t.string :file_type, null: false, comment: "One of mp4, vtt, mp3, rtf, pdf, xls"
+      t.bigint :hearing_id, null: false, comment: "ID of the hearing associated with this record"
+      t.string :hearing_type, null: false, comment: "Type of hearing associated with this record"
+      t.string :docket_number, null: false, comment: "Docket number of associated hearing"
+      t.string :file_status, comment: "Status of the file, could be one of nil, 'Successful retrieval (Webex), Failed retrieval (Webex), Sucessful conversion, Failed conversion, Successful upload (AWS), Failed upload (AWS)'"
+      t.string :aws_link, comment: "Link to be used by HMB to download original or transformed file"
+
+      t.datetime :date_receipt_webex, comment: "Timestamp when file was added to webex"
+      t.datetime :date_converted, comment: "Timestamp when file was converted from vtt to rtf"
+      t.datetime :date_upload_box, comment: "Timestamp when file was added to box"
+      t.datetime :date_upload_aws, comment: "Timestamp when file was loaded to AWS"
+
+      t.bigint :created_by_id, comment: "The user who created the transcription record"
+      t.bigint :updated_by_id, comment: "The user who most recently updated the transcription file"
+      t.timestamps
+    end
+
+    add_index :transcription_files,
+              [:file_name, :docket_number, :hearing_id, :hearing_type],
+              unique: true,
+              name: "idx_transcription_files_on_file_name_and_docket_num_and_hearing"
+    add_index :transcription_files,
+              [:hearing_id, :hearing_type, :docket_number],
+              name: "index_transcription_files_on_docket_number_and_hearing"
+    add_index :transcription_files, [:hearing_id, :hearing_type]
+    add_index :transcription_files, [:docket_number]
+    add_index :transcription_files, [:file_type]
+    add_index :transcription_files, [:aws_link]
+  end
+end
diff --git a/db/migrate/20240130191529_add_co_host_link_to_conference_links.rb b/db/migrate/20240130191529_add_co_host_link_to_conference_links.rb
new file mode 100644
index 00000000000..7af5e633690
--- /dev/null
+++ b/db/migrate/20240130191529_add_co_host_link_to_conference_links.rb
@@ -0,0 +1,5 @@
+class AddCoHostLinkToConferenceLinks < ActiveRecord::Migration[5.2]
+  def change
+    add_column :conference_links, :co_host_link, :string
+  end
+end
diff --git a/db/migrate/20240226140103_add_hearing_id_and_hearing_type_to_conference_links.rb b/db/migrate/20240226140103_add_hearing_id_and_hearing_type_to_conference_links.rb
new file mode 100644
index 00000000000..833e1a4a400
--- /dev/null
+++ b/db/migrate/20240226140103_add_hearing_id_and_hearing_type_to_conference_links.rb
@@ -0,0 +1,10 @@
+class AddHearingIdAndHearingTypeToConferenceLinks < Caseflow::Migration
+  disable_ddl_transaction!
+
+  def change
+    add_column :conference_links, :hearing_id, :bigint, comment: "ID of the hearing associated with this record"
+    add_column :conference_links, :hearing_type, :string, comment: "Type of hearing associated with this record"
+
+    change_column_null :conference_links, :hearing_day_id, true
+  end
+end
diff --git a/db/migrate/20240226201012_add_index_to_conference_links.rb b/db/migrate/20240226201012_add_index_to_conference_links.rb
new file mode 100644
index 00000000000..a43c26b1f00
--- /dev/null
+++ b/db/migrate/20240226201012_add_index_to_conference_links.rb
@@ -0,0 +1,7 @@
+class AddIndexToConferenceLinks < Caseflow::Migration
+  disable_ddl_transaction!
+
+  def change
+    add_index :conference_links, [:hearing_id, :hearing_type], algorithm: :concurrently
+  end
+end
diff --git a/db/schema.rb b/db/schema.rb
index 3afc92fdb92..b9536b0a329 100644
--- a/db/schema.rb
+++ b/db/schema.rb
@@ -615,20 +615,28 @@
   create_table "conference_links", force: :cascade do |t|
     t.string "alias", comment: "Alias of the conference"
     t.string "alias_with_host", comment: "Alieas of the conference for the host"
+    t.string "co_host_link"
     t.boolean "conference_deleted", default: false, null: false, comment: "Flag to represent if a con ference has been deleted"
-    t.integer "conference_id", comment: "Id of the conference"
+    t.string "conference_id", comment: "Id of the conference"
     t.datetime "created_at", null: false, comment: "Date and Time of creation"
     t.bigint "created_by_id", null: false, comment: "User id of the user who created the record. FK on User table"
+    t.datetime "deleted_at", comment: "Needed column to make use of the paranoia gem."
     t.string "guest_hearing_link", comment: "Guest link for hearing daily docket."
     t.string "guest_pin_long", comment: "Pin provided for the guest, allowing them entry into the video conference."
-    t.bigint "hearing_day_id", null: false, comment: "The associated hearing day id"
+    t.bigint "hearing_day_id", comment: "The associated hearing day id"
+    t.bigint "hearing_id", comment: "ID of the hearing associated with this record"
+    t.string "hearing_type", comment: "Type of hearing associated with this record"
     t.string "host_link", comment: "Conference link generated from external conference service"
     t.integer "host_pin", comment: "Pin for the host of the conference to get into the conference"
     t.string "host_pin_long", limit: 8, comment: "Generated host pin stored as a string"
+    t.string "type", comment: "Pexip or Webex conference link"
     t.datetime "updated_at", comment: "Date and Time record was last updated"
     t.bigint "updated_by_id", comment: "user id of the user to last update the record. FK on the User table"
     t.index ["created_by_id"], name: "index_created_by_id"
+    t.index ["deleted_at"], name: "index_conference_links_on_deleted_at"
     t.index ["hearing_day_id"], name: "index_conference_links_on_hearing_day_id"
+    t.index ["hearing_id", "hearing_type"], name: "index_conference_links_on_hearing_id_and_hearing_type"
+    t.index ["type"], name: "index_conference_links_on_type"
     t.index ["updated_by_id"], name: "index_updated_by_id"
   end
 
@@ -1345,6 +1353,13 @@
     t.index ["request_issue_id"], name: "index_legacy_issues_on_request_issue_id"
   end
 
+  create_table "meeting_types", force: :cascade do |t|
+    t.bigint "conferenceable_id"
+    t.string "conferenceable_type"
+    t.integer "service_name", default: 0, comment: "Pexip or Webex Instant Connect"
+    t.index ["conferenceable_type", "conferenceable_id"], name: "conferenceable_association_idx"
+  end
+
   create_table "membership_requests", force: :cascade do |t|
     t.datetime "created_at", null: false
     t.datetime "decided_at", comment: "The date and time when the deider user made a decision about the membership request"
@@ -1958,6 +1973,30 @@
     t.index ["updated_at"], name: "index_team_quotas_on_updated_at"
   end
 
+  create_table "transcription_files", force: :cascade do |t|
+    t.string "aws_link", comment: "Link to be used by HMB to download original or transformed file"
+    t.datetime "created_at", null: false
+    t.bigint "created_by_id", comment: "The user who created the transcription record"
+    t.datetime "date_converted", comment: "Timestamp when file was converted from vtt to rtf"
+    t.datetime "date_receipt_webex", comment: "Timestamp when file was added to webex"
+    t.datetime "date_upload_aws", comment: "Timestamp when file was loaded to AWS"
+    t.datetime "date_upload_box", comment: "Timestamp when file was added to box"
+    t.string "docket_number", null: false, comment: "Docket number of associated hearing"
+    t.string "file_name", null: false, comment: "File name, with extension, of the transcription file migrated by caseflow"
+    t.string "file_status", comment: "Status of the file, could be one of nil, 'Successful retrieval (Webex), Failed retrieval (Webex), Sucessful conversion, Failed conversion, Successful upload (AWS), Failed upload (AWS)'"
+    t.string "file_type", null: false, comment: "One of mp4, vtt, mp3, rtf, pdf, xls"
+    t.bigint "hearing_id", null: false, comment: "ID of the hearing associated with this record"
+    t.string "hearing_type", null: false, comment: "Type of hearing associated with this record"
+    t.datetime "updated_at", null: false
+    t.bigint "updated_by_id", comment: "The user who most recently updated the transcription file"
+    t.index ["aws_link"], name: "index_transcription_files_on_aws_link"
+    t.index ["docket_number"], name: "index_transcription_files_on_docket_number"
+    t.index ["file_name", "docket_number", "hearing_id", "hearing_type"], name: "idx_transcription_files_on_file_name_and_docket_num_and_hearing", unique: true
+    t.index ["file_type"], name: "index_transcription_files_on_file_type"
+    t.index ["hearing_id", "hearing_type", "docket_number"], name: "index_transcription_files_on_docket_number_and_hearing"
+    t.index ["hearing_id", "hearing_type"], name: "index_transcription_files_on_hearing_id_and_hearing_type"
+  end
+
   create_table "transcriptions", force: :cascade do |t|
     t.datetime "created_at", comment: "Automatic timestamp of when transcription was created"
     t.date "expected_return_date", comment: "Expected date when transcription would be returned by the transcriber"
@@ -2220,8 +2259,9 @@
     t.boolean "appellant_email_sent", default: false, null: false, comment: "Determines whether or not a notification email was sent to the appellant"
     t.datetime "appellant_reminder_sent_at", comment: "The datetime the last reminder email was sent to the appellant."
     t.string "appellant_tz", limit: 50, comment: "Stores appellant timezone"
+    t.string "co_host_hearing_link"
     t.boolean "conference_deleted", default: false, null: false, comment: "Whether or not the conference was deleted from Pexip"
-    t.integer "conference_id", comment: "ID of conference from Pexip"
+    t.string "conference_id", comment: "ID of conference from Pexip"
     t.datetime "created_at", null: false, comment: "Automatic timestamp of when virtual hearing was created"
     t.bigint "created_by_id", null: false, comment: "User who created the virtual hearing"
     t.string "guest_hearing_link", comment: "Link used by appellants and/or representatives to join virtual hearing conference"
diff --git a/docker-compose-m1.yml b/docker-compose-m1.yml
index 7f8da3a3074..e3ce086be2e 100644
--- a/docker-compose-m1.yml
+++ b/docker-compose-m1.yml
@@ -23,7 +23,7 @@ services:
     ports:
       - "4566:4566"
     environment:
-      - SERVICES=sqs
+      - SERVICES=sqs,dynamodb,kms
     volumes:
       - ./local/sqs/conf:/conf
 
diff --git a/docker-compose.yml b/docker-compose.yml
index 0ecd5d4fc06..44152aa042a 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -28,7 +28,7 @@ services:
     ports:
       - "4566:4566"
     environment:
-      - SERVICES=sqs
+      - SERVICES=sqs,dynamodb,kms
     volumes:
       - ./local/sqs/conf:/conf
 
diff --git a/lib/caseflow/error.rb b/lib/caseflow/error.rb
index 69f46c0bdfb..f06645ebcd5 100644
--- a/lib/caseflow/error.rb
+++ b/lib/caseflow/error.rb
@@ -424,10 +424,20 @@ class MissingRequiredFieldError < VacolsRepositoryError; end
   class IdtApiError < StandardError; end
   class InvalidOneTimeKey < IdtApiError; end
 
-  class PexipApiError < SerializableError; end
+  class ConferenceCreationError < SerializableError; end
+  class MeetingTypeNotFoundError < ConferenceCreationError; end
+
+  class PexipApiError < ConferenceCreationError; end
   class PexipNotFoundError < PexipApiError; end
   class PexipBadRequestError < PexipApiError; end
   class PexipMethodNotAllowedError < PexipApiError; end
+  class PexipServiceNotReachableError < PexipApiError; end
+
+  class WebexApiError < ConferenceCreationError; end
+  class WebexNotFoundError < WebexApiError; end
+  class WebexBadRequestError < WebexApiError; end
+  class WebexMethodNotAllowedError < WebexApiError; end
+  class WebexInvalidTokenError < ConferenceCreationError; end
 
   class WorkModeCouldNotUpdateError < StandardError; end
 
diff --git a/lib/fakes/webex_service.rb b/lib/fakes/webex_service.rb
new file mode 100644
index 00000000000..6280a999ca1
--- /dev/null
+++ b/lib/fakes/webex_service.rb
@@ -0,0 +1,361 @@
+# frozen_string_literal: true
+
+class Fakes::WebexService
+  SAMPLE_CIPHER = "eyJwMnMiOiJvUlZHZENlck9OanYxWjhLeHRub3p4NklPUUNzTVdEdWFMakRXR09kLTh4Tk91OUVyWDQ1aUZ6TG5FY" \
+                  "nlJeTZTam40Vk1kVEZHU1pyaE5pRiIsInAyYyI6MzIzMzAsImF1ZCI6ImE0ZDg4NmIwLTk3OWYtNGUyYy1hOTU4LT" \
+                  "NlOGMxNDYwNWU1MSIsImlzcyI6IjU0OWRhYWNiLWJmZWUtNDkxOS1hNGU0LWMwOTQ0YTY0ZGUyNSIsImN0eSI6Ikp" \
+                  "XVCIsImVuYyI6IkEyNTZHQ00iLCJhbGciOiJQQkVTMi1IUzUxMitBMjU2S1cifQ.cm6FWc6Bl4vB_utAc_bswG82m" \
+                  "UXhxkITkI0tZDGzzh5TKdoWSS1Mjw.L8mGls6Kp3lsa8Wz.fLen-yV2sTpWlkLFCszQjcG5V9FhJVwoNB9Ky9BgCp" \
+                  "T46cFWUe-wmyn1yIZcGxFcDcwhhKwW3PVuQQ1xjl-z63o67esrvaWAjgglSioKiOFTJF1M94d4gVj2foSQtYKzR8S" \
+                  "nI6wW5X5KShcVjxjchT7xDNxnHtIZoG-Zda_aOOfz_WK18rhNcyvb-BY7cSwTMhbnuuXO0-cuJ7wNyDbvqEfWXALf" \
+                  "j87a2_WopcwK-x-8TQ20bzZKUrugt0FRj6VKxOCzxDhozmWDFMRu8Dpj2UrS7Fo-JQf_I1oN0O-Dwf5r8ItcNQEu5" \
+                  "X0tcRazhrHSNWfOL2DOaDyHawi4oxc7MqaNRxxyrpy2qYw06_TzBwRKlMFZ8fT7-GJbDlE3nqWlNw3mlRuvhu80CH" \
+                  "SO5RK5a1obU4sfLX0Fsxl-csC-1QjcHuKOSP_ozb6l7om-WeOdbSV99Fjy68egjH1NhMQIcVwpG0fy2j8r3sN4nz0" \
+                  "RSe3LXoK78JqRxk6XuaQCDkr6TmG5YjHQ2FFw1tP1ekHpNIL2oJNVAKKPgget7LRuSiM6jg.628e3hFPmZCoqXuyY" \
+                  "2OriQ"
+
+  def initialize(**args)
+    @status_code = args[:status_code] || 200
+    @error_message = args[:error_message] || "Error"
+    @num_hosts = args[:num_hosts] || 2
+    @num_guests = args[:num_guests] || 1
+  end
+
+  def self.access_token
+    "access_token"
+  end
+
+  def create_conference(virtual_hearing)
+    if error?
+      return ExternalApi::WebexService::CreateResponse.new(
+        HTTPI::Response.new(@status_code, {}, error_response)
+      )
+    end
+
+    ExternalApi::WebexService::CreateResponse.new(
+      HTTPI::Response.new(
+        200,
+        { virtual_hearing: virtual_hearing },
+        build_meeting_response
+      )
+    )
+  end
+
+  def delete_conference(virtual_hearing)
+    if error?
+      return ExternalApi::WebexService::DeleteResponse.new(
+        HTTPI::Response.new(@status_code, {}, error_response)
+      )
+    end
+
+    ExternalApi::WebexService::DeleteResponse.new(
+      HTTPI::Response.new(
+        200,
+        { virtual_hearing: virtual_hearing },
+        build_meeting_response
+      )
+    )
+  end
+
+  def fetch_recordings_list
+    if error?
+      return ExternalApi::WebexService::RecordingsListResponse.new(
+        HTTPI::Response.new(@status_code, {}, error_response)
+      )
+    end
+
+    ExternalApi::WebexService::RecordingsListResponse.new(
+      HTTPI::Response.new(
+        200,
+        {},
+        fake_recordings_list_data.to_json
+      )
+    )
+  end
+
+  def fetch_recording_details(recording_id)
+    if error?
+      return ExternalApi::WebexService::RecordingDetailsResponse.new(
+        HTTPI::Response.new(@status_code, {}, error_response)
+      )
+    end
+
+    ExternalApi::WebexService::RecordingDetailsResponse.new(
+      HTTPI::Response.new(
+        200,
+        {},
+        fake_recording_details_data.to_json
+      )
+    )
+  end
+
+  def fetch_rooms_list
+    if error?
+      return ExternalApi::WebexService::RoomsListResponse.new(
+        HTTPI::Response.new(@status_code, {}, error_response)
+      )
+    end
+
+    ExternalApi::WebexService::RoomsListResponse.new(
+      HTTPI::Response.new(
+        200,
+        {},
+        fake_rooms_list_data.to_json
+      )
+    )
+  end
+
+  def fetch_room_details(room_id)
+    if error?
+      return ExternalApi::WebexService::RoomDetailsResponse.new(
+        HTTPI::Response.new(@status_code, {}, error_response)
+      )
+    end
+
+    ExternalApi::WebexService::RoomDetailsResponse.new(
+      HTTPI::Response.new(
+        200,
+        {},
+        fake_room_details_data.to_json
+      )
+    )
+  end
+
+  def refresh_access_token
+    ExternalApi::WebexService::AccessTokenRefreshResponse.new(
+      HTTPI::Response.new(
+        200,
+        {},
+        fake_webex_access_token_data.to_json
+      )
+    )
+  end
+
+  def fake_webex_access_token_data
+    {
+      "access_token" => "token1",
+      "expires_in" => 1_209_599,
+      "refresh_token" => "token2",
+      "refresh_token_expires_in" => 7_757_533,
+      "token_type" => "Bearer",
+      "scope" => "meeting:admin_preferences_write spark:kms
+    meeting:admin_preferences_read meeting:admin_schedule_write meeting:admin_recordings_write
+    meeting:admin_participants_read meeting:admin_recordings_read meeting:admin_schedule_read
+    meeting:admin_transcripts_read"
+    }
+  end
+
+  # rubocop:disable Metrics/MethodLength
+  def fake_recordings_list_data
+    {
+      "items": [
+        {
+          "id": "4f914b1dfe3c4d11a61730f18c0f5387",
+          "meetingId": "f91b6edce9864428af084977b7c68291_I_166641849979635652",
+          "scheduledMeetingId": "f91b6edce9864428af084977b7c68291_20200713T121500Z",
+          "meetingSeriesId": "f91b6edce9864428af084977b7c68291",
+          "topic": "Webex meeting-20240520 2030-1",
+          "createTime": "2020-07-13T17:11:35Z",
+          "timeRecorded": "2020-07-13T17:05:35Z",
+          "hostDisplayName": "John Andersen",
+          "hostEmail": "john.andersen@example.com",
+          "siteUrl": "site4-example.webex.com",
+          "downloadUrl": "https://site4-example.webex.com/site4/lsr.php?RCID=b91990e37417bda24986e46cf43345ab",
+          "playbackUrl": "https://site4-example.webex.com/site4/ldr.php?RCID=69201a61d1d94a84aca18817261d1a73",
+          "format": "ARF",
+          "serviceType": "MeetingCenter",
+          "durationSeconds": 18_416,
+          "sizeBytes": 168_103,
+          "integrationTags": %w[
+            dbaeceebea5c4a63ac9d5ef1edfe36b9
+            85e1d6319aa94c0583a6891280e3437d
+            27226d1311b947f3a68d6bdf8e4e19a1
+          ],
+          "status": "available"
+        },
+        {
+          "id": "3324fb76946249cfa07fc30b3ccbf580",
+          "meetingId": "f91b6edce9864428af084977b7c68291_I_166641849979635652",
+          "scheduledMeetingId": "f91b6edce9864428af084977b7c68291_20200713T121500Z",
+          "meetingSeriesId": "f91b6edce9864428af084977b7c68291",
+          "topic": "Webex meeting-20240520 4030-1",
+          "createTime": "2020-07-13T17:11:34Z",
+          "timeRecorded": "2020-07-13T17:05:35Z",
+          "hostDisplayName": "John Andersen",
+          "hostEmail": "john.andersen@example.com",
+          "siteUrl": "site4-example.webex.com",
+          "downloadUrl": "https://site4-example.webex.com/site4/lsr.php?RCID=8a763939dec1fa26c565700d628fcb98",
+          "playbackUrl": "https://site4-example.webex.com/site4/ldr.php?RCID=b05e9c4f773745e7b88725cc97bc3161",
+          "format": "ARF",
+          "serviceType": "MeetingCenter",
+          "durationSeconds": 181_562,
+          "sizeBytes": 199_134,
+          "integrationTags": %w[
+            dbaeceebea5c4a63ac9d5ef1edfe36b9
+            85e1d6319aa94c0583a6891280e3437d
+            27226d1311b947f3a68d6bdf8e4e19a1
+          ],
+          "status": "available"
+        },
+        {
+          "id": "42b80117a2a74dcf9863bf06264f8075",
+          "meetingId": "f91b6edce9864428af084977b7c68291_I_166641849979635652",
+          "scheduledMeetingId": "f91b6edce9864428af084977b7c68291_20200713T121500Z",
+          "meetingSeriesId": "f91b6edce9864428af084977b7c68291",
+          "topic": "Webex meeting-20240520 5030-1",
+          "createTime": "2020-07-13T17:11:33Z",
+          "timeRecorded": "2020-07-13T17:05:35Z",
+          "hostDisplayName": "John Andersen",
+          "hostEmail": "john.andersen@example.com",
+          "siteUrl": "site4-example.webex.com",
+          "downloadUrl": "https://site4-example.webex.com/site4/lsr.php?RCID=0edd48adbb183e7da97884a0a984e877",
+          "playbackUrl": "https://site4-example.webex.com/site4/ldr.php?RCID=b64b28ebf70e4645954420c295a9fcad",
+          "format": "ARF",
+          "serviceType": "MeetingCenter",
+          "durationSeconds": 181_562,
+          "sizeBytes": 199_134,
+          "integrationTags": %w[
+            dbaeceebea5c4a63ac9d5ef1edfe36b9
+            85e1d6319aa94c0583a6891280e3437d
+            27226d1311b947f3a68d6bdf8e4e19a1
+          ],
+          "status": "available"
+        }
+      ]
+    }
+  end
+
+  def fake_recording_details_data
+    {
+      "id": "4f914b1dfe3c4d11a61730f18c0f5387",
+      "meetingId": "f91b6edce9864428af084977b7c68291_I_166641849979635652",
+      "scheduledMeetingId": "f91b6edce9864428af084977b7c68291_20200713T121500Z",
+      "meetingSeriesId": "f91b6edce9864428af084977b7c68291",
+      "topic": "Webex meeting-20240520 2030-1",
+      "createTime": "2020-07-13T17:11:35Z",
+      "timeRecorded": "2020-07-13T17:05:35Z",
+      "siteUrl": "site4-example.webex.com",
+      "downloadUrl": "https://site4-example.webex.com/site4/lsr.php?RCID=b91990e37417bda24986e46cf43345ab",
+      "playbackUrl": "https://site4-example.webex.com/site4/ldr.php?RCID=69201a61d1d94a84aca18817261d1a73",
+      "password": "BgJep@43",
+      "temporaryDirectDownloadLinks": {
+        "recordingDownloadLink": "https://www.learningcontainer.com/mp4-sample-video-files-download/#",
+        "audioDownloadLink": "https://freetestdata.com/audio-files/mp3/",
+        "transcriptDownloadLink": "https://www.capsubservices.com/assets/downloads/web/WebVTT.vtt",
+        "expiration": "2022-05-01T10:30:25Z"
+      },
+      "format": "ARF",
+      "serviceType": "MeetingCenter",
+      "durationSeconds": 18_416,
+      "sizeBytes": 168_103,
+      "shareToMe": false,
+      "integrationTags": %w[
+        dbaeceebea5c4a63ac9d5ef1edfe36b9
+        85e1d6319aa94c0583a6891280e3437d
+        27226d1311b947f3a68d6bdf8e4e19a1
+      ],
+      "status": "available"
+    }
+  end
+
+  def fake_rooms_list_data
+    {
+      "items": [
+        {
+          "id": "Y2lzY29zcGFyazovL3VybjpURUFNOnVzLWdvdi13ZXN0LTFfYTEvUk9PTS85YTZjZTRjMC0xNmM5LTExZWYtYjIxOC1iMWE5YTQ2",
+          "title": "Virtual Visit - 221218-977_933_Hearing-20240508 1426",
+          "type": "group",
+          "isLocked": false,
+          "lastActivity": "2024-05-20T16:58:49.551Z",
+          "creatorId": "Y2lzY29zcGFyazovL3VzL1BFT1BMRS9iOGU0ZTYyNy02MjUwLTQwY2ItYWNhZS05ZjkxZjlmY2NiYWI",
+          "created": "2024-05-20T16:54:20.684Z",
+          "ownerId": "Y2lzY29zcGFyazovL3VzL09SR0FOSVpBVElPTi81NDlkYWFjYi1iZmVlLTQ5MTktYTRlNC1jMDk0NGE2NGRlMjU",
+          "isPublic": false,
+          "isReadOnly": false
+        },
+        {
+          "id": "Y2lzY29zcGFyazovL3VybjpURUFNOnVzLWdvdi13ZXN0LTFfYTEvUk9PTS8zYTlhMzdiMC0wZWNiLTExZWYtYTNhZS02MTJkMjlj",
+          "title": "Virtual Visit - 180000304_1_LegacyHearing-20240213 1712",
+          "type": "group",
+          "isLocked": false,
+          "lastActivity": "2024-05-10T12:45:49.611Z",
+          "creatorId": "Y2lzY29zcGFyazovL3VzL1BFT1BMRS9iOGU0ZTYyNy02MjUwLTQwY2ItYWNhZS05ZjkxZjlmY2NiYWI",
+          "created": "2024-05-10T12:45:49.611Z",
+          "isPublic": false,
+          "isReadOnly": false
+        },
+        {
+          "id": "1234",
+          "title": "Virtual Visit - 221218-977_933_AMA-20240508 1426",
+          "type": "group",
+          "isLocked": false,
+          "lastActivity": "2024-05-11T12:45:49.611Z",
+          "creatorId": "56789",
+          "created": "2024-05-11T12:45:49.611Z",
+          "isPublic": false,
+          "isReadOnly": false
+        },
+        {
+          "id": "5678",
+          "title": "Virtual Visit - PatientLast Problem Hearing-20240213 3123",
+          "type": "group",
+          "isLocked": false,
+          "lastActivity": "2024-05-11T12:45:49.611Z",
+          "creatorId": "56789",
+          "created": "2024-05-11T12:45:49.611Z",
+          "isPublic": false,
+          "isReadOnly": false
+        }
+      ]
+    }
+  end
+  # rubocop:enable Metrics/MethodLength
+
+  def fake_room_details_data
+    {
+      "roomId": "Y2lzY29zcGFyazovL3VybjpURUFNOnVzLWdvdi13ZXN0LTFfYTEvUk9PTS85YTZjZTRjMC0xNmM5LTExZWYtYjIxOC1iMWE5YTQ2",
+      "meetingLink": "https://vadevops.webex.com/m/f3387f62-aded-46b9-8954-0b1f2c94dfd3",
+      "sipAddress": "28236309135@vadevops.webex.com",
+      "meetingNumber": "28236309135",
+      "meetingId": "f91b6edce9864428af084977b7c68291_I_166641849979635652",
+      "callInTollFreeNumber": "",
+      "callInTollNumber": "+1-415-527-5035"
+    }
+  end
+
+  private
+
+  def build_meeting_response
+    {
+      host: link_info(@num_hosts),
+      guest: link_info(@num_guests),
+      baseUrl: "https://instant-usgov.webex.com/visit/"
+    }.to_json
+  end
+
+  def link_info(num_links = 1)
+    Array.new(num_links).map do
+      {
+        cipher: SAMPLE_CIPHER,
+        short: Faker::Alphanumeric.alphanumeric(number: 7, min_alpha: 3, min_numeric: 1)
+      }
+    end
+  end
+
+  def error?
+    [
+      400, 401, 403, 404, 405, 409, 410,
+      500, 502, 503, 504
+    ].include? @status_code
+  end
+
+  def error_response
+    {
+      message: @error_message,
+      errors: [
+        description: @error_message
+      ],
+      trackingId: "ROUTER_#{SecureRandom.uuid}"
+    }.to_json
+  end
+end
diff --git a/spec/controllers/hearings/transcription_files_controller_spec.rb b/spec/controllers/hearings/transcription_files_controller_spec.rb
new file mode 100644
index 00000000000..1658c849903
--- /dev/null
+++ b/spec/controllers/hearings/transcription_files_controller_spec.rb
@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+describe Hearings::TranscriptionFilesController, :all_dbs, type: :controller do
+  let(:hearings_user) { create(:hearings_coordinator) }
+  before { User.authenticate!(user: hearings_user) }
+  describe "routes" do
+    let!(:hearing) { create(:hearing, :with_transcription_files) }
+    let(:transcription_file) { hearing.transcription_files.first }
+    let(:options) { { format: :vtt, file_id: transcription_file.id } }
+    subject { get :download_transcription_file, params: options }
+
+    it "downloading file" do
+      subject
+      expect(response.status).to eq(302)
+    end
+
+    context "when not a hearings user" do
+      let(:vso_user) { create(:user, :vso_role) }
+      before do
+        User.unauthenticate!
+        User.authenticate!(user: vso_user)
+      end
+      it "downloading a file" do
+        subject
+        expect(response).to redirect_to("/unauthorized")
+      end
+    end
+  end
+end
diff --git a/spec/controllers/hearings_controller_spec.rb b/spec/controllers/hearings_controller_spec.rb
index 398327f5c62..c7256f9b51a 100644
--- a/spec/controllers/hearings_controller_spec.rb
+++ b/spec/controllers/hearings_controller_spec.rb
@@ -12,6 +12,8 @@
   let(:disposition) { nil }
   let!(:vso_participant_id) { "12345" }
 
+  include_context "Enable both conference services"
+
   describe "PATCH update" do
     let(:legacy_appeal_state) { legacy_hearing.appeal.appeal_state.tap { _1.update!(hearing_scheduled: true) } }
 
@@ -231,7 +233,6 @@
           subject
           expect(VirtualHearing.first.establishment.submitted?).to eq(true)
           expect(VirtualHearing.first.status).to eq(:active)
-          expect(VirtualHearing.first.conference_id).to_not eq(nil)
           expect(VirtualHearing.first.appellant_email_sent).to eq(true)
           expect(VirtualHearing.first.judge_email_sent).to eq(true)
           expect(VirtualHearing.first.representative_email_sent).to eq(true)
@@ -273,6 +274,7 @@
           create(
             :virtual_hearing,
             :all_emails_sent,
+            :initialized,
             status: :active,
             hearing: hearing,
             conference_id: "000000"
diff --git a/spec/factories/conference_link.rb b/spec/factories/conference_link.rb
index ac8b578278d..05dba55b1b0 100644
--- a/spec/factories/conference_link.rb
+++ b/spec/factories/conference_link.rb
@@ -2,6 +2,10 @@
 
 FactoryBot.define do
   factory :conference_link do
+    transient do
+      conference_provider { "pexip" }
+    end
+
     alias_name { nil }
     conference_id { nil }
     conference_deleted { false }
@@ -12,5 +16,16 @@
     updated_at { Time.zone.now }
     created_by { create(:user) }
     updated_by { create(:user) }
+    meeting_type do
+      create(:meeting_type, service_name: conference_provider)
+    end
+
+    factory :pexip_conference_link, class: PexipConferenceLink do
+      type { "PexipConferenceLink" }
+    end
+
+    factory :webex_conference_link, class: WebexConferenceLink do
+      type { "WebexConferenceLink" }
+    end
   end
 end
diff --git a/spec/factories/hearing.rb b/spec/factories/hearing.rb
index 5c4dadc4083..1d9f4f38a7a 100644
--- a/spec/factories/hearing.rb
+++ b/spec/factories/hearing.rb
@@ -130,5 +130,32 @@
                appeal: hearing.appeal)
       end
     end
+
+    trait :with_transcription_files do
+      after(:create) do |hearing, _evaluator|
+        hearing.meeting_type.update(service_name: "webex")
+
+        2.times do |count|
+          %w[mp4 mp3 vtt rtf].each do |file_type|
+            TranscriptionFile.create!(
+              hearing_id: hearing.id,
+              hearing_type: "Hearing",
+              file_name: "#{hearing.docket_number}_#{hearing.id}_Hearing#{count == 1 ? '-2' : ''}.#{file_type}",
+              file_type: file_type,
+              docket_number: hearing.docket_number,
+              file_status: "Successful upload (AWS)",
+              date_upload_aws: Time.zone.today,
+              aws_link: "www.test.com"
+            )
+          end
+        end
+      end
+    end
+
+    trait :with_webex_non_virtual_conference_link do
+      after(:create) do |hearing, _evaluator|
+        create(:webex_conference_link, hearing_id: hearing.id, hearing_type: "Hearing")
+      end
+    end
   end
 end
diff --git a/spec/factories/hearing_day.rb b/spec/factories/hearing_day.rb
index 0d0a5e89ddb..afeeff62e6d 100644
--- a/spec/factories/hearing_day.rb
+++ b/spec/factories/hearing_day.rb
@@ -24,5 +24,18 @@
       request_type { HearingDay::REQUEST_TYPES[:virtual] }
       room { nil }
     end
+
+    trait :future_with_link do
+      after(:create) do |hearing_day|
+        create(:pexip_conference_link, hearing_day: hearing_day)
+      end
+    end
+
+    trait :past_with_link do
+      scheduled_for { 10.days.ago.to_formatted_s.split(" ")[0] }
+      after(:create) do |hearing_day|
+        create(:pexip_conference_link, hearing_day: hearing_day)
+      end
+    end
   end
 end
diff --git a/spec/factories/legacy_hearing.rb b/spec/factories/legacy_hearing.rb
index 9c41c07d68c..cbcaab1acea 100644
--- a/spec/factories/legacy_hearing.rb
+++ b/spec/factories/legacy_hearing.rb
@@ -11,6 +11,7 @@
                regional_office: regional_office,
                request_type: regional_office.nil? ? "C" : "V")
       end
+      adding_user { nil }
     end
 
     hearing_location do
@@ -53,7 +54,8 @@
     hearing_day_id { case_hearing.vdkey }
     vacols_id { case_hearing.hearing_pkseq }
     created_by do
-      User.find_by_css_id("ID_FACT_LEGACYHEARING") ||
+      adding_user ||
+        User.find_by_css_id("ID_FACT_LEGACYHEARING") ||
         create(:user, css_id: "ID_FACT_LEGACYHEARING", full_name: "Joe LegacyHearingFactory User")
     end
     updated_by do
@@ -91,5 +93,32 @@
         )
       end
     end
+
+    trait :with_transcription_files do
+      after(:create) do |hearing, _evaluator|
+        hearing.meeting_type.update(service_name: "webex")
+
+        2.times do |count|
+          %w[mp4 mp3 vtt rtf].each do |file_type|
+            TranscriptionFile.create!(
+              hearing_id: hearing.id,
+              hearing_type: "LegacyHearing",
+              file_name: "#{hearing.docket_number}_#{hearing.id}_LegacyHearing#{count == 1 ? '-2' : ''}.#{file_type}",
+              file_type: file_type,
+              docket_number: hearing.docket_number,
+              file_status: "Successful upload (AWS)",
+              date_upload_aws: Time.zone.today,
+              aws_link: "www.test.com"
+            )
+          end
+        end
+      end
+    end
+
+    trait :with_webex_non_virtual_conference_link do
+      after(:create) do |hearing, _evaluator|
+        create(:webex_conference_link, hearing_id: hearing.id, hearing_type: "LegacyHearing")
+      end
+    end
   end
 end
diff --git a/spec/factories/meeting_type.rb b/spec/factories/meeting_type.rb
new file mode 100644
index 00000000000..4d15e45f563
--- /dev/null
+++ b/spec/factories/meeting_type.rb
@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+FactoryBot.define do
+  factory :meeting_type do
+    service_name { "pexip" }
+    conferenceable { create(:user) }
+
+    trait :webex do
+      service_name { "webex" }
+    end
+  end
+end
diff --git a/spec/factories/transcription_file.rb b/spec/factories/transcription_file.rb
new file mode 100644
index 00000000000..365f43290db
--- /dev/null
+++ b/spec/factories/transcription_file.rb
@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+FactoryBot.define do
+  factory :transcription_file do
+    hearing { create(:hearing, :held) }
+    docket_number { hearing.docket_number }
+    hearing_id { hearing.id }
+    hearing_type { hearing.request_type }
+    file_name { "transcript.vtt" }
+    file_type { "vtt" }
+  end
+
+  trait :uploaded do
+    aws_link { "aws-link/#{hearing.docket_number}_#{hearing.id}_Hearing.vtt" }
+  end
+end
diff --git a/spec/factories/virtual_hearing.rb b/spec/factories/virtual_hearing.rb
index f9e7da92fbb..538687828a2 100644
--- a/spec/factories/virtual_hearing.rb
+++ b/spec/factories/virtual_hearing.rb
@@ -20,7 +20,6 @@
     representative_tz { nil }
     association :created_by, factory: :user
     association :updated_by, factory: :user
-    establishment { build(:virtual_hearing_establishment) }
     guest_pin_long { nil }
     created_at { Time.zone.now }
     updated_at { Time.zone.now }
@@ -29,12 +28,6 @@
       status { nil }
     end
 
-    trait :initialized do
-      alias_name { format("%07<id>d", id: rand(99..10_001)) }
-      conference_id { rand(1..9) }
-      after(:build, &:generate_conference_pins)
-    end
-
     trait :timezones_initialized do
       appellant_tz { "America/Denver" }
       representative_tz { "America/Los_Angeles" }
@@ -46,7 +39,7 @@
       judge_email_sent { true }
     end
 
-    trait :link_generation_initialized do
+    trait :initialized do
       alias_with_host { "BVA0000001@example.va.gov" }
       host_pin_long { "3998472" }
       guest_pin_long { "7470125694" }
@@ -69,7 +62,7 @@
     end
 
     after(:create) do |virtual_hearing, evaluator|
-      virtual_hearing.establishment.save!
+      build(:virtual_hearing_establishment, virtual_hearing: virtual_hearing).save!
 
       if evaluator.status == :cancelled
         virtual_hearing.cancel!
diff --git a/spec/feature/hearings/hearing_details_spec.rb b/spec/feature/hearings/hearing_details_spec.rb
index b8e2bad17d5..38791cbfa5e 100644
--- a/spec/feature/hearings/hearing_details_spec.rb
+++ b/spec/feature/hearings/hearing_details_spec.rb
@@ -71,35 +71,63 @@ def check_email_event_table(hearing, row_count)
     check_email_event_rows(hearing, row_count)
   end
 
-  def check_virtual_hearings_links_expired(virtual_hearing)
+  def check_pexip_hearings_links_expired
     within "#vlj-hearings-link" do
       expect(page).to have_content(
-        "VLJ Link: Expired\n" \
-        "Conference Room: #{virtual_hearing.formatted_alias_or_alias_with_host}\n" \
-        "PIN: #{virtual_hearing.host_pin}"
+        "Conference Room: N/A\n" \
+        "PIN: N/A"
+      )
+    end
+    within "#hc-hearings-link" do
+      expect(page).to have_content(
+        "Conference Room: N/A\n" \
+        "PIN: N/A"
       )
     end
     within "#guest-hearings-link" do
       expect(page).to have_content(
-        "Guest Link: Expired\n" \
-        "Conference Room: #{virtual_hearing.formatted_alias_or_alias_with_host}\n" \
-        "PIN: #{virtual_hearing.guest_pin}"
+        "Conference Room: N/A\n" \
+        "PIN: N/A"
       )
     end
   end
 
-  def check_virtual_hearings_links(virtual_hearing, disable_link = false)
+  def check_pexip_hearings_links(link, link_alias, disable_link = false)
     # Confirm that the host hearing link details exist
     within "#vlj-hearings-link" do
-      find("div", text: "Conference Room: #{virtual_hearing.formatted_alias_or_alias_with_host}")
-      find("div", text: "PIN: #{virtual_hearing.host_pin}")
-      ensure_link_present(virtual_hearing.host_link, disable_link)
+      find("div", text: "Conference Room: #{link_alias}")
+      find("div", text: "PIN: #{link.host_pin}")
+      ensure_link_present(link.host_link, disable_link)
+    end
+    # Confirm that the co-host hearing link details exist
+    within "#hc-hearings-link" do
+      find("div", text: "Conference Room: #{link_alias}")
+      find("div", text: "PIN: #{link.host_pin}")
+      ensure_link_present(link.host_link, disable_link)
     end
     # Confirm that the guest hearing link details exist
     within "#guest-hearings-link" do
-      find("div", text: "Conference Room: #{virtual_hearing.formatted_alias_or_alias_with_host}")
-      find("div", text: "PIN: #{virtual_hearing.guest_pin}")
-      ensure_link_present(virtual_hearing.guest_link, disable_link)
+      find("div", text: "Conference Room: #{link_alias}")
+      find("div", text: "PIN: #{link.guest_pin}")
+      ensure_link_present(link.guest_link, disable_link)
+    end
+  end
+
+  def check_webex_hearings_links(link, disable_link = false)
+    # Confirm that the host hearing link details exist
+    within "#vlj-hearings-link" do
+      find("div", text: link.host_link)
+      ensure_link_present(link.host_link, disable_link)
+    end
+    # Confirm that the co-host hearing link details exist
+    within "#hc-hearings-link" do
+      find("div", text: link.co_host_link)
+      ensure_link_present(link.co_host_link, disable_link)
+    end
+    # Confirm that the guest hearing link details exist
+    within "#guest-hearings-link" do
+      find("div", text: link.guest_link)
+      ensure_link_present(link.guest_link, disable_link)
     end
   end
 
@@ -107,6 +135,67 @@ def ensure_link_present(link, disable)
     expect(page).to have_selector(:css, "a[href='#{link}']") unless disable
   end
 
+  def check_transcription_files_table(hearing)
+    check_transcription_files_table_headers
+
+    within "table.transcription-files-table > tbody" do
+      expect(find_all("tr").length).to eq(hearing.transcription_files.size)
+
+      # Group transcription files by docket number to ensure table styled accordingly
+      hearing.transcription_files_by_docket_number.each_with_index do |recording, group_index|
+        group_class = "#{group_index.even? ? 'even' : 'odd'}-row-group"
+
+        recording.each_with_index do |file, file_index|
+          row_number = (group_index * 4) + file_index
+          expect(find("#table-row-#{row_number}")["class"]).to match(/#{group_class}/)
+
+          check_transcription_file_row_content(file, row_number, file_index)
+          check_transcription_file_download(file)
+        end
+      end
+    end
+  end
+
+  def check_transcription_files_table_headers
+    within "table.transcription-files-table > thead > tr" do
+      expect(find("th:first-child")).to have_content("Docket(s)")
+      expect(find("th:nth-child(2)")).to have_content("Uploaded")
+      expect(find("th:nth-child(3)")).to have_content("File Link")
+      expect(find("th:last-child")).to have_content("Status")
+    end
+  end
+
+  def check_transcription_file_row_content(file, row_number, file_index)
+    docket_number = file_index == 0 ? file.docket_number : ""
+    formatted_date = file.date_upload_aws.strftime("%m/%d/%Y")
+
+    within "#table-row-#{row_number}" do
+      download_url = "/hearings/transcription_file/#{file.id}/download"
+
+      expect(find("td:first-child")).to have_content(docket_number)
+      expect(find("td:nth-child(2)")).to have_content(formatted_date)
+      expect(find("td:nth-child(3)")).to have_link(file.file_name, href: download_url)
+      expect(find("td:last-child")).to have_content(file.file_status)
+    end
+  end
+
+  def check_transcription_file_download(file)
+    file_location = Rails.root.join("tmp/downloads_#{ENV['TEST_SUBCATEGORY'] || 'all'}", file.file_name).to_s
+
+    File.delete(file_location) if File.exist?(file_location)
+    click_link(file.file_name)
+    wait_for_download(file_location)
+    expect(File.exist?(file_location)).to be true
+    File.delete(file_location)
+  end
+
+  def wait_for_download(file_location)
+    count = 0
+    Timeout.timeout(60) do
+      count += 1 until !DownloadHelpers.downloading? && File.exist?(file_location)
+    end
+  end
+
   shared_examples "always updatable fields" do
     scenario "user can select judge, hearing room, hearing coordinator, and add notes" do
       visit "hearings/" + hearing.external_id.to_s + "/details"
@@ -150,7 +239,11 @@ def ensure_link_present(link, disable)
 
       click_button("Save")
 
-      hearing.reload
+      expect(page).to have_content(virtual_hearing_alert)
+
+      # expect VSO checkboxes to not be present for non-VSO users
+      expect(page).to_not have_content(COPY::CONVERT_HEARING_TYPE_CHECKBOX_AFFIRM_ACCESS)
+      expect(page).to_not have_content(COPY::CONVERT_HEARING_TYPE_CHECKBOX_AFFIRM_PERMISSION)
 
       # Check the Email Notification History
       check_email_event_table(hearing, 2)
@@ -166,8 +259,6 @@ def ensure_link_present(link, disable)
       expect(page).to have_field("POA/Representative Email", with: fill_in_rep_email)
       expect(page).to have_content(fill_in_veteran_tz)
       expect(page).to have_content(fill_in_rep_tz)
-
-      check_virtual_hearings_links(hearing.virtual_hearing)
     end
 
     scenario "user can optionally change emails and timezone" do
@@ -246,6 +337,7 @@ def ensure_link_present(link, disable)
         User.authenticate!(user: user)
         hearing.hearing_day.update!(regional_office: "RO06", request_type: "V")
       end
+
       include_examples "always updatable fields"
       include_examples "non-virtual hearing types"
     end
@@ -293,6 +385,8 @@ def ensure_link_present(link, disable)
           )
         end
 
+        let!(:hearing_day) { create(:hearing_day, :future_with_link) }
+
         # Mock an Email Event for the Veteran
         let!(:veteran_email_event) do
           create(
@@ -338,6 +432,10 @@ def ensure_link_present(link, disable)
           # Confirm the Modal change to cancel the virtual hearing
           click_button("Convert to #{hearing.readable_request_type} Hearing")
 
+          # Confirm the alerts
+          expect(page).to have_content(virtual_hearing_alert)
+          expect(page).to have_content(expected_alert)
+
           # Ensure the emails and timezone were updated
           expect(page).to have_field("Veteran Email", with: fill_in_veteran_email)
           expect(page).to have_field("POA/Representative Email", with: fill_in_rep_email)
@@ -346,6 +444,9 @@ def ensure_link_present(link, disable)
         end
 
         scenario "email notifications and links display correctly" do
+          FeatureToggle.enable!(:pexip_conference_service)
+          hearing.update(hearing_day_id: hearing_day.id)
+
           visit "hearings/" + hearing.external_id.to_s + "/details"
 
           click_dropdown(name: "hearingType", index: 0)
@@ -367,27 +468,50 @@ def ensure_link_present(link, disable)
           check_email_event_table(hearing, 4)
 
           # Check that links were generated correctly
-          check_virtual_hearings_links_expired(virtual_hearing)
+          visit "hearings/" + hearing.external_id.to_s + "/details"
+          link = hearing.daily_docket_conference_link
+          check_pexip_hearings_links(link, link.alias_with_host)
         end
-      end
 
-      context "Links display correctly when scheduling Virtual Hearings" do
-        let!(:virtual_hearing) { create(:virtual_hearing, :all_emails_sent, hearing: hearing) }
+        context "when hearing conference type is webex" do
+          let!(:hearing) { create(:hearing, :with_webex_non_virtual_conference_link) }
 
-        scenario "displays in progress when the virtual hearing is being scheduled" do
-          visit "hearings/" + hearing.external_id.to_s + "/details"
+          before { hearing.meeting_type.update(service_name: "webex") }
 
-          # Test the links are not present
-          within "#vlj-hearings-link" do
-            expect(page).to have_content("Scheduling in progress")
-          end
-          within "#guest-hearings-link" do
-            expect(page).to have_content("Scheduling in progress")
+          scenario "links display correctly" do
+            FeatureToggle.enable!(:pexip_conference_service)
+            hearing.update(hearing_day_id: hearing_day.id)
+
+            visit "hearings/" + hearing.external_id.to_s + "/details"
+
+            click_dropdown(name: "hearingType", index: 0)
+
+            # Confirm the Modal change to cancel the virtual hearing
+            click_button("Convert to #{hearing.readable_request_type} Hearing")
+
+            # Reload to get the updated page contents
+            hearing.reload
+            virtual_hearing.reload
+
+            # Check that links were generated correctly
+            visit "hearings/" + hearing.external_id.to_s + "/details"
+            link = hearing.non_virtual_conference_link
+            check_webex_hearings_links(link)
           end
         end
+      end
+
+      context "Links display correctly when scheduling Virtual Hearings" do
+        let!(:virtual_hearing) do
+          create(:virtual_hearing, :all_emails_sent, hearing: hearing)
+        end
 
         context "after the virtual hearing is scheduled" do
           let!(:hearing_day) { create(:hearing_day, scheduled_for: Date.yesterday - 2) }
+          let!(:virtual_hearing) do
+            create(:virtual_hearing, :all_emails_sent, :initialized, hearing: hearing)
+          end
+
           before do
             # Mock the conference details
             virtual_hearing.alias_name = rand(1..9).to_s[0..6]
@@ -399,21 +523,21 @@ def ensure_link_present(link, disable)
 
           scenario "displays details when the date is before the hearing date" do
             visit "hearings/" + hearing.external_id.to_s + "/details"
-            check_virtual_hearings_links(virtual_hearing)
+            check_pexip_hearings_links(virtual_hearing, virtual_hearing.formatted_alias_or_alias_with_host)
           end
 
-          scenario "displays expired when the date is after the hearing date" do
+          scenario "displays N/A when the date is after the hearing date" do
             hearing.update(hearing_day_id: hearing_day.id)
             visit "hearings/" + hearing.external_id.to_s + "/details"
             hearing.reload
-            check_virtual_hearings_links_expired(virtual_hearing)
+            check_pexip_hearings_links_expired
           end
 
           scenario "displays expired when the virtual hearing is cancelled" do
             virtual_hearing.update(request_cancelled: true)
             visit "hearings/" + hearing.external_id.to_s + "/details"
             hearing.reload
-            check_virtual_hearings_links_expired(virtual_hearing)
+            check_pexip_hearings_links_expired
           end
 
           scenario "displays disabled virtual hearing link when changing emails" do
@@ -422,13 +546,15 @@ def ensure_link_present(link, disable)
             virtual_hearing.hearing.judge_recipient.update!(email_sent: false)
             visit "hearings/" + hearing.external_id.to_s + "/details"
             hearing.reload
-            check_virtual_hearings_links(virtual_hearing, true)
+            check_pexip_hearings_links(virtual_hearing, virtual_hearing.formatted_alias_or_alias_with_host)
           end
         end
       end
 
       context "Hearing type dropdown and vet and poa fields are disabled while async job is running" do
-        let!(:virtual_hearing) { create(:virtual_hearing, :all_emails_sent, hearing: hearing) }
+        let!(:virtual_hearing) do
+          create(:virtual_hearing, :all_emails_sent, hearing: hearing)
+        end
 
         scenario "async job is not completed" do
           visit "hearings/" + hearing.external_id.to_s + "/details"
@@ -438,6 +564,11 @@ def ensure_link_present(link, disable)
         end
 
         scenario "async job is completed" do
+          virtual_hearing.update!(
+            host_hearing_link: "https://example.va.gov/sample/?conference",
+            guest_hearing_link: "https://example.va.gov/sample/?conference"
+          )
+
           # Mock the conference details
           virtual_hearing.alias_name = rand(1..9).to_s[0..6]
           virtual_hearing.guest_pin = rand(1..9).to_s[0..3].to_i
@@ -459,6 +590,7 @@ def ensure_link_present(link, disable)
             :virtual_hearing,
             :all_emails_sent,
             :timezones_initialized,
+            :initialized,
             status: :active,
             hearing: hearing
           )
@@ -511,6 +643,7 @@ def ensure_link_present(link, disable)
             :virtual_hearing,
             :all_emails_sent,
             :timezones_initialized,
+            :initialized,
             status: :active,
             hearing: hearing
           )
@@ -571,6 +704,7 @@ def ensure_link_present(link, disable)
             :virtual_hearing,
             :all_emails_sent,
             :timezones_initialized,
+            :initialized,
             status: :active,
             hearing: hearing
           )
@@ -607,6 +741,7 @@ def ensure_link_present(link, disable)
           create(:virtual_hearing,
                  :all_emails_sent,
                  :timezones_initialized,
+                 :initialized,
                  status: :active,
                  hearing: hearing)
         end
@@ -641,6 +776,7 @@ def ensure_link_present(link, disable)
           create(:virtual_hearing,
                  :all_emails_sent,
                  :timezones_initialized,
+                 :initialized,
                  status: :active,
                  hearing: hearing)
         end
@@ -676,6 +812,7 @@ def ensure_link_present(link, disable)
           create(:virtual_hearing,
                  :all_emails_sent,
                  :timezones_initialized,
+                 :initialized,
                  status: :active,
                  hearing: hearing)
         end
@@ -714,6 +851,7 @@ def ensure_link_present(link, disable)
           create(:virtual_hearing,
                  :all_emails_sent,
                  :timezones_initialized,
+                 :initialized,
                  status: :active,
                  hearing: hearing)
         end
@@ -749,6 +887,14 @@ def ensure_link_present(link, disable)
     end
   end
 
+  shared_examples "conference type webex" do
+    scenario "renders transcription files table and downloads files" do
+      visit "hearings/#{hearing.external_id}/details"
+
+      check_transcription_files_table(hearing)
+    end
+  end
+
   context "with unauthorized user role (non-hearings management)" do
     let!(:current_user) { User.authenticate!(user: user) }
 
@@ -852,6 +998,12 @@ def ensure_link_present(link, disable)
           end
         end
       end
+
+      context "when conference type is webex" do
+        let!(:hearing) { create(:hearing, :with_transcription_files, :with_webex_non_virtual_conference_link) }
+
+        include_examples "conference type webex"
+      end
     end
 
     context "when hearing is Legacy" do
@@ -883,6 +1035,12 @@ def ensure_link_present(link, disable)
         expect(page).to have_no_field("copySentDate")
         expect(page).to have_no_field("copyRequested")
       end
+
+      context "when conference type is webex" do
+        let!(:hearing) { create(:legacy_hearing, :with_transcription_files, :with_webex_non_virtual_conference_link) }
+
+        include_examples "conference type webex"
+      end
     end
   end
 
diff --git a/spec/feature/hearings/virtual_hearings/daily_docket_spec.rb b/spec/feature/hearings/virtual_hearings/daily_docket_spec.rb
index 3643ccef300..ede34af5705 100644
--- a/spec/feature/hearings/virtual_hearings/daily_docket_spec.rb
+++ b/spec/feature/hearings/virtual_hearings/daily_docket_spec.rb
@@ -7,7 +7,9 @@
   let(:regional_office_key) { "RO59" } # Honolulu, HI
   let(:regional_office_timezone) { RegionalOffice.new(regional_office_key).timezone }
   let!(:hearing) { create(:hearing, :with_tasks, regional_office: regional_office_key, scheduled_time: "9:00AM") }
-  let!(:virtual_hearing) { create(:virtual_hearing, :all_emails_sent, status: :active, hearing: hearing) }
+  let!(:virtual_hearing) do
+    create(:virtual_hearing, :all_emails_sent, :initialized, status: :active, hearing: hearing)
+  end
   let(:updated_hearing_time) { "11:00 am" }
   let(:updated_virtual_hearing_time) { "11:00 AM Eastern Time (US & Canada)" }
   let(:updated_video_hearing_time) { "11:00 AM Hawaii" }
@@ -74,6 +76,7 @@ def check_email_events(hearing, current_user)
     let!(:central_virtual_hearing) do
       create(:virtual_hearing,
              :all_emails_sent,
+             :initialized,
              :timezones_initialized,
              status: :active,
              hearing: central_hearing)
@@ -163,7 +166,6 @@ def check_email_events(hearing, current_user)
         visit "hearings/schedule/docket/" + hearing.hearing_day.id.to_s
 
         expect(page).to have_content(vlj_virtual_hearing_link)
-        expect(page).to have_xpath "//a[contains(@href,'role=host')]"
       end
     end
     context "VLJ view" do
@@ -173,7 +175,6 @@ def check_email_events(hearing, current_user)
         visit "hearings/schedule/docket/" + hearing.hearing_day.id.to_s
 
         expect(page).to have_content(vlj_virtual_hearing_link)
-        expect(page).to have_xpath "//a[contains(@href,'role=host')]"
       end
     end
   end
diff --git a/spec/jobs/hearings/create_non_virtual_conference_job_spec.rb b/spec/jobs/hearings/create_non_virtual_conference_job_spec.rb
new file mode 100644
index 00000000000..72ab82281e9
--- /dev/null
+++ b/spec/jobs/hearings/create_non_virtual_conference_job_spec.rb
@@ -0,0 +1,43 @@
+# frozen_string_literal: true
+
+describe Hearings::CreateNonVirtualConferenceJob, type: :job do
+  include ActiveJob::TestHelper
+  let(:nyc_ro_eastern) { "RO06" }
+  let(:video_type) { HearingDay::REQUEST_TYPES[:video] }
+  let(:hearing_day) { create(:hearing_day, regional_office: nyc_ro_eastern, request_type: video_type) }
+  let!(:hearing) do
+    create(:hearing, hearing_day: hearing_day).tap do |hearing|
+      hearing.meeting_type.update(service_name: "webex")
+    end
+  end
+
+  subject { described_class.perform_now(hearing: hearing) }
+
+  context "Non Virtual Hearing" do
+    it "creates a conference for the hearing" do
+      subject
+      conference_link = ConferenceLink.find_by(hearing_id: hearing.id)
+      expect(conference_link.hearing_id).to eq(hearing.id)
+    end
+  end
+
+  context "job errors" do
+    before do
+      allow_any_instance_of(WebexService)
+        .to receive(:create_conference)
+        .with(hearing)
+        .and_raise(Caseflow::Error::WebexApiError.new(code: 400, message: "Fake Error"))
+    end
+
+    it "Successfully catches errors and adds to retry queue" do
+      subject
+      expect(enqueued_jobs.size).to eq(1)
+    end
+
+    it "retries and logs errors" do
+      subject
+      expect(Rails.logger).to receive(:error).twice
+      perform_enqueued_jobs { described_class.perform_later(hearing: hearing) }
+    end
+  end
+end
diff --git a/spec/jobs/hearings/download_transcription_file_job_spec.rb b/spec/jobs/hearings/download_transcription_file_job_spec.rb
new file mode 100644
index 00000000000..a2e39223b9b
--- /dev/null
+++ b/spec/jobs/hearings/download_transcription_file_job_spec.rb
@@ -0,0 +1,333 @@
+# frozen_string_literal: true
+
+describe Hearings::DownloadTranscriptionFileJob do
+  include ActiveJob::TestHelper
+
+  describe "#perform" do
+    let(:link) { "https://picsum.photos/200" }
+    let(:hearing) { create(:hearing) }
+    let(:docket_number) { hearing.docket_number }
+    let(:appeal_id) { hearing.appeal.uuid }
+    let(:file_name) { "#{docket_number}_#{hearing.id}_#{hearing.class}.#{file_type}" }
+    let(:tmp_location) { File.join(Rails.root, "tmp", "transcription_files", file_type, file_name) }
+    let(:transcription_file) { TranscriptionFile.find_by(file_name: file_name) }
+    let(:s3_sub_bucket) { "vaec-appeals-caseflow" }
+    let(:folder_name) { (Rails.deploy_env == :prod) ? s3_sub_bucket : "#{s3_sub_bucket}-#{Rails.deploy_env}" }
+    let(:s3_sub_folders) do
+      {
+        mp3: "transcript_audio",
+        mp4: "transcript_audio",
+        vtt: "transcript_raw",
+        rtf: "transcript_text",
+        xls: "transcript_text",
+        csv: "transcript_text"
+      }
+    end
+    let(:s3_location) { "#{folder_name}/#{s3_sub_folders[file_type.to_sym]}/#{file_name}" }
+
+    subject { described_class.new.perform(download_link: link, file_name: file_name) }
+
+    after { File.delete(tmp_location) if File.exist?(tmp_location) }
+
+    shared_examples "all file types" do
+      it "saves downloaded file to correct tmp sub-directory" do
+        allow_any_instance_of(TranscriptionFile).to receive(:clean_up_tmp_location).and_return(nil)
+        subject
+        expect(File.exist?(tmp_location)).to be true
+      end
+
+      it "updates date_upload_aws of TranscriptionFile record" do
+        subject
+        expect(transcription_file.date_upload_aws).to_not be_nil
+      end
+
+      it "uploads file to correct S3 location" do
+        subject
+        expect(transcription_file.aws_link).to eq(s3_location)
+      end
+
+      it "updates file_status of TranscriptionFile record" do
+        subject
+        expect(transcription_file.file_status).to eq(file_status)
+      end
+    end
+
+    shared_context "failed download from Webex" do
+      let(:link) { "https://picsum.photos/broken" }
+      let(:download_error) { Hearings::DownloadTranscriptionFileJob::FileDownloadError }
+      let(:file_status) { Constants.TRANSCRIPTION_FILE_STATUSES.retrieval.failure }
+
+      it "raises error and creates TranscriptionFileRecord" do
+        expect { subject }.to raise_error(download_error)
+          .and change(TranscriptionFile, :count).by(1)
+      end
+
+      it "updates file_status of TranscriptionFile record, leaves date_receipt_webex nil" do
+        expect { subject }.to raise_error(download_error)
+        expect(transcription_file.date_receipt_webex).to be_nil
+        expect(transcription_file.file_status).to eq(file_status)
+      end
+
+      it "doesn't queue upload to AWS" do
+        expect { subject }.to raise_error(download_error)
+        expect(transcription_file).to_not receive(:upload_to_s3!)
+        expect(transcription_file.date_upload_aws).to be_nil
+      end
+    end
+
+    %w[mp4 mp3].each do |file_type|
+      context "#{file_type} file" do
+        let(:file_type) { file_type }
+
+        context "successful download from Webex and upload to S3" do
+          let(:file_status) { Constants.TRANSCRIPTION_FILE_STATUSES.upload.success }
+
+          it "creates new TranscriptionFile record" do
+            expect { subject }.to change(TranscriptionFile, :count).by(1)
+            expect(transcription_file.file_type).to eq(file_type)
+          end
+
+          it "updates date_receipt_webex of TranscriptionFile record" do
+            subject
+            expect(transcription_file.date_receipt_webex).to_not be_nil
+          end
+
+          include_examples "all file types"
+        end
+
+        context "failed download from Webex" do
+          include_context "failed download from Webex"
+        end
+      end
+    end
+
+    shared_context "converted file" do
+      let(:transcription_file) { converted_transcription_file }
+      let(:file_status) { Constants.TRANSCRIPTION_FILE_STATUSES.upload.success }
+      let(:s3_location) { converted_s3_location }
+
+      include_examples "all file types"
+    end
+
+    context "vtt file" do
+      let(:file_type) { "vtt" }
+      let(:file_status) { Constants.TRANSCRIPTION_FILE_STATUSES.conversion.success }
+      let(:conversion_type) { "rtf" }
+      let(:converted_file_name) { file_name.gsub(file_type, conversion_type) }
+      let(:converted_tmp_location) { tmp_location.gsub(file_type, conversion_type) }
+      let(:converted_transcription_file) { TranscriptionFile.find_by(file_name: converted_file_name) }
+      let(:converted_s3_location) { "#{folder_name}/#{s3_sub_folders[conversion_type.to_sym]}/#{converted_file_name}" }
+
+      context "successful download from Webex, upload to S3, and conversion to rtf" do
+        before do
+          File.open(converted_tmp_location, "w")
+          allow_any_instance_of(TranscriptionTransformer).to receive(:call).and_return([converted_tmp_location])
+        end
+
+        after { File.delete(converted_tmp_location) if File.exist?(converted_tmp_location) }
+
+        it "creates two new TranscriptionFile records" do
+          expect { subject }.to change(TranscriptionFile, :count).by(2)
+          expect(transcription_file.file_type).to eq(file_type)
+          expect(converted_transcription_file.file_type).to eq(conversion_type)
+        end
+
+        it "updates date_receipt_webex of TranscriptionFile record" do
+          subject
+          expect(transcription_file.date_receipt_webex).to_not be_nil
+        end
+
+        include_examples "all file types"
+
+        context "rtf file" do
+          include_context "converted file"
+        end
+      end
+
+      context "failed download from Webex" do
+        include_context "failed download from Webex"
+      end
+
+      context "inaudibles present in vtt" do
+        let(:rtf_tmp_location) { tmp_location.gsub(file_type, "rtf") }
+        let(:csv_tmp_location) { tmp_location.gsub(file_type, "csv") }
+
+        before do
+          File.open(rtf_tmp_location, "w")
+          File.open(csv_tmp_location, "w")
+          allow_any_instance_of(TranscriptionTransformer).to receive(:call)
+            .and_return([rtf_tmp_location, csv_tmp_location])
+        end
+
+        after do
+          File.delete(rtf_tmp_location) if File.exist?(rtf_tmp_location)
+          File.delete(csv_tmp_location) if File.exist?(csv_tmp_location)
+        end
+
+        it "creates three new TranscriptionFile records" do
+          expect { subject }.to change(TranscriptionFile, :count).by(3)
+          expect(transcription_file.file_type).to eq(file_type)
+          expect(converted_transcription_file.file_type).to eq(conversion_type)
+        end
+
+        it "updates date_receipt_webex of TranscriptionFile record" do
+          subject
+          expect(transcription_file.date_receipt_webex).to_not be_nil
+        end
+
+        include_examples "all file types"
+
+        %w[rtf csv].each do |conversion_type|
+          context "#{conversion_type} file" do
+            let(:conversion_type) { conversion_type }
+
+            include_context "converted file"
+          end
+        end
+      end
+
+      context "failed conversion" do
+        let(:file_status) { Constants.TRANSCRIPTION_FILE_STATUSES.conversion.failure }
+        let(:conversion_error) { TranscriptionTransformer::FileConversionError }
+
+        before do
+          allow_any_instance_of(TranscriptionTransformer).to receive(:call)
+            .and_raise(conversion_error)
+        end
+
+        it "raises error and creates TranscriptionFileRecord" do
+          expect { subject }.to raise_error(conversion_error).and change(TranscriptionFile, :count).by(1)
+          expect(transcription_file.file_type).to eq(file_type)
+        end
+
+        it "saves downloaded file to correct tmp sub-directory" do
+          expect { subject }.to raise_error(conversion_error)
+          allow_any_instance_of(TranscriptionFile).to receive(:clean_up_tmp_location).and_return(nil)
+          expect(File.exist?(tmp_location)).to be true
+        end
+
+        it "updates date_upload_aws of TranscriptionFile record" do
+          expect { subject }.to raise_error(conversion_error)
+          expect(transcription_file.date_upload_aws).to_not be_nil
+        end
+
+        it "uploads file to correct S3 location" do
+          expect { subject }.to raise_error(conversion_error)
+          expect(transcription_file.aws_link).to eq(s3_location)
+        end
+
+        it "updates file_status of TranscriptionFile record" do
+          expect { subject }.to raise_error(conversion_error)
+          expect(transcription_file.file_status).to eq(file_status)
+        end
+      end
+
+      context "job retries" do
+        let(:file_type) { "vtt" }
+        let(:upload_error) { TranscriptionFileUpload::FileUploadError }
+        let(:download_error) { Hearings::DownloadTranscriptionFileJob::FileDownloadError }
+        let(:conversion_error) { TranscriptionTransformer::FileConversionError }
+        let(:file_name_error) { Hearings::DownloadTranscriptionFileJob::FileNameError }
+
+        before do
+          allow_any_instance_of(TranscriptionFile).to receive(:clean_up_tmp_location).and_return(nil)
+        end
+
+        shared_examples "sends email template" do
+          context "email delivery succeeds" do
+            it "mailer receives correct params" do
+              allow(TranscriptionFileIssuesMailer).to receive(:issue_notification).and_call_original
+              expect(TranscriptionFileIssuesMailer).to receive(:issue_notification).with(error_details)
+              expect_any_instance_of(described_class).to receive(:log_error).once
+              perform_enqueued_jobs { described_class.perform_later(download_link: link, file_name: file_name) }
+            end
+          end
+
+          context "email delivery fails" do
+            it "captures external delivery error" do
+              allow(TranscriptionFileIssuesMailer).to receive(:issue_notification).with(error_details)
+                .and_raise(GovDelivery::TMS::Request::Error.new(500))
+              expect_any_instance_of(described_class).to receive(:log_error).twice
+              perform_enqueued_jobs { described_class.perform_later(download_link: link, file_name: file_name) }
+            end
+          end
+        end
+
+        context "failed upload" do
+          let(:error_details) do
+            {
+              error: { type: "upload", explanation: "upload a #{file_type} file to S3" },
+              provider: "S3",
+              docket_number: docket_number,
+              appeal_id: appeal_id
+            }
+          end
+
+          before do
+            allow_any_instance_of(TranscriptionFile).to receive(:upload_to_s3!)
+              .and_raise(upload_error)
+          end
+
+          include_examples "sends email template"
+        end
+
+        context "failed download" do
+          let(:error_details) do
+            {
+              error: { type: "download", explanation: "download a #{file_type} file from Webex" },
+              provider: "webex",
+              temporary_download_link: { link: link },
+              docket_number: docket_number,
+              appeal_id: appeal_id
+            }
+          end
+
+          before do
+            allow_any_instance_of(Hearings::DownloadTranscriptionFileJob).to receive(:download_file_to_tmp!)
+              .and_raise(download_error)
+          end
+
+          include_examples "sends email template"
+        end
+
+        context "failed conversion" do
+          let(:error_details) do
+            {
+              error: { type: "conversion", explanation: "convert a #{file_type} file to #{conversion_type}" },
+              docket_number: docket_number,
+              appeal_id: appeal_id
+            }
+          end
+
+          before do
+            allow_any_instance_of(Hearings::DownloadTranscriptionFileJob).to receive(:convert_to_rtf_and_upload_to_s3!)
+              .and_raise(conversion_error)
+          end
+
+          include_examples "sends email template"
+        end
+
+        context "failed to parse filename" do
+          let(:appeal_id) { nil }
+          let(:error_details) do
+            {
+              error: { type: "download", explanation: "download a file from Webex" },
+              provider: "webex",
+              reason: "Unable to parse hearing information from file name: #{file_name}",
+              expected_file_name_format: "[docket_number]_[internal_id]_[hearing_type].[file_type]",
+              docket_number: nil,
+              appeal_id: nil
+            }
+          end
+
+          before do
+            allow_any_instance_of(Hearings::DownloadTranscriptionFileJob).to receive(:parse_hearing)
+              .and_raise(file_name_error)
+          end
+
+          include_examples "sends email template"
+        end
+      end
+    end
+  end
+end
diff --git a/spec/jobs/hearings/fetch_webex_recordings_details_job_spec.rb b/spec/jobs/hearings/fetch_webex_recordings_details_job_spec.rb
new file mode 100644
index 00000000000..e790be37750
--- /dev/null
+++ b/spec/jobs/hearings/fetch_webex_recordings_details_job_spec.rb
@@ -0,0 +1,120 @@
+# frozen_string_literal: true
+
+describe Hearings::FetchWebexRecordingsDetailsJob, type: :job do
+  include ActiveJob::TestHelper
+  let(:id) { "4f914b1dfe3c4d11a61730f18c0f5387" }
+  let(:email) { "john.andersen@example.com" }
+  let(:meeting_title) { "180000304_1_LegacyHearing" }
+  let(:mp4_link) { "https://www.learningcontainer.com/mp4-sample-video-files-download/#" }
+  let(:mp3_link) { "https://freetestdata.com/audio-files/mp3/" }
+  let(:vtt_link) { "https://www.capsubservices.com/assets/downloads/web/WebVTT.vtt" }
+  let(:topic) { "Webex meeting-20240520 2030-1" }
+  let(:mp4_file_name) { "180000304_1_LegacyHearing-1.mp4" }
+  let(:vtt_file_name) { "180000304_1_LegacyHearing-1.vtt" }
+  let(:mp3_file_name) { "180000304_1_LegacyHearing-1.mp3" }
+
+  subject { described_class.perform_now(recording_id: id, host_email: email, meeting_title: meeting_title) }
+
+  context "method testing" do
+    before do
+      allow_any_instance_of(Hearings::DownloadTranscriptionFileJob)
+        .to receive(:perform)
+        .and_return(nil)
+    end
+
+    it "Uses correct api key for correct environment" do
+      allow(WebexService).to receive(:new).and_call_original
+      expect(WebexService).to receive(:new).with(hash_including(apikey: WebexService.access_token))
+      subject
+    end
+
+    it "hits the webex API and returns recording details" do
+      get_details = Hearings::FetchWebexRecordingsDetailsJob.new
+      run = get_details.send(:fetch_recording_details, id, email)
+
+      expect(run.mp4_link).to eq(mp4_link)
+      expect(run.mp3_link).to eq(mp3_link)
+      expect(run.vtt_link).to eq(vtt_link)
+    end
+
+    it "names the files correctly" do
+      get_details = Hearings::FetchWebexRecordingsDetailsJob.new
+      run_mp4 = get_details.send(:create_file_name, topic, "mp4", meeting_title)
+      run_vtt = get_details.send(:create_file_name, topic, "vtt", meeting_title)
+      run_mp3 = get_details.send(:create_file_name, topic, "mp3", meeting_title)
+
+      expect(run_mp4).to eq(mp4_file_name)
+      expect(run_vtt).to eq(vtt_file_name)
+      expect(run_mp3).to eq(mp3_file_name)
+    end
+  end
+
+  context "job errors" do
+    let(:exception) { Caseflow::Error::WebexApiError.new(code: 400, message: "Fake Error") }
+    let(:query) { "?hostEmail=#{email}" }
+    let(:error_details) do
+      {
+        error: { type: "retrieval", explanation: "retrieve recording details from Webex" },
+        provider: "webex",
+        api_call:
+          "GET #{ENV['WEBEX_HOST_MAIN']}#{ENV['WEBEX_DOMAIN_MAIN']}#{ENV['WEBEX_API_MAIN']}recordings/#{id}#{query}",
+        response: { status: exception.code, message: exception.message }.to_json,
+        recording_id: id,
+        host_email: email,
+        meeting_title: meeting_title
+      }
+    end
+
+    before do
+      allow_any_instance_of(WebexService)
+        .to receive(:fetch_recording_details)
+        .and_raise(exception)
+    end
+
+    it "Successfully catches errors and adds to retry queue" do
+      subject
+      expect(enqueued_jobs.size).to eq(1)
+    end
+
+    it "retries and logs errors" do
+      subject
+      expect(Rails.logger).to receive(:error).at_least(:once)
+      perform_enqueued_jobs do
+        described_class.perform_later(
+          recording_id: id,
+          host_email: email,
+          meeting_title: meeting_title
+        )
+      end
+    end
+
+    it "mailer receives correct params" do
+      allow(TranscriptionFileIssuesMailer).to receive(:issue_notification).and_call_original
+      expect(TranscriptionFileIssuesMailer).to receive(:issue_notification)
+        .with(error_details)
+      expect_any_instance_of(described_class).to receive(:log_error).once
+      perform_enqueued_jobs do
+        described_class.perform_later(
+          recording_id: id,
+          host_email: email,
+          meeting_title: meeting_title
+        )
+      end
+    end
+
+    context "mailer fails to send email" do
+      it "captures external delivery error" do
+        allow(TranscriptionFileIssuesMailer).to receive(:issue_notification).with(error_details)
+          .and_raise(GovDelivery::TMS::Request::Error.new(500))
+        expect_any_instance_of(described_class).to receive(:log_error).twice
+        perform_enqueued_jobs do
+          described_class.perform_later(
+            recording_id: id,
+            host_email: email,
+            meeting_title: meeting_title
+          )
+        end
+      end
+    end
+  end
+end
diff --git a/spec/jobs/hearings/fetch_webex_recordings_list_job_spec.rb b/spec/jobs/hearings/fetch_webex_recordings_list_job_spec.rb
new file mode 100644
index 00000000000..3e90f1d8013
--- /dev/null
+++ b/spec/jobs/hearings/fetch_webex_recordings_list_job_spec.rb
@@ -0,0 +1,87 @@
+# frozen_string_literal: true
+
+describe Hearings::FetchWebexRecordingsListJob, type: :job do
+  include ActiveJob::TestHelper
+  let(:id) { "f91b6edce9864428af084977b7c68291_I_166641849979635652" }
+  let(:title) { "221218-977_933_Hearing" }
+
+  subject { described_class.perform_now(meeting_id: id, meeting_title: title) }
+
+  context "job success" do
+    before do
+      allow_any_instance_of(Hearings::DownloadTranscriptionFileJob)
+        .to receive(:perform)
+        .and_return(nil)
+    end
+
+    it "Returns array of recordings objects with associated ids and host emails" do
+      expect(subject.first.id).to eq("4f914b1dfe3c4d11a61730f18c0f5387")
+      expect(subject.first.host_email).to eq("john.andersen@example.com")
+      expect(subject.second.id).to eq("3324fb76946249cfa07fc30b3ccbf580")
+      expect(subject.second.host_email).to eq("john.andersen@example.com")
+      expect(subject.third.id).to eq("42b80117a2a74dcf9863bf06264f8075")
+      expect(subject.third.host_email).to eq("john.andersen@example.com")
+    end
+
+    it "Uses correct api key for correct environment" do
+      allow(WebexService).to receive(:new).and_call_original
+      expect(WebexService).to receive(:new).with(hash_including(apikey: WebexService.access_token))
+      subject
+    end
+
+    it "Uses correct query parameters" do
+      allow(WebexService).to receive(:new).and_call_original
+      expect(WebexService).to receive(:new)
+        .with(hash_including(query: { max: 100, meetingId: id }))
+      subject
+    end
+  end
+
+  context "job errors" do
+    let(:exception) { Caseflow::Error::WebexApiError.new(code: 400, message: "Fake Error") }
+    let(:query) { "?max=100&meetingId=#{id}" }
+    let(:error_details) do
+      {
+        error: { type: "retrieval", explanation: "retrieve a list of recordings from Webex" },
+        provider: "webex",
+        api_call:
+          "GET #{ENV['WEBEX_HOST_MAIN']}#{ENV['WEBEX_DOMAIN_MAIN']}#{ENV['WEBEX_API_MAIN']}admin/recordings/#{query}",
+        response: { status: exception.code, message: exception.message }.to_json,
+        meeting_id: id,
+        meeting_title: title
+      }
+    end
+
+    before do
+      allow_any_instance_of(WebexService).to receive(:fetch_recordings_list).and_raise(exception)
+    end
+
+    it "Successfully catches errors and adds retry to queue" do
+      subject
+      expect(enqueued_jobs.size).to eq(1)
+    end
+
+    it "retries and logs errors" do
+      subject
+      expect(Rails.logger).to receive(:error).at_least(:once)
+      perform_enqueued_jobs { described_class.perform_later(meeting_id: id, meeting_title: title) }
+    end
+
+    it "mailer receives correct params" do
+      allow(TranscriptionFileIssuesMailer).to receive(:issue_notification).and_call_original
+      expect(TranscriptionFileIssuesMailer).to receive(:issue_notification)
+        .with(error_details)
+      expect_any_instance_of(described_class).to receive(:log_error).once
+      perform_enqueued_jobs { described_class.perform_later(meeting_id: id, meeting_title: title) }
+    end
+
+    context "mailer fails to send email" do
+      it "captures external delivery error" do
+        allow(TranscriptionFileIssuesMailer).to receive(:issue_notification).with(error_details)
+          .and_raise(GovDelivery::TMS::Request::Error.new(500))
+        expect_any_instance_of(described_class).to receive(:log_error).twice
+        perform_enqueued_jobs { described_class.perform_later(meeting_id: id, meeting_title: title) }
+      end
+    end
+  end
+end
diff --git a/spec/jobs/hearings/fetch_webex_room_meeting_details_job_spec.rb b/spec/jobs/hearings/fetch_webex_room_meeting_details_job_spec.rb
new file mode 100644
index 00000000000..6516e7254a9
--- /dev/null
+++ b/spec/jobs/hearings/fetch_webex_room_meeting_details_job_spec.rb
@@ -0,0 +1,81 @@
+# frozen_string_literal: true
+
+describe Hearings::FetchWebexRoomMeetingDetailsJob, type: :job do
+  include ActiveJob::TestHelper
+
+  let(:room_details) do
+    {
+      "roomId": "Y2lzY29zcGFyazovL3VybjpURUFNOnVzLWdvdi13ZXN0LTFfYTEvUk9PTS85YTZjZTRjMC0xNmM5LTExZWYtYjIxOC1iMWE5YTQ2",
+      "meetingLink": "https://vadevops.webex.com/m/f3387f62-aded-46b9-8954-0b1f2c94dfd3",
+      "sipAddress": "28236309135@vadevops.webex.com",
+      "meetingNumber": "28236309135",
+      "meetingId": "f91b6edce9864428af084977b7c68291_I_166641849979635652",
+      "callInTollFreeNumber": "",
+      "callInTollNumber": "+1-415-527-5035"
+    }.to_json
+  end
+  let(:room_id) do
+    "Y2lzY29zcGFyazovL3VybjpURUFNOnVzLWdvdi13ZXN0LTFfYTEvUk9PTS85YTZjZTRjMC0xNmM5LTExZWYtYjIxOC1iMWE5YTQ2"
+  end
+  let(:meeting_title) { "221218-977_933_Hearing" }
+  let(:exception) { Caseflow::Error::WebexApiError.new(code: 300, message: "Error", title: "Bad Error") }
+  let(:error_details) do
+    {
+      error: { type: "retrieval", explanation: "retrieve details of room from Webex" },
+      provider: "webex",
+      api_call:
+        "GET #{ENV['WEBEX_HOST_MAIN']}#{ENV['WEBEX_DOMAIN_MAIN']}#{ENV['WEBEX_API_MAIN']}rooms/#{room_id}/meetingInfo",
+      response: { status: exception.code, message: exception.message }.to_json,
+      room_id: room_id,
+      meeting_title: meeting_title
+    }
+  end
+
+  subject { described_class.perform_now(room_id: room_id, meeting_title: meeting_title) }
+
+  context "#perform" do
+    it "can run the job" do
+      subject
+
+      expect(enqueued_jobs.size).to eq(1)
+      expect(enqueued_jobs.first["job_class"]).to eq("Hearings::FetchWebexRecordingsListJob")
+      expect(enqueued_jobs.first["arguments"].first["meeting_id"]).to eq(JSON.parse(room_details)["meetingId"])
+      expect(enqueued_jobs.first["arguments"].first["meeting_title"]).to eq(meeting_title)
+    end
+
+    it "returns correct response" do
+      expect(described_class.new.send(:fetch_room_details, room_id).resp.raw_body).to eq(room_details)
+    end
+  end
+
+  context "job errors" do
+    before do
+      allow_any_instance_of(described_class)
+        .to receive(:fetch_room_details)
+        .and_raise(exception)
+    end
+
+    it "retries and logs errors" do
+      subject
+      expect(Rails.logger).to receive(:error).at_least(:once)
+      perform_enqueued_jobs { described_class.perform_later(room_id: room_id, meeting_title: meeting_title) }
+    end
+
+    it "mailer receives correct params" do
+      allow(TranscriptionFileIssuesMailer).to receive(:issue_notification).and_call_original
+      expect(TranscriptionFileIssuesMailer).to receive(:issue_notification)
+        .with(error_details)
+      expect_any_instance_of(described_class).to receive(:log_error).once
+      perform_enqueued_jobs { described_class.perform_later(room_id: room_id, meeting_title: meeting_title) }
+    end
+
+    context "mailer fails to send email" do
+      it "captures external delivery error" do
+        allow(TranscriptionFileIssuesMailer).to receive(:issue_notification).with(error_details)
+          .and_raise(GovDelivery::TMS::Request::Error.new(500))
+        expect_any_instance_of(described_class).to receive(:log_error).twice
+        perform_enqueued_jobs { described_class.perform_later(room_id: room_id, meeting_title: meeting_title) }
+      end
+    end
+  end
+end
diff --git a/spec/jobs/hearings/fetch_webex_rooms_list_job_spec.rb b/spec/jobs/hearings/fetch_webex_rooms_list_job_spec.rb
new file mode 100644
index 00000000000..77cde33a304
--- /dev/null
+++ b/spec/jobs/hearings/fetch_webex_rooms_list_job_spec.rb
@@ -0,0 +1,76 @@
+# frozen_string_literal: true
+
+describe Hearings::FetchWebexRoomsListJob, type: :job do
+  include ActiveJob::TestHelper
+
+  subject { described_class.perform_now }
+
+  # rubocop:disable Layout/LineLength
+  context "perform job" do
+    it "Returns the correct arrays of id and title" do
+      expect(subject.length).to eq(4)
+      expect(subject.first.id).to eq("Y2lzY29zcGFyazovL3VybjpURUFNOnVzLWdvdi13ZXN0LTFfYTEvUk9PTS85YTZjZTRjMC0xNmM5LTExZWYtYjIxOC1iMWE5YTQ2")
+      expect(subject.first.title).to eq("Virtual Visit - 221218-977_933_Hearing-20240508 1426")
+      expect(subject.second.id).to eq("Y2lzY29zcGFyazovL3VybjpURUFNOnVzLWdvdi13ZXN0LTFfYTEvUk9PTS8zYTlhMzdiMC0wZWNiLTExZWYtYTNhZS02MTJkMjlj")
+      expect(subject.second.title).to eq("Virtual Visit - 180000304_1_LegacyHearing-20240213 1712")
+    end
+  end
+  # rubocop:enable Layout/LineLength
+
+  context "job errors" do
+    let(:query) { "?sortBy=created&max=1000" }
+    let(:error_details) do
+      {
+        error: { type: "retrieval", explanation: "retrieve a list of rooms from Webex" },
+        provider: "webex",
+        api_call:
+          "GET #{ENV['WEBEX_HOST_MAIN']}#{ENV['WEBEX_DOMAIN_MAIN']}#{ENV['WEBEX_API_MAIN']}rooms#{query}",
+        response: { status: 400, message: "Fake Error" }.to_json
+      }
+    end
+
+    before do
+      allow_any_instance_of(WebexService)
+        .to receive(:fetch_rooms_list)
+        .and_raise(Caseflow::Error::WebexApiError.new(code: 400, message: "Fake Error"))
+    end
+
+    it "Successfully catches errors and adds retry to queue" do
+      subject
+      expect(enqueued_jobs.size).to eq(1)
+    end
+
+    it "retries and logs errors" do
+      subject
+      expect(Rails.logger).to receive(:error).at_least(:once)
+      perform_enqueued_jobs { described_class.perform_later }
+    end
+
+    it "mailer receives correct params" do
+      allow(TranscriptionFileIssuesMailer).to receive(:issue_notification).and_call_original
+      expect(TranscriptionFileIssuesMailer).to receive(:issue_notification)
+        .with(error_details)
+      expect_any_instance_of(described_class).to receive(:log_error).once
+      perform_enqueued_jobs { described_class.perform_later }
+    end
+
+    context "mailer fails to send email" do
+      it "captures external delivery error" do
+        allow(TranscriptionFileIssuesMailer).to receive(:issue_notification).with(error_details)
+          .and_raise(GovDelivery::TMS::Request::Error.new(500))
+        expect_any_instance_of(described_class).to receive(:log_error).twice
+        perform_enqueued_jobs { described_class.perform_later }
+      end
+    end
+  end
+
+  # The third & fourth titles returned have an invalid format
+  context "filter test" do
+    it "does not send an invalid title and id to the fetch room details job" do
+      expect(subject.third.title).to eq("Virtual Visit - 221218-977_933_AMA-20240508 1426")
+      expect(subject.fourth.title).to eq("Virtual Visit - PatientLast Problem Hearing-20240213 3123")
+      subject
+      expect(enqueued_jobs.size).to eq(2)
+    end
+  end
+end
diff --git a/spec/jobs/hearings/refresh_webex_access_token_job_spec.rb b/spec/jobs/hearings/refresh_webex_access_token_job_spec.rb
new file mode 100644
index 00000000000..415f987feed
--- /dev/null
+++ b/spec/jobs/hearings/refresh_webex_access_token_job_spec.rb
@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+
+RSpec.describe Hearings::RefreshWebexAccessTokenJob, type: :job do
+  let(:new_access_token) { "token1" }
+  let(:new_refresh_token) { "token2" }
+
+  before do
+    allow(CredStash).to receive(:put)
+  end
+
+  describe "#perform" do
+    it "calls WebexService#refresh_access_token" do
+      expect_any_instance_of(WebexService).to receive(:refresh_access_token)
+
+      described_class.perform_now
+    end
+
+    context "when the response is successful" do
+      it "updates the access token and refresh token in CredStash" do
+        described_class.perform_now
+        expect(CredStash).to have_received(:put).with("webex_#{Rails.deploy_env}_access_token", new_access_token)
+        expect(CredStash).to have_received(:put).with("webex_#{Rails.deploy_env}_refresh_token", new_refresh_token)
+      end
+    end
+
+    context "when an error occurs" do
+      let(:error) { StandardError.new("error") }
+
+      before do
+        allow(Rails.logger).to receive(:error)
+        allow_any_instance_of(WebexService).to receive(:refresh_access_token).and_raise(error)
+      end
+
+      it "logs the error" do
+        described_class.perform_now
+
+        expect(Rails.logger).to have_received(:error).with(error)
+      end
+    end
+  end
+end
diff --git a/spec/jobs/virtual_hearings/access_token_refresh_response_spec.rb b/spec/jobs/virtual_hearings/access_token_refresh_response_spec.rb
new file mode 100644
index 00000000000..91c08905299
--- /dev/null
+++ b/spec/jobs/virtual_hearings/access_token_refresh_response_spec.rb
@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+require "spec_helper"
+
+RSpec.describe ExternalApi::WebexService::AccessTokenRefreshResponse do
+  let(:access_token) { SecureRandom.hex }
+  let(:refresh_token) { SecureRandom.hex }
+  let(:raw_body) do
+    {
+      "access_token" => access_token,
+      "refresh_token" => refresh_token
+    }.to_json
+  end
+  let(:http_response) { instance_double(HTTPI::Response, raw_body: raw_body, code: 200) }
+  let(:response) { described_class.new(http_response) }
+
+  describe "#data" do
+    it "returns the parsed JSON response body" do
+      expect(response.data).to eq(JSON.parse(raw_body))
+    end
+  end
+
+  describe "#access_token" do
+    it "returns the access token from the response data" do
+      expect(response.access_token).to eq(access_token)
+    end
+  end
+
+  describe "#refresh_token" do
+    it "returns the refresh token from the response data" do
+      expect(response.refresh_token).to eq(refresh_token)
+    end
+  end
+end
diff --git a/spec/jobs/virtual_hearings/create_conference_job_spec.rb b/spec/jobs/virtual_hearings/create_conference_job_spec.rb
index 343e4e07fa9..df03c2b95fe 100644
--- a/spec/jobs/virtual_hearings/create_conference_job_spec.rb
+++ b/spec/jobs/virtual_hearings/create_conference_job_spec.rb
@@ -7,6 +7,8 @@
   URL_PATH = "/sample"
   PIN_KEY = "mysecretkey"
 
+  include_context "Enable both conference services"
+
   context ".perform" do
     let(:current_user) { create(:user, roles: ["Build HearSched"]) }
     let(:hearing) { create(:hearing, regional_office: "RO06") }
@@ -19,7 +21,10 @@
     end
     let(:pexip_url) { "fake.va.gov" }
     before do
-      stub_const("ENV", "PEXIP_CLIENT_HOST" => pexip_url)
+      stub_const("ENV", ENV.to_hash.merge("PEXIP_CLIENT_HOST" => pexip_url))
+      allow(ENV).to receive(:[]).and_call_original
+      allow(ENV).to receive(:fetch).and_call_original
+
       User.authenticate!(user: current_user)
     end
 
@@ -85,31 +90,94 @@
       end
     end
 
-    shared_examples "conference created" do
-      it "creates a conference", :aggregate_failures do
+    it "creates a conference", :aggregate_failures do
+      allow(VirtualHearings::SequenceConferenceId).to receive(:next).and_return "0000001"
+
+      subject.perform_now
+
+      virtual_hearing.reload
+      expect(virtual_hearing.status).to eq(:active)
+      expect(virtual_hearing.alias_with_host).to eq("BVA0000001@#{URL_HOST}")
+      expect(virtual_hearing.host_pin.to_s.length).to eq(7)
+      expect(virtual_hearing.guest_pin.to_s.length).to eq(10)
+    end
+
+    describe "for webex" do
+      let(:virtual_hearing) do
+        create(:virtual_hearing, hearing: hearing).tap do |virtual_hearing|
+          virtual_hearing.meeting_type.update(service_name: "webex")
+        end
+      end
+      let(:base_url) { "https://instant-usgov.webex.com/visit/" }
+
+      it "creates a webex conference" do
         subject.perform_now
 
         virtual_hearing.reload
-        expect(virtual_hearing.conference_id).to eq(9001)
-        expect(virtual_hearing.status).to eq(:active)
-        expect(virtual_hearing.alias).to eq("0000001")
-        expect(virtual_hearing.alias_with_host).to eq("BVA0000001@#{pexip_url}")
-        expect(virtual_hearing.host_pin.to_s.length).to eq(8)
-        expect(virtual_hearing.guest_pin.to_s.length).to eq(11)
+        expect(virtual_hearing.host_hearing_link).to include(base_url)
+        expect(virtual_hearing.guest_hearing_link).to include(base_url)
       end
-    end
 
-    context "conference creation" do
-      context "when all emails present" do
-        include_examples "conference created"
+      it "logs success to metrics service" do
+        expect(MetricsService).to receive(:increment_counter).with(
+          hash_including(
+            metric_name: "created_conference.successful",
+            metric_group: Constants.DATADOG_METRICS.HEARINGS.VIRTUAL_HEARINGS_GROUP_NAME,
+            attrs: { hearing_id: hearing.id }
+          )
+        )
+
+        subject.perform_now
       end
 
-      context "when appealant email is missing" do
+      context "conference creation fails" do
+        let(:fake_webex) { Fakes::WebexService.new(status_code: 400) }
+
         before do
-          virtual_hearing.update!(appellant_email: nil)
+          allow(WebexService).to receive(:new).and_return(fake_webex)
         end
 
-        include_examples "conference created"
+        after do
+          clear_enqueued_jobs
+        end
+
+        it "job goes back on queue and logs if error", :aggregate_failures do
+          expect(Rails.logger).to receive(:error).exactly(3).times
+
+          expect do
+            perform_enqueued_jobs do
+              VirtualHearings::CreateConferenceJob.perform_later(subject.arguments.first)
+            end
+          end.to(
+            have_performed_job(VirtualHearings::CreateConferenceJob)
+              .exactly(5)
+              .times
+          )
+
+          virtual_hearing.establishment.reload
+          expect(virtual_hearing.establishment.error.nil?).to eq(false)
+          expect(virtual_hearing.establishment.attempted?).to eq(true)
+          expect(virtual_hearing.establishment.processed?).to eq(false)
+        end
+
+        it "logs failure to metrics service" do
+          expect(MetricsService).to receive(:increment_counter).with(
+            hash_including(
+              metric_name: "created_conference.failed",
+              metric_group: Constants.DATADOG_METRICS.HEARINGS.VIRTUAL_HEARINGS_GROUP_NAME,
+              attrs: { hearing_id: hearing.id }
+            )
+          )
+
+          subject.perform_now
+        end
+
+        it "does not create sent email events" do
+          subject.perform_now
+
+          virtual_hearing.reload
+          expect(virtual_hearing.hearing.email_events.count).to eq(0)
+        end
       end
     end
 
@@ -117,18 +185,6 @@
 
     include_examples "sent email event objects are created"
 
-    it "logs success to datadog" do
-      expect(MetricsService).to receive(:increment_counter).with(
-        hash_including(
-          metric_name: "created_conference.successful",
-          metric_group: Constants.DATADOG_METRICS.HEARINGS.VIRTUAL_HEARINGS_GROUP_NAME,
-          attrs: { hearing_id: hearing.id }
-        )
-      )
-
-      subject.perform_now
-    end
-
     context "appellant email fails to send" do
       before do
         expected_mailer_args = {
@@ -158,56 +214,6 @@
       include_examples "job is retried"
     end
 
-    context "conference creation fails" do
-      let(:fake_pexip) { Fakes::PexipService.new(status_code: 400) }
-
-      before do
-        allow(PexipService).to receive(:new).and_return(fake_pexip)
-      end
-
-      after do
-        clear_enqueued_jobs
-      end
-
-      it "job goes back on queue and logs if error", :aggregate_failures do
-        expect(Rails.logger).to receive(:error).exactly(6).times
-
-        expect do
-          perform_enqueued_jobs do
-            VirtualHearings::CreateConferenceJob.perform_later(subject.arguments.first)
-          end
-        end.to(
-          have_performed_job(VirtualHearings::CreateConferenceJob)
-            .exactly(5)
-            .times
-        )
-
-        virtual_hearing.establishment.reload
-        expect(virtual_hearing.establishment.error.nil?).to eq(false)
-        expect(virtual_hearing.establishment.attempted?).to eq(true)
-        expect(virtual_hearing.establishment.processed?).to eq(false)
-      end
-
-      it "logs failure to datadog" do
-        expect(MetricsService).to receive(:increment_counter).with(
-          hash_including(
-            metric_name: "created_conference.failed",
-            metric_group: Constants.DATADOG_METRICS.HEARINGS.VIRTUAL_HEARINGS_GROUP_NAME,
-            attrs: { hearing_id: hearing.id }
-          )
-        )
-
-        subject.perform_now
-      end
-
-      it "does not create sent email events" do
-        subject.perform_now
-
-        virtual_hearing.reload
-        expect(virtual_hearing.hearing.email_events.count).to eq(0)
-      end
-    end
-
     context "when the virtual hearing is not immediately available" do
       let(:virtual_hearing) { nil }
 
@@ -299,9 +305,6 @@
         let(:expected_conference_id) { "0000001" }
 
         before do
-          allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_PIN_KEY").and_return PIN_KEY
-          allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_HOST").and_return URL_HOST
-          allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_PATH").and_return URL_PATH
           allow(VirtualHearings::SequenceConferenceId).to receive(:next).and_return expected_conference_id
         end
 
@@ -333,6 +336,8 @@
       end
 
       context "when all required env variables are not set" do
+        before { allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_PATH").and_return nil }
+
         include_examples "raises error", VirtualHearings::CreateConferenceJob::VirtualHearingLinkGenerationFailed
         include_examples "does not retry job"
       end
diff --git a/spec/jobs/virtual_hearings/delete_conference_link_job_spec.rb b/spec/jobs/virtual_hearings/delete_conference_link_job_spec.rb
new file mode 100644
index 00000000000..d6837241f79
--- /dev/null
+++ b/spec/jobs/virtual_hearings/delete_conference_link_job_spec.rb
@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+describe VirtualHearings::DeleteConferenceLinkJob, :all_dbs do
+  include ActiveJob::TestHelper
+
+  let!(:current_user) { create(:user, roles: ["System Admin"]) }
+  let!(:judge) { Judge.new(create(:user)) }
+
+  subject { perform_enqueued_jobs { VirtualHearings::DeleteConferenceLinkJob.perform_now } }
+
+  describe ".perform" do
+    context "When conference links in the DB are past the date of the date the job is run" do
+      let!(:future_hearing_day_with_link) { create(:hearing_day, :virtual, :future_with_link) }
+      let!(:past_hearing_day_with_link) { create(:hearing_day, :virtual, :past_with_link) }
+
+      it "Soft deletes the qualifying links." do
+        expect { subject }.to change { ConferenceLink.count }.by(-1)
+        expect(ConferenceLink.pluck(:id)).not_to include(past_hearing_day_with_link.id)
+      end
+    end
+  end
+end
diff --git a/spec/mailers/hearing_mailer_spec.rb b/spec/mailers/hearing_mailer_spec.rb
index 4cdc92b20ef..1071887c727 100644
--- a/spec/mailers/hearing_mailer_spec.rb
+++ b/spec/mailers/hearing_mailer_spec.rb
@@ -192,6 +192,19 @@
     end
   end
 
+  shared_context "test link for a webex conference" do
+    let!(:virtual_hearing) do
+      create(:virtual_hearing).tap do |vh|
+        vh.meeting_type.update!(service_name: "webex")
+      end
+    end
+
+    it "Webex test link appears" do
+      allow(virtual_hearing).to receive(:guest_link).and_return("linK")
+      expect(subject.html_part.body).to include("https://instant-usgov.webex.com/mediatest")
+    end
+  end
+
   shared_examples "appellant virtual reminder intro" do
     it "displays virtual hearing reminder email intro" do
       expect(subject.body).to include("You're scheduled for a hearing with a " \
@@ -653,6 +666,10 @@
               "pin=#{virtual_hearing.guest_pin}&role=guest"
             )
           end
+
+          context "webex conference" do
+            include_context "test link for a webex conference"
+          end
         end
 
         context "regional office is in eastern timezone" do
@@ -732,6 +749,10 @@
               "pin=#{virtual_hearing.guest_pin}&role=guest"
             )
           end
+
+          context "webex conference" do
+            include_context "test link for a webex conference"
+          end
         end
 
         context "regional office is in eastern timezone" do
@@ -1225,6 +1246,10 @@
               "pin=#{virtual_hearing.guest_pin}&role=guest"
             )
           end
+
+          context "webex conference" do
+            include_context "test link for a webex conference"
+          end
         end
 
         context "regional office is in eastern timezone" do
diff --git a/spec/mailers/previews/transcription_file_issues_mailer_preview.rb b/spec/mailers/previews/transcription_file_issues_mailer_preview.rb
new file mode 100644
index 00000000000..1b57cefd335
--- /dev/null
+++ b/spec/mailers/previews/transcription_file_issues_mailer_preview.rb
@@ -0,0 +1,116 @@
+# frozen_string_literal: true
+
+# preview mailer html
+#   EN
+#   http://localhost:3000/rails/mailers/transcription_file_issues_mailer/file_upload_issues
+#   http://localhost:3000/rails/mailers/transcription_file_issues_mailer/file_conversion_issues
+#   http://localhost:3000/rails/mailers/transcription_file_issues_mailer/file_name_issues
+#   http://localhost:3000/rails/mailers/transcription_file_issues_mailer/webex_rooms_list_issues
+#   http://localhost:3000/rails/mailers/transcription_file_issues_mailer/webex_room_meeting_details_issues
+#   http://localhost:3000/rails/mailers/transcription_file_issues_mailer/webex_recording_list_issues
+#   http://localhost:3000/rails/mailers/transcription_file_issues_mailer/webex_recording_details_issues
+class TranscriptionFileIssuesMailerPreview < ActionMailer::Preview
+  def file_download_issues
+    details = {
+      error: { type: "download", explanation: "download a mp3 file from Webex" },
+      provider: "webex",
+      temporary_download_link: { link: "webex.com/download_link" },
+      docket_number: "123456",
+      appeal_id: "772f677a-b5fd-45f0-b74d-ecdd15da0730"
+    }
+    TranscriptionFileIssuesMailer.issue_notification(details)
+  end
+
+  def file_upload_issues
+    details = {
+      error: { type: "upload", explanation: "upload a mp3 file to S3" },
+      provider: "S3",
+      docket_number: "123456",
+      appeal_id: "772f677a-b5fd-45f0-b74d-ecdd15da0730"
+    }
+    TranscriptionFileIssuesMailer.issue_notification(details)
+  end
+
+  def file_conversion_issues
+    details = {
+      error: { type: "conversion", explanation: "convert a vtt file to rtf" },
+      docket_number: "123456",
+      appeal_id: "772f677a-b5fd-45f0-b74d-ecdd15da0730"
+    }
+    TranscriptionFileIssuesMailer.issue_notification(details)
+  end
+
+  def file_name_issues
+    details = {
+      error: { type: "download", explanation: "download a file from Webex" },
+      provider: "webex",
+      reason: "Unable to parse hearing information from file name: 240322-2489_441_WrongHearingType.mp3",
+      expected_file_name_format: "[docket_number]_[internal_id]_[hearing_type].[file_type]",
+      docket_number: nil,
+      appeal_id: nil
+    }
+    TranscriptionFileIssuesMailer.issue_notification(details)
+  end
+
+  def webex_rooms_list_issues
+    sort_by = "created"
+    max = 1000
+    query = "?sortBy=#{sort_by}&max=#{max}"
+
+    details = {
+      error: { type: "retrieval", explanation: "retrieve a list of rooms from Webex" },
+      provider: "webex",
+      api_call: "GET https://api-usgov.webex.com/v1/rooms#{query}",
+      response: { status: 400, message: "Sample error message" }.to_json
+    }
+    TranscriptionFileIssuesMailer.issue_notification(details)
+  end
+
+  def webex_room_meeting_details_issues
+    room_id = "1234567"
+    meeting_title = "221218-977_933_Hearing"
+    details = {
+      error: { type: "retrieval", explanation: "retrieve a list of room details from Webex" },
+      provider: "webex",
+      api_call: "GET https://api-usgov.webex.com/v1/rooms/#{room_id}/meetingInfo",
+      response: { status: 400, message: "Sample error message" }.to_json,
+      room_id: room_id,
+      meeting_title: meeting_title
+    }
+    TranscriptionFileIssuesMailer.issue_notification(details)
+  end
+
+  def webex_recording_list_issues
+    max = 100
+    meeting_id = "123abc"
+    meeting_title = "221218-977_933_Hearing"
+    query = "?max=#{max}&meetingId=#{meeting_id}"
+
+    details = {
+      error: { type: "retrieval", explanation: "retrieve a list of recordings from Webex" },
+      provider: "webex",
+      api_call: "GET https://api-usgov.webex.com/v1/admin/recordings/#{query}",
+      response: { status: 400, message: "Sample error message" }.to_json,
+      meeting_id: "123abc",
+      meeting_title: meeting_title
+    }
+    TranscriptionFileIssuesMailer.issue_notification(details)
+  end
+
+  def webex_recording_details_issues
+    recording_id = "12345"
+    host_email = "fake@email.com"
+    meeting_title = "221218-977_933_Hearing"
+    query = "?hostEmail=#{host_email}"
+    details = {
+      error: { type: "retrieval", explanation: "retrieve recording details from Webex" },
+      provider: "webex",
+      api_call: "GET https://api-usgov.webex.com/v1/recordings/#{recording_id}#{query}",
+      response: { status: 400, message: "Sample error message" }.to_json,
+      recording_id: recording_id,
+      host_email: host_email,
+      meeting_title: meeting_title
+    }
+    TranscriptionFileIssuesMailer.issue_notification(details)
+  end
+end
diff --git a/spec/mailers/transcription_file_issues_mailer_spec.rb b/spec/mailers/transcription_file_issues_mailer_spec.rb
new file mode 100644
index 00000000000..4cd8c609bc7
--- /dev/null
+++ b/spec/mailers/transcription_file_issues_mailer_spec.rb
@@ -0,0 +1,144 @@
+# frozen_string_literal: true
+
+require "rails_helper"
+
+RSpec.describe TranscriptionFileIssuesMailer, type: :mailer do
+  let(:actions) do
+    {
+      download: "download",
+      upload: "upload",
+      conversion: "convert",
+      retrieval: "retrieve"
+    }
+  end
+
+  shared_examples "mail assignment" do
+    it "assigns @details" do
+      action = actions[details[:error][:type].to_sym]
+      provider = details[:provider].titlecase
+      expect(mail.body.encoded).to match(action)
+      expect(mail.body.encoded).to match(provider)
+      expect(mail.body.encoded).to match(details[:docket_number]) if details[:docket_number]
+    end
+  end
+
+  describe "download transcription file job errors" do
+    let(:appeal_id) { "12345678" }
+    let(:details) do
+      {
+        error: { type: "download", explanation: "download a mp3 file from Webex" },
+        provider: "webex",
+        temporary_download_link: { link: "webex.com/download_link" },
+        docket_number: "123456",
+        appeal_id: appeal_id
+      }
+    end
+    let(:mail) { described_class.issue_notification(details).deliver_now }
+
+    it "renders the subject" do
+      subject = "File #{details[:error][:type].titlecase} Error - " \
+                + "#{details[:provider].titlecase} #{details[:docket_number]}"
+      expect(mail.subject).to eq(subject)
+    end
+
+    it "renders the receiver email" do
+      expect(mail.to).to eq(["Caseflow@test.com"])
+    end
+
+    it "renders the sender email" do
+      expect(mail.from).to eq(["BoardofVeteransAppealsHearings@messages.va.gov"])
+    end
+
+    include_examples "mail assignment"
+
+    it "assigns case details link" do
+      expect(mail.body.encoded).to match("localhost:3000/queue/appeals/#{appeal_id}")
+    end
+
+    it "assigns case details link for demo environment" do
+      allow(ENV).to receive(:[]).and_call_original
+      allow(ENV).to receive(:[]).with("DEPLOY_ENV").and_return("demo")
+      mail = described_class.issue_notification(details).deliver_now
+      expect(mail.body.encoded).to match("https://demo.appeals.va.gov/queue/appeals/#{appeal_id}")
+    end
+
+    it "assigns case details link for staging environment" do
+      allow(Rails).to receive(:deploy_env).and_return(:uat)
+      mail = described_class.issue_notification(details).deliver_now
+      expect(mail.body.encoded).to match("https://appeals.cf.uat.ds.va.gov/queue/appeals/#{appeal_id}")
+    end
+
+    it "assigns case details link for prod environment" do
+      allow(Rails).to receive(:deploy_env).and_return(:prod)
+      mail = described_class.issue_notification(details).deliver_now
+      expect(mail.body.encoded).to match("https://appeals.cf.ds.va.gov/queue/appeals/#{appeal_id}")
+    end
+  end
+
+  describe "fetch webex recordings list errors" do
+    let(:recording_id) { "12345" }
+    let(:details) do
+      {
+        error: { type: "retrieval", explanation: "retrieve recording details from Webex" },
+        provider: "webex",
+        recording_id: recording_id,
+        api_call: "GET webex.com/recordings/details//#{recording_id}",
+        response: { status: 400, message: "Sample error message" }.to_json,
+        docket_number: nil
+      }
+    end
+    let(:mail) { described_class.issue_notification(details).deliver_now }
+
+    it "renders the subject" do
+      subject = "File #{details[:error][:type].titlecase} Error - #{details[:provider].titlecase}"
+      expect(mail.subject).to eq(subject)
+    end
+
+    it "renders the receiver email" do
+      expect(mail.to).to eq(["Caseflow@test.com"])
+    end
+
+    it "assigns to email address for prodtest environment" do
+      allow(Rails).to receive(:deploy_env).and_return(:prodtest)
+      expect(mail.to).to eq(["VHACHABID_Appeals_ProdTest@va.gov"])
+    end
+
+    it "assigns to email address for prodtest environment" do
+      allow(Rails).to receive(:deploy_env).and_return(:uat)
+      expect(mail.to).to eq(["BID_Appeals_UAT@bah.com"])
+    end
+
+    it "assigns to email address for prod environment" do
+      allow(Rails).to receive(:deploy_env).and_return(:prod)
+      expect(mail.to).to eq(["BVAHearingTeam@VA.gov"])
+    end
+
+    it "assigns cc email address for prod environment" do
+      allow(Rails).to receive(:deploy_env).and_return(:prod)
+      expect(mail.cc).to eq(["OITAppealsHelpDesk@va.gov"])
+    end
+
+    it "assigns cc email address for non prod environment" do
+      expect(mail.cc).to eq(nil)
+    end
+
+    it "renders the sender email" do
+      expect(mail.from).to eq(["BoardofVeteransAppealsHearings@messages.va.gov"])
+    end
+
+    include_examples "mail assignment"
+
+    it "renders the correct message for FileConversionError" do
+      details.delete(:provider)
+      expected_message = "Please investigate this issue further to ensure " \
+                          "Caseflow has been supplied with the necessary files"
+      expect(mail.body.encoded).to match(expected_message)
+    end
+
+    it "renders the correct message for other errors" do
+      expected_message = "Please investigate this issue further to ensure continued " \
+                      "communication between Caseflow and #{details[:provider].titlecase}."
+      expect(mail.body.encoded).to match(expected_message)
+    end
+  end
+end
diff --git a/spec/models/hearing_day_spec.rb b/spec/models/hearing_day_spec.rb
index c59522518b0..72e7a426c4c 100644
--- a/spec/models/hearing_day_spec.rb
+++ b/spec/models/hearing_day_spec.rb
@@ -547,28 +547,80 @@ def format_begins_at_from_db(time_string, scheduled_for)
     end
   end
 
-  context "hearing day conference link doesnt exist" do
-    before do
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_PIN_KEY").and_return "mysecretkey"
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_HOST").and_return "example.va.gov"
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_PATH").and_return "/sample"
+  context "hearing day in the past, conference link doesnt exist" do
+    let(:hearing_day) do
+      RequestStore[:current_user] = User.create(css_id: "BVASCASPER1", station_id: 101)
+      create(
+        :hearing_day,
+        id: 1,
+        request_type: HearingDay::REQUEST_TYPES[:central],
+        scheduled_for: 1.year.ago,
+        room: "1"
+      )
+    end
+
+    subject { hearing_day.conference_link }
+
+    context "The Pexip and Webex services are both enabled" do
+      include_context "Enable both conference services"
+
+      it "Both conference links are created whenever requested" do
+        expect(subject).to eq nil
+      end
+    end
+
+    context "The Pexip and Webex services are both disabled" do
+      it "No links are created whenever they are requested" do
+        expect(subject).to eq nil
+      end
     end
 
+    context "Only the Pexip service is disabled" do
+      before { FeatureToggle.enable!(:pexip_conference_service) }
+
+      it "Only the Pexip conference link is generated whenever requested" do
+        expect(subject).to eq nil
+      end
+    end
+  end
+
+  context "hearing day in the future, conference link doesnt exist" do
     let(:hearing_day) do
       RequestStore[:current_user] = User.create(css_id: "BVASCASPER1", station_id: 101)
       create(
         :hearing_day,
         id: 1,
         request_type: HearingDay::REQUEST_TYPES[:central],
-        scheduled_for: Time.zone.local(2019, 5, 15).to_date,
+        scheduled_for: 1.year.from_now,
         room: "1"
       )
     end
 
     subject { hearing_day.conference_link }
 
-    it "Does not have a existing conference link so creates a new one" do
-      expect(subject.hearing_day_id).to eq(hearing_day.id)
+    context "The Pexip and Webex services are both enabled" do
+      before do
+        FeatureToggle.enable!(:pexip_conference_service)
+        FeatureToggle.enable!(:webex_conference_service)
+      end
+
+      it "Only a pexip conference link is created for the entire hearing day requested" do
+        expect(subject.type).to eql(PexipConferenceLink.name)
+      end
+    end
+
+    context "The Pexip and Webex services are both disabled" do
+      it "No links are created whenever they are requested" do
+        expect(subject).to eq nil
+      end
+    end
+
+    context "Only the Pexip service is disabled" do
+      before { FeatureToggle.enable!(:pexip_conference_service) }
+
+      it "Only the Pexip conference link is generated whenever requested" do
+        expect(subject.is_a?(PexipConferenceLink)).to be(true)
+      end
     end
   end
 end
diff --git a/spec/models/hearing_spec.rb b/spec/models/hearing_spec.rb
index 192b1f053bf..e5a9dcc60a8 100644
--- a/spec/models/hearing_spec.rb
+++ b/spec/models/hearing_spec.rb
@@ -1,6 +1,7 @@
 # frozen_string_literal: true
 
 require "models/concerns/has_virtual_hearing_examples"
+require "models/hearings_shared_examples"
 
 describe Hearing, :postgres do
   it_should_behave_like "a model that can have a virtual hearing" do
@@ -304,6 +305,39 @@
     end
   end
 
+  context "#conference_provider" do
+    let(:hearing_type) { :hearing }
+
+    include_context "Pexip and Webex Users"
+
+    include_examples "Conference provider values are transferred between base entity and new hearings"
+  end
+
+  context "#daily_docket_conference_link" do
+    let(:hearing_day) { create(:hearing_day) }
+    let(:hearing) { create(:hearing, hearing_day: hearing_day) }
+    let(:conference_link) { "https://example.com" }
+
+    before do
+      allow(hearing_day).to receive(:conference_link).and_return(conference_link)
+    end
+
+    it "returns the conference links of the hearing day" do
+      expect(hearing.daily_docket_conference_link).to eq(conference_link)
+    end
+  end
+
+  context "correct subject nbf and exp" do
+    let(:hearing_day) { create(:hearing_day) }
+    let(:hearing) { create(:hearing, hearing_day: hearing_day) }
+
+    it "sub nbf and exp are correct" do
+      expect(hearing.subject_for_conference).to eq("#{hearing.docket_number}_#{hearing.id}_#{hearing.class}")
+      expect(hearing.nbf).to eq(hearing.scheduled_for.beginning_of_day.to_i)
+      expect(hearing.exp).to eq(hearing.scheduled_for.end_of_day.to_i)
+    end
+  end
+
   context "scheduled_for" do
     let(:hearing) { create(:hearing) }
 
diff --git a/spec/models/hearings/conference_link_spec.rb b/spec/models/hearings/conference_link_spec.rb
index 7cd81df11ff..7b9e77d042d 100644
--- a/spec/models/hearings/conference_link_spec.rb
+++ b/spec/models/hearings/conference_link_spec.rb
@@ -1,234 +1,23 @@
 # frozen_string_literal: true
 
 describe ConferenceLink do
-  URL_HOST = "example.va.gov"
-  URL_PATH = "/sample"
-  PIN_KEY = "mysecretkey"
-
-  before do
-    allow(ENV).to receive(:[]).and_call_original
-    allow(ENV).to receive(:fetch).and_call_original
+  let(:hearing_day) { create(:hearing_day) }
+  let(:created_by_user) { create(:user) }
+  let(:hearing) { create(:hearing) }
+
+  it "Base ConferenceLink class records cannot be created directly" do
+    expect { ConferenceLink.create!(hearing_day: hearing_day, created_by: created_by_user) }.to raise_error(
+      NotImplementedError
+    )
   end
 
-  context "#create with errors" do
-    context "pin key env variable is missing" do
-      before do
-        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_HOST").and_return URL_HOST
-        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_PATH").and_return URL_PATH
-      end
-      let(:hearing_day) { create(:hearing_day) }
-      let(:user) { create(:user) }
-      it "raises the missing PIN key error" do
-        RequestStore[:current_user] = user
-        expect do
-          described_class.create(hearing_day_id: hearing_day.id)
-        end.to raise_error VirtualHearings::LinkService::PINKeyMissingError
-      end
-    end
-
-    context "url host env variable is missing" do
-      before do
-        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_PIN_KEY").and_return PIN_KEY
-        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_PATH").and_return URL_PATH
-      end
-      let(:hearing_day) { create(:hearing_day) }
-      let(:user) { create(:user) }
-      it "raises the missing host error" do
-        RequestStore[:current_user] = user
-        expect do
-          described_class.create(
-            hearing_day_id: hearing_day.id
-          )
-        end.to raise_error VirtualHearings::LinkService::URLHostMissingError
-      end
-    end
-
-    context "url path env variable is missing" do
-      before do
-        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_PIN_KEY").and_return PIN_KEY
-        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_HOST").and_return URL_HOST
-      end
-      let(:hearing_day) { create(:hearing_day) }
-      let(:user) { create(:user) }
-      it "raises the missing path error" do
-        RequestStore[:current_user] = user
-        expect do
-          described_class.create(
-            hearing_day_id: hearing_day.id
-          )
-        end.to raise_error VirtualHearings::LinkService::URLPathMissingError
-      end
-    end
-
-    context "all env variables are missing" do
-      let(:hearing_day) { create(:hearing_day) }
-      let(:user) { create(:user) }
-      it "raises the missing PIN key error" do
-        RequestStore[:current_user] = user
-        expect do
-          described_class.create(
-            hearing_day_id: hearing_day.id
-          )
-        end.to raise_error VirtualHearings::LinkService::PINKeyMissingError
-      end
-    end
+  it "can belong to a hearing day" do
+    conference_link = ConferenceLink.new(hearing_day_id: hearing_day.id)
+    expect(conference_link.hearing_day).to match(hearing_day)
   end
-  context "#create" do
-    before do
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_PIN_KEY").and_return "mysecretkey"
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_HOST").and_return "example.va.gov"
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_PATH").and_return "/sample"
-    end
-
-    let(:hearing_day) do
-      create(:hearing_day, id: 1)
-    end
-
-    let(:conference_link) do
-      create(:conference_link, hearing_day_id: hearing_day.id)
-    end
-
-    subject { conference_link }
-
-    it "Conference link was created and links generated" do
-      expect(subject.id).not_to eq(nil)
-      expect(subject.host_link).not_to eq(nil)
-      expect(subject.host_pin_long).not_to eq(nil)
-      expect(subject.alias_with_host).not_to eq(nil)
-      expect(subject.alias_name).not_to eq(nil)
-      expect(subject.created_by_id).not_to eq(nil)
-      expect(subject.host_pin).to eq(subject.host_pin_long)
-      expect(subject.host_link).to eq(subject.host_link)
-      expect(subject.guest_hearing_link).to eq(subject.guest_hearing_link)
-      expect(subject.guest_pin_long).to eq(subject.guest_pin_long)
-      expect(subject.updated_by_id).not_to eq(nil)
-    end
-  end
-
-  context "update conference day" do
-    before do
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_PIN_KEY").and_return "mysecretkey"
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_HOST").and_return "example.va.gov"
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_PATH").and_return "/sample"
-    end
-
-    let(:hearing_day) do
-      create(:hearing_day, id: 1)
-    end
-
-    let(:conference_link) do
-      create(:conference_link, hearing_day_id: hearing_day.id)
-    end
-
-    let(:conference_link_hash) do
-      {
-        host_pin: 12_345_678,
-        host_pin_long: "12345678",
-        guest_pin_long: "123456789",
-        created_at: DateTime.new(2022, 3, 15, 10, 15, 30),
-        updated_at: DateTime.new(2022, 4, 27, 11, 20, 35)
-      }
-    end
-
-    subject { conference_link.update!(conference_link_hash) }
-
-    it "Conference link was updated" do
-      subject
-
-      updated_conference_link = ConferenceLink.find(conference_link.id).reload
-      expect(updated_conference_link.host_pin).to eq("12345678")
-      expect(updated_conference_link.host_pin_long).to eq("12345678")
-      expect(updated_conference_link.guest_pin_long).to eq("123456789")
-      expect(updated_conference_link.created_at).to eq(DateTime.new(2022, 3, 15, 10, 15, 30))
-      expect(updated_conference_link.updated_at).to eq(DateTime.new(2022, 4, 27, 11, 20, 35))
-      expect(updated_conference_link.updated_by_id).not_to eq(nil)
-      expect(updated_conference_link.created_by_id).not_to eq(nil)
-    end
-  end
-
-  describe "#guest_pin" do
-    before do
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_PIN_KEY").and_return "mysecretkey"
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_HOST").and_return "example.va.gov"
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_PATH").and_return "/sample"
-    end
-
-    let(:hearing_day) { create(:hearing_day) }
-
-    let!(:user) { RequestStore.store[:current_user] = User.system_user }
-
-    let(:conference_link) do
-      create(:conference_link,
-             hearing_day_id: hearing_day.id,
-             guest_hearing_link: nil,
-             guest_pin_long: "7470125694")
-    end
-
-    context "guest_pin_long property already has a pin as a value" do
-      before do
-        allow_any_instance_of(VirtualHearings::LinkService).to receive(:guest_pin).and_return("7470125694")
-      end
-
-      it "Returns the guest_pin for the conference_link" do
-        conference_link.guest_pin
-        expect(conference_link.guest_pin_long).to eq("7470125694")
-      end
-    end
-    context "guest_pin_long property has a value of nil." do
-      it "checks if property is nil. If so, a new pin is created. " do
-        conference_link.update!(guest_pin_long: nil)
-        expect(conference_link.guest_pin).not_to eq(nil)
-      end
-    end
-  end
-
-  describe "#guest_link" do
-    before do
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_PIN_KEY").and_return "mysecretkey"
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_HOST").and_return "example.va.gov"
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_PATH").and_return "/sample"
-      allow_any_instance_of(VirtualHearings::LinkService).to receive(:guest_pin).and_return("7470125694")
-      allow_any_instance_of(VirtualHearings::LinkService).to receive(:conference_id).and_return("0000001")
-    end
-
-    let(:hearing_day) { create(:hearing_day) }
-
-    let!(:user) { RequestStore.store[:current_user] = User.system_user }
-
-    let(:conference_link) do
-      create(:conference_link,
-             hearing_day_id: hearing_day.id,
-             guest_hearing_link: existing_url,
-             guest_pin_long: nil)
-    end
-
-    let(:existing_url) do
-      "https://example.va.gov/sample/?" \
-      "conference=BVA0000001@example.va.gov&" \
-      "pin=7470125694&callType=video"
-    end
 
-    context "guest_hearing_link property already has a link/string as a value" do
-      it "Returns the guest_pin for the conference_link" do
-        conference_link.guest_link
-        expect(conference_link.guest_hearing_link).to eq(existing_url)
-      end
-    end
-    context "guest_hearing_link property already has a nil value" do
-      it "creates and returns the updated guest_hearing_link property" do
-        conference_link.update!(guest_hearing_link: nil)
-        conference_link.guest_link
-        expect(conference_link.guest_hearing_link).to eq(existing_url)
-      end
-    end
-    # rubocop:disable Layout/LineLength
-    context "If alias_name(aliased for the alias property) is nil AND guest_hearing_link is nil and alias_with_host is NOT nil" do
-      it "creates a guest_hearing_link updates the property and updates the alias property" do
-        conference_link.update!(alias: nil, guest_hearing_link: nil, alias_with_host: "BVA0000001@example.va.gov")
-        conference_link.guest_link
-        expect(conference_link.guest_hearing_link).to eq(existing_url)
-      end
-    end
-    # rubocop:enable Layout/LineLength
+  it "can belong to a hearing" do
+    conference_link = ConferenceLink.new(hearing_id: hearing.id, hearing_type: "Hearing")
+    expect(conference_link.hearing).to match(hearing)
   end
 end
diff --git a/spec/models/hearings/pexip_conference_link_spec.rb b/spec/models/hearings/pexip_conference_link_spec.rb
new file mode 100644
index 00000000000..02acd4f6230
--- /dev/null
+++ b/spec/models/hearings/pexip_conference_link_spec.rb
@@ -0,0 +1,193 @@
+# frozen_string_literal: true
+
+describe PexipConferenceLink do
+  URL_HOST = "example.va.gov"
+  URL_PATH = "/sample"
+  PIN_KEY = "mysecretkey"
+
+  before do
+    allow(ENV).to receive(:[]).and_call_original
+    allow(ENV).to receive(:fetch).and_call_original
+  end
+
+  context "#create with errors" do
+    context "pin key env variable is missing" do
+      let(:hearing_day) { create(:hearing_day) }
+      let(:user) { create(:user) }
+      it "raises the missing PIN key error" do
+        RequestStore[:current_user] = user
+        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_PIN_KEY").and_return(nil)
+        expect do
+          described_class.create(hearing_day: hearing_day)
+        end.to raise_error VirtualHearings::PexipLinkService::PINKeyMissingError
+      end
+    end
+
+    context "url host env variable is missing" do
+      let(:hearing_day) { create(:hearing_day) }
+      let(:user) { create(:user) }
+      it "raises the missing host error" do
+        RequestStore[:current_user] = user
+        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_HOST").and_return(nil)
+        expect do
+          described_class.create(hearing_day: hearing_day)
+        end.to raise_error VirtualHearings::PexipLinkService::URLHostMissingError
+      end
+    end
+
+    context "url path env variable is missing" do
+      let(:hearing_day) { create(:hearing_day) }
+      let(:user) { create(:user) }
+      it "raises the missing path error" do
+        RequestStore[:current_user] = user
+        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_PATH").and_return(nil)
+        expect do
+          described_class.create(hearing_day: hearing_day)
+        end.to raise_error VirtualHearings::PexipLinkService::URLPathMissingError
+      end
+    end
+
+    context "all env variables are missing" do
+      let(:hearing_day) { create(:hearing_day) }
+      let(:user) { create(:user) }
+      it "raises the missing PIN key error" do
+        allow(ENV).to receive(:[]).with(anything).and_return(nil)
+        RequestStore[:current_user] = user
+        expect do
+          described_class.create(hearing_day: hearing_day)
+        end.to raise_error VirtualHearings::PexipLinkService::PINKeyMissingError
+      end
+    end
+  end
+
+  context "#create" do
+    let(:hearing_day) do
+      create(:hearing_day, id: 1)
+    end
+
+    let(:conference_link) do
+      create(:pexip_conference_link, hearing_day_id: hearing_day.id)
+    end
+
+    subject { conference_link }
+
+    it "Conference link was created and links generated" do
+      expect(subject.id).not_to eq(nil)
+      expect(subject.host_link).not_to eq(nil)
+      expect(subject.host_pin_long).not_to eq(nil)
+      expect(subject.alias_with_host).not_to eq(nil)
+      expect(subject.alias_name).not_to eq(nil)
+      expect(subject.created_by_id).not_to eq(nil)
+      expect(subject.host_pin).to eq(subject.host_pin_long)
+      expect(subject.host_link).to eq(subject.host_link)
+      expect(subject.guest_hearing_link).to eq(subject.guest_hearing_link)
+      expect(subject.guest_pin_long).to eq(subject.guest_pin_long)
+      expect(subject.updated_by_id).not_to eq(nil)
+    end
+  end
+
+  context "update conference day" do
+    let(:hearing_day) do
+      create(:hearing_day, id: 1)
+    end
+
+    let(:conference_link) do
+      create(:pexip_conference_link, hearing_day_id: hearing_day.id)
+    end
+
+    let(:conference_link_hash) do
+      {
+        host_pin: 12_345_678,
+        host_pin_long: "12345678",
+        guest_pin_long: "123456789",
+        created_at: DateTime.new(2022, 3, 15, 10, 15, 30),
+        updated_at: DateTime.new(2022, 4, 27, 11, 20, 35)
+      }
+    end
+
+    subject { conference_link.update!(conference_link_hash) }
+
+    it "Conference link was updated" do
+      subject
+
+      updated_conference_link = ConferenceLink.find(conference_link.id).reload
+      expect(updated_conference_link.host_pin).to eq("12345678")
+      expect(updated_conference_link.host_pin_long).to eq("12345678")
+      expect(updated_conference_link.guest_pin_long).to eq("123456789")
+      expect(updated_conference_link.created_at).to eq(DateTime.new(2022, 3, 15, 10, 15, 30))
+      expect(updated_conference_link.updated_at).to eq(DateTime.new(2022, 4, 27, 11, 20, 35))
+      expect(updated_conference_link.updated_by_id).not_to eq(nil)
+      expect(updated_conference_link.created_by_id).not_to eq(nil)
+    end
+  end
+
+  describe "#guest_pin" do
+    include_context "Enable both conference services"
+
+    let(:hearing_day) { create(:hearing_day) }
+
+    let!(:user) { RequestStore.store[:current_user] = User.system_user }
+
+    let(:conference_link) { hearing_day.conference_link }
+
+    context "guest_pin_long property already has a pin as a value" do
+      it "Returns the guest_pin for the conference_link" do
+        expect(conference_link.guest_pin_long).to eq(conference_link.guest_pin)
+      end
+    end
+    context "guest_pin_long property has a value of nil." do
+      it "checks if property is nil. If so, a new pin is created. " do
+        conference_link.update!(guest_pin_long: nil)
+        expect(conference_link.guest_pin).not_to eq(nil)
+      end
+    end
+  end
+
+  describe "#guest_link" do
+    before do
+      allow_any_instance_of(VirtualHearings::PexipLinkService).to receive(:conference_id)
+        .and_return expected_conference_id
+      allow_any_instance_of(VirtualHearings::PexipLinkService).to receive(:guest_pin).and_return expected_pin
+    end
+    let(:hearing_day) { create(:hearing_day) }
+    let!(:user) { RequestStore.store[:current_user] = User.system_user }
+
+    let(:conference_link) do
+      create(:pexip_conference_link,
+             hearing_day_id: hearing_day.id,
+             guest_hearing_link: existing_url,
+             guest_pin_long: nil)
+    end
+
+    let(:expected_pin) { "7470125694" }
+    let(:expected_conference_id) { "0000001" }
+
+    let(:existing_url) do
+      "https://example.va.gov/sample/?" \
+      "conference=BVA#{expected_conference_id}@example.va.gov&" \
+      "pin=#{expected_pin}&callType=video"
+    end
+
+    context "guest_hearing_link property already has a link/string as a value" do
+      it "Returns the guest_pin for the conference_link" do
+        conference_link.guest_link
+        expect(conference_link.guest_hearing_link).to eq(existing_url)
+      end
+    end
+    context "guest_hearing_link property already has a nil value" do
+      it "creates and returns the updated guest_hearing_link property" do
+        conference_link.update!(guest_hearing_link: nil)
+        conference_link.guest_link
+        expect(conference_link.guest_hearing_link).to eq(existing_url)
+      end
+    end
+    context "If alias_name(aliased for the alias property) is nil AND guest_hearing_link is nil "\
+      "and alias_with_host is NOT nil" do
+      it "creates a guest_hearing_link updates the property and updates the alias property" do
+        conference_link.update!(alias: nil, guest_hearing_link: nil, alias_with_host: "BVA0000001@example.va.gov")
+        conference_link.guest_link
+        expect(conference_link.guest_hearing_link).to eq(existing_url)
+      end
+    end
+  end
+end
diff --git a/spec/models/hearings/transcription_file_spec.rb b/spec/models/hearings/transcription_file_spec.rb
new file mode 100644
index 00000000000..7939dfb3822
--- /dev/null
+++ b/spec/models/hearings/transcription_file_spec.rb
@@ -0,0 +1,35 @@
+# frozen_string_literal: true
+
+require "rails_helper"
+
+describe TranscriptionFile do
+  let(:file) { create(:transcription_file) }
+  let(:uploaded_file) { create(:transcription_file, :uploaded) }
+
+  before do
+    RequestStore[:current_user] = User.system_user
+  end
+
+  describe "model functions" do
+    it "downloading a file" do
+      expect(uploaded_file.fetch_file_from_s3!).to eq("#{Rails.root}/tmp/transcription_files/vtt/transcript.vtt")
+    end
+
+    it "uploading a file" do
+      file.upload_to_s3!
+      expect(file.aws_link).not_to be(nil)
+    end
+  end
+
+  describe "tmp files" do
+    let(:tmp_location) { file.tmp_location }
+    let(:temp) { Tempfile.new(tmp_location) }
+
+    it "cleaning up tmp location" do
+      temp
+      expect(File.exist?(tmp_location)).to eq(true)
+      file.clean_up_tmp_location
+      expect(File.exist?(tmp_location)).to eq(false)
+    end
+  end
+end
diff --git a/spec/models/hearings/virtual_hearing_spec.rb b/spec/models/hearings/virtual_hearing_spec.rb
index 8b09c373ac0..6ffdc86def8 100644
--- a/spec/models/hearings/virtual_hearing_spec.rb
+++ b/spec/models/hearings/virtual_hearing_spec.rb
@@ -1,5 +1,7 @@
 # frozen_string_literal: true
 
+require "models/hearings_shared_examples"
+
 describe VirtualHearing do
   URL_HOST = "example.va.gov"
   URL_PATH = "/sample"
@@ -33,20 +35,7 @@
     end
   end
 
-  shared_context "virtual hearing created with new link generation" do
-    let(:virtual_hearing) do
-      build(
-        :virtual_hearing,
-        :link_generation_initialized,
-        hearing: build(
-          :hearing,
-          hearing_day: build(:hearing_day, request_type: HearingDay::REQUEST_TYPES[:central])
-        )
-      )
-    end
-  end
-
-  shared_context "virtual hearing not created with new link generation" do
+  shared_context "virtual hearing created with link generation" do
     let(:virtual_hearing) do
       build(
         :virtual_hearing,
@@ -102,9 +91,9 @@
 
     it "returns the aliased pins when set" do
       expect(virtual_hearing_aliased[:guest_pin]).to eq nil
-      expect(virtual_hearing_aliased.guest_pin.to_s.length).to eq 11
+      expect(virtual_hearing_aliased.guest_pin.to_s.length).to eq 10
       expect(virtual_hearing_aliased[:host_pin]).to eq nil
-      expect(virtual_hearing_aliased.host_pin.to_s.length).to eq 8
+      expect(virtual_hearing_aliased.host_pin.to_s.length).to eq 7
     end
   end
 
@@ -231,6 +220,7 @@
         expect(subject).to eq(status)
       end
     end
+
     subject { virtual_hearing.status }
 
     context "cancelled" do
@@ -266,15 +256,8 @@
     end
 
     context "active" do
-      context "vh created with new link generation" do
-        include_context "virtual hearing created with new link generation"
-        include_examples "returns correct status", :active
-      end
-
-      context "vh not created with new link generation" do
-        include_context "virtual hearing not created with new link generation"
-        include_examples "returns correct status", :active
-      end
+      include_context "virtual hearing created with link generation"
+      include_examples "returns correct status", :active
     end
 
     context "pending" do
@@ -299,87 +282,199 @@
       allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_PATH").and_return URL_PATH
     end
 
-    context "with old link generation virtual hearing" do
-      include_context "virtual hearing not created with new link generation"
+    include_context "virtual hearing created with link generation"
+
+    it "rebuilds and saves the links as expected" do
+      # update virtual_hearing with old-style link
+      old_style_host_link = "https://example.va.gov/sample/?conference=BVA0000001@example.va.gov" \
+                            "&name=Judge&pin=3998472&callType=video&join=1"
+      old_style_guest_link = "https://example.va.gov/sample/?conference=BVA0000001@example.va.gov" \
+                              "&name=Guest&pin=7470125694&callType=video&join=1"
+      virtual_hearing.update!(host_hearing_link: old_style_host_link, guest_hearing_link: old_style_guest_link)
+
+      virtual_hearing.reload
+      expect(virtual_hearing.host_hearing_link).to eq old_style_host_link
+      expect(virtual_hearing.guest_hearing_link).to eq old_style_guest_link
+
+      alias_with_host = virtual_hearing.alias_with_host
+      host_pin_long = virtual_hearing.host_pin_long
+      guest_pin_long = virtual_hearing.guest_pin_long
+
+      virtual_hearing.rebuild_and_save_links
+      virtual_hearing.reload
 
-      it "raises an error" do
-        virtual_hearing.update!(alias_with_host: "BVA#{virtual_hearing.alias_name}@nowhere.va.gov")
-        virtual_hearing.reload
+      current_style_host_link = "https://example.va.gov/sample/?conference=BVA0000001@example.va.gov" \
+                            "&pin=3998472&callType=video"
+      current_style_guest_link = "https://example.va.gov/sample/?conference=BVA0000001@example.va.gov" \
+                              "&pin=7470125694&callType=video"
 
-        expect { virtual_hearing.rebuild_and_save_links }
-          .to raise_error(VirtualHearing::LinkMismatchError)
+      expect(virtual_hearing.host_hearing_link).not_to eq old_style_host_link
+      expect(virtual_hearing.guest_hearing_link).not_to eq old_style_guest_link
+      expect(virtual_hearing.host_hearing_link).to eq current_style_host_link
+      expect(virtual_hearing.guest_hearing_link).to eq current_style_guest_link
+
+      # these pass because the values hard-coded into the virtual hearing factory
+      # with trait :initialized are consistent with the values
+      # algorithmically generated by VirtualHearings::PexipLinkService
+      expect(virtual_hearing.host_hearing_link).to include alias_with_host
+      expect(virtual_hearing.host_hearing_link).to include host_pin_long
+
+      expect(virtual_hearing.guest_hearing_link).to include alias_with_host
+      expect(virtual_hearing.guest_hearing_link).to include guest_pin_long
+    end
+
+    context "#test_link" do
+      context "vh created with link generation" do
+        def link(name)
+          "https://#{URL_HOST}#{URL_PATH}?conference=test_call&name=#{name}&join=1"
+        end
+
+        include_examples "all test link behaviors"
       end
 
-      context "with a virtual hearing that has a nil alias_with_host" do
-        it "raises an error" do
-          virtual_hearing.update!(alias_with_host: nil)
-          virtual_hearing.reload
+      context "for a webex conference" do
+        let(:virtual_hearing) do
+          create(:virtual_hearing).tap { |vh| vh.meeting_type.update!(service_name: "webex") }
+        end
 
-          expect { virtual_hearing.rebuild_and_save_links }.to raise_error(VirtualHearing::NoAliasWithHostPresentError)
+        it "returns the webex test link" do
+          expect(virtual_hearing.test_link(nil)).to eq "https://instant-usgov.webex.com/mediatest"
         end
       end
     end
+  end
 
-    context "with new link generation virtual hearing" do
-      include_context "virtual hearing created with new link generation"
+  shared_examples "Hearings inherit conf providers from provider of original scheduler at time of creation" do
+    it "original_scheduler creates the virtual hearing" do
+      virtual_hearing = create(
+        :virtual_hearing,
+        :initialized,
+        hearing: hearing,
+        created_by: original_scheduler
+      )
 
-      it "rebuilds and saves the links as expected" do
-        # update virtual_hearing with old-style link
-        old_style_host_link = "https://example.va.gov/sample/?conference=BVA0000001@example.va.gov" \
-                              "&name=Judge&pin=3998472&callType=video&join=1"
-        old_style_guest_link = "https://example.va.gov/sample/?conference=BVA0000001@example.va.gov" \
-                               "&name=Guest&pin=7470125694&callType=video&join=1"
-        virtual_hearing.update!(host_hearing_link: old_style_host_link, guest_hearing_link: old_style_guest_link)
+      expect(virtual_hearing.conference_provider).to eq hearing.conference_provider
+      expect(virtual_hearing.conference_provider).to eq original_scheduler.conference_provider
+    end
 
-        virtual_hearing.reload
-        expect(virtual_hearing.host_hearing_link).to eq old_style_host_link
-        expect(virtual_hearing.guest_hearing_link).to eq old_style_guest_link
+    it "User with different conference provider than the original scheduler creates the virtual hearing" do
+      virtual_hearing = create(
+        :virtual_hearing,
+        :initialized,
+        hearing: hearing,
+        created_by: other_user
+      )
 
-        alias_with_host = virtual_hearing.alias_with_host
-        host_pin_long = virtual_hearing.host_pin_long
-        guest_pin_long = virtual_hearing.guest_pin_long
+      expect(virtual_hearing.conference_provider).to eq hearing.conference_provider
+      expect(virtual_hearing.conference_provider).to_not eq other_user.conference_provider
+    end
 
-        virtual_hearing.rebuild_and_save_links
-        virtual_hearing.reload
+    it "Original user's provider changes between time they schedule hearing and a virtual hearing" do
+      original_scheduler.meeting_type.update!(service_name: other_user.conference_provider)
 
-        current_style_host_link = "https://example.va.gov/sample/?conference=BVA0000001@example.va.gov" \
-                              "&pin=3998472&callType=video"
-        current_style_guest_link = "https://example.va.gov/sample/?conference=BVA0000001@example.va.gov" \
-                               "&pin=7470125694&callType=video"
+      virtual_hearing = create(
+        :virtual_hearing,
+        :initialized,
+        hearing: hearing,
+        created_by: original_scheduler
+      )
 
-        expect(virtual_hearing.host_hearing_link).not_to eq old_style_host_link
-        expect(virtual_hearing.guest_hearing_link).not_to eq old_style_guest_link
-        expect(virtual_hearing.host_hearing_link).to eq current_style_host_link
-        expect(virtual_hearing.guest_hearing_link).to eq current_style_guest_link
+      expect(virtual_hearing.conference_provider).to eq hearing.conference_provider
+      expect(virtual_hearing.conference_provider).to_not eq other_user.conference_provider
+      expect(virtual_hearing.conference_provider).to_not eq original_scheduler.conference_provider
+    end
+  end
 
-        # these pass because the values hard-coded into the virtual hearing factory
-        # with trait link_generation_initialized are consistent with the values
-        # algorithmically generated by VirtualHearings::LinkService
-        expect(virtual_hearing.host_hearing_link).to include alias_with_host
-        expect(virtual_hearing.host_hearing_link).to include host_pin_long
+  shared_context "Pexip user is original schedulder" do
+    let(:original_scheduler) { pexip_user }
+    let(:other_user) { webex_user }
+    let!(:hearing) { create(hearing_type, adding_user: original_scheduler) }
+  end
 
-        expect(virtual_hearing.guest_hearing_link).to include alias_with_host
-        expect(virtual_hearing.guest_hearing_link).to include guest_pin_long
+  shared_context "Webex user is original schedulder" do
+    let(:original_scheduler) { webex_user }
+    let(:other_user) { pexip_user }
+    let!(:hearing) { create(hearing_type, adding_user: original_scheduler) }
+  end
+
+  context "#conference_provider" do
+    include_context "Pexip and Webex Users"
+
+    context "For a legacy hearing" do
+      let(:hearing_type) { :legacy_hearing }
+
+      context "Pexip hearing begets a Pexip virtual hearing" do
+        include_context "Pexip user is original schedulder"
+
+        include_examples "Hearings inherit conf providers from provider of original scheduler at time of creation"
+      end
+
+      context "Webex hearing begets a Webex virtual hearing" do
+        include_context "Webex user is original schedulder"
+
+        include_examples "Hearings inherit conf providers from provider of original scheduler at time of creation"
       end
     end
 
-    context "#test_link" do
-      context "vh created with new link generation" do
-        def link(name)
-          "https://#{URL_HOST}#{URL_PATH}?conference=test_call&name=#{name}&join=1"
-        end
+    context "For an AMA hearing" do
+      let(:hearing_type) { :hearing }
 
-        include_context "virtual hearing created with new link generation"
-        include_examples "all test link behaviors"
+      context "Pexip hearing begets a Pexip virtual hearing" do
+        include_context "Pexip user is original schedulder"
+
+        include_examples "Hearings inherit conf providers from provider of original scheduler at time of creation"
       end
 
-      context "vh not created with new link generation" do
-        def link(name)
-          "https://care.va.gov/webapp2/conference/test_call?name=#{name}&join=1"
-        end
+      context "Webex hearing begets a Webex virtual hearing" do
+        include_context "Webex user is original schedulder"
 
-        include_context "virtual hearing not created with new link generation"
-        include_examples "all test link behaviors"
+        include_examples "Hearings inherit conf providers from provider of original scheduler at time of creation"
+      end
+    end
+  end
+
+  context "#subject_for_conference" do
+    let(:expected_date) { "Sep 22, 2023" }
+    let(:expected_date_parsed) { Date.parse(expected_date) }
+    let(:hearing_day) do
+      build(:hearing_day, scheduled_for: expected_date_parsed)
+    end
+    let(:virtual_hearing) { create(:virtual_hearing, hearing: hearing) }
+
+    shared_examples "subject for conference" do
+      it "returns the expected meeting conference details" do
+        is_expected.to eq("#{hearing.docket_number}_#{hearing.id}_#{hearing.class.name}")
+      end
+    end
+
+    context "For an AMA Hearing" do
+      let(:hearing) { create(:hearing, hearing_day: hearing_day) }
+      subject { virtual_hearing.subject_for_conference }
+
+      include_examples "subject for conference"
+    end
+
+    context "For a Legacy Hearing" do
+      let(:hearing) { create(:legacy_hearing, hearing_day: hearing_day) }
+      subject { virtual_hearing.subject_for_conference }
+
+      include_examples "subject for conference"
+    end
+
+    context "nbf and exp" do
+      let(:hearing) { create(:hearing, hearing_day: hearing_day) }
+      subject { virtual_hearing.nbf }
+
+      it "returns correct nbf" do
+        expect subject == 1_695_355_200
+      end
+
+      before do
+        subject { virtual_hearing.exp }
+      end
+
+      it "returns correct exp" do
+        expect subject == 1_695_427_199
       end
     end
   end
diff --git a/spec/models/hearings/webex_conference_link_spec.rb b/spec/models/hearings/webex_conference_link_spec.rb
new file mode 100644
index 00000000000..3b290275254
--- /dev/null
+++ b/spec/models/hearings/webex_conference_link_spec.rb
@@ -0,0 +1,55 @@
+# frozen_string_literal: true
+
+describe WebexConferenceLink do
+  let(:hearing_day) { create(:hearing_day, id: 1) }
+  let(:link) { create(:webex_conference_link, hearing_day_id: hearing_day.id) }
+
+  describe "method calls" do
+    it "soft removal of link" do
+      link
+      expect(ConferenceLink.all.size).to eq(1)
+      link.soft_removal_of_link
+      expect(link.conference_deleted).to eq(true)
+      expect(ConferenceLink.all.size).to eq(0)
+    end
+
+    context "#create" do
+      it "Conference link was created and links generated" do
+        expect(link.id).not_to eq(nil)
+        expect(link.host_link).not_to eq(nil)
+        expect(link.created_by_id).not_to eq(nil)
+        expect(link.host_link).to eq(link.host_link)
+        expect(link.guest_hearing_link).to eq(link.guest_hearing_link)
+        expect(link.guest_pin_long).to eq(link.guest_pin_long)
+        expect(link.updated_by_id).not_to eq(nil)
+      end
+    end
+
+    context "update conference day" do
+      let(:hash) do
+        {
+          host_pin: 12_345_678,
+          host_pin_long: "12345678",
+          guest_pin_long: "123456789",
+          created_at: DateTime.new(2022, 3, 15, 10, 15, 30),
+          updated_at: DateTime.new(2022, 4, 27, 11, 20, 35)
+        }
+      end
+
+      subject { link.update!(hash) }
+
+      it "Conference link was updated" do
+        subject
+
+        updated_link = ConferenceLink.find(link.id).reload
+        expect(updated_link.host_pin).to eq(123_456_78)
+        expect(updated_link.host_pin_long).to eq("12345678")
+        expect(updated_link.guest_pin_long).to eq("123456789")
+        expect(updated_link.created_at).to eq(DateTime.new(2022, 3, 15, 10, 15, 30))
+        expect(updated_link.updated_at).to eq(DateTime.new(2022, 4, 27, 11, 20, 35))
+        expect(updated_link.updated_by_id).not_to eq(nil)
+        expect(updated_link.created_by_id).not_to eq(nil)
+      end
+    end
+  end
+end
diff --git a/spec/models/hearings_shared_examples.rb b/spec/models/hearings_shared_examples.rb
new file mode 100644
index 00000000000..0e70f9da6a7
--- /dev/null
+++ b/spec/models/hearings_shared_examples.rb
@@ -0,0 +1,32 @@
+# frozen_string_literal: true
+
+shared_context "Pexip and Webex Users" do
+  let!(:pexip_user) do
+    create(:user, css_id: "PEXIP_USER").tap { |user| user.meeting_type.update!(service_name: "pexip") }
+  end
+  let!(:webex_user) do
+    create(:user, css_id: "WEBEX_USER").tap { |user| user.meeting_type.update!(service_name: "webex") }
+  end
+end
+
+shared_examples "Conference provider values are transferred between base entity and new hearings" do
+  subject { hearing.conference_provider }
+
+  context "Pexip user schedules the hearing" do
+    let(:hearing) { create(hearing_type, adding_user: pexip_user) }
+
+    it "Hearing scheduled by Pexip user is assigned a Pexip conference provider" do
+      is_expected.to eq pexip_user.conference_provider
+      is_expected.to eq "pexip"
+    end
+  end
+
+  context "Webex user schedules the hearing" do
+    let(:hearing) { create(hearing_type, adding_user: webex_user) }
+
+    it "Hearing scheduled by Webex user is assigned a User conference provider" do
+      is_expected.to eq webex_user.conference_provider
+      is_expected.to eq "webex"
+    end
+  end
+end
diff --git a/spec/models/legacy_hearing_spec.rb b/spec/models/legacy_hearing_spec.rb
index e8b84787190..ab4647f8cf2 100644
--- a/spec/models/legacy_hearing_spec.rb
+++ b/spec/models/legacy_hearing_spec.rb
@@ -1,6 +1,7 @@
 # frozen_string_literal: true
 
 require "models/concerns/has_virtual_hearing_examples"
+require "models/hearings_shared_examples"
 
 describe LegacyHearing, :all_dbs do
   it_should_behave_like "a model that can have a virtual hearing" do
@@ -868,4 +869,12 @@
       end
     end
   end
+
+  context "#conference_provider" do
+    let(:hearing_type) { :legacy_hearing }
+
+    include_context "Pexip and Webex Users"
+
+    include_examples "Conference provider values are transferred between base entity and new hearings"
+  end
 end
diff --git a/spec/models/meeting_type_spec.rb b/spec/models/meeting_type_spec.rb
new file mode 100644
index 00000000000..1ab4d2384c3
--- /dev/null
+++ b/spec/models/meeting_type_spec.rb
@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+describe MeetingType, :postgres do
+  let(:user) { create(:user, css_id: "NEW_USER") }
+
+  it "Only a valid service_names can be used" do
+    expect { described_class.create!(service_name: "Invalid name") }.to raise_error do |error|
+      expect(error).to be_a ArgumentError
+
+      expect(error.to_s).to eq "'Invalid name' is not a valid service_name"
+    end
+  end
+end
diff --git a/spec/models/organizations_user_spec.rb b/spec/models/organizations_user_spec.rb
index bc148bd7a4f..1ed9de6e7fc 100644
--- a/spec/models/organizations_user_spec.rb
+++ b/spec/models/organizations_user_spec.rb
@@ -114,4 +114,20 @@
       end
     end
   end
+
+  describe ".update_user_conference_provider" do
+    let(:new_meeting_type) { "webex" }
+
+    subject { OrganizationsUser.update_user_conference_provider(user, new_meeting_type) }
+
+    context "when meeting type exists" do
+      it "should set meeting type to equal new meeting type" do
+        expect(user.conference_provider).to eq "pexip"
+
+        subject
+
+        expect(user.conference_provider).to eq new_meeting_type
+      end
+    end
+  end
 end
diff --git a/spec/models/tasks/assign_hearing_disposition_task_spec.rb b/spec/models/tasks/assign_hearing_disposition_task_spec.rb
index 39d4c474aac..7e8a217cd07 100644
--- a/spec/models/tasks/assign_hearing_disposition_task_spec.rb
+++ b/spec/models/tasks/assign_hearing_disposition_task_spec.rb
@@ -73,6 +73,9 @@
     end
 
     shared_context "reschedule" do
+      let(:webex_user) do
+        create(:user, css_id: "WEBEX_USER").tap { |user| user.meeting_type.update!(service_name: "webex") }
+      end
       it "creates a new hearing with a new AssignHearingDispositionTask" do
         subject
 
@@ -90,6 +93,12 @@
         expect(AssignHearingDispositionTask.first.cancelled?).to be_truthy
       end
 
+      it "hearing creates a new conference link" do
+        RequestStore.store[:current_user] = webex_user
+        subject
+        expect(WebexConferenceLink.count).to eq(1)
+      end
+
       context "when params includes virtual_hearing_attributes" do
         let(:appellant_email) { "fake@email.com" }
         let(:virtual_hearing_attributes) do
diff --git a/spec/models/tasks/schedule_hearing_task_spec.rb b/spec/models/tasks/schedule_hearing_task_spec.rb
index 582b294f6fc..fd08b4fa04b 100644
--- a/spec/models/tasks/schedule_hearing_task_spec.rb
+++ b/spec/models/tasks/schedule_hearing_task_spec.rb
@@ -174,6 +174,21 @@
         end
       end
 
+      context "for non virtual hearings scheduled by a webex users" do
+        before do
+          hearings_management_user.meeting_type.update!(service_name: "webex")
+        end
+        it "creates a webex conference associated to the hearing" do
+          subject
+          conference_link = ConferenceLink.find_by(hearing_id: Hearing.first.id)
+          expect(Hearing.count).to eq(1)
+          expect(Hearing.first.virtual?).to eq(false)
+          expect(Hearing.first.virtual_hearing).to eq(nil)
+          expect(conference_link.nil?).to eq(false)
+          expect(conference_link.host_link).to include("instant-usgov.webex.com")
+        end
+      end
+
       context "when params includes virtual_hearing_attributes" do
         let(:appellant_email) { "fake@email.com" }
         let(:virtual_hearing_attributes) do
diff --git a/spec/models/user_spec.rb b/spec/models/user_spec.rb
index e600183c666..68c7bdd0f62 100644
--- a/spec/models/user_spec.rb
+++ b/spec/models/user_spec.rb
@@ -1089,6 +1089,22 @@ class AnotherFakeTask < Dispatch::Task; end
     end
   end
 
+  describe "#conference_provider" do
+    let!(:user) { create(:user, css_id: "HEARINGS_USER") }
+
+    subject { user.conference_provider }
+
+    it "User's initial conference provider is Pexip" do
+      is_expected.to eq "pexip"
+    end
+
+    it "User's conference provider can be swapped" do
+      OrganizationsUser.update_user_conference_provider(user, "webex")
+
+      is_expected.to eq "webex"
+    end
+  end
+
   describe "#vha_business_line_admin_user?" do
     let(:user) { create(:user) }
     subject { user.vha_business_line_admin_user? }
diff --git a/spec/repositories/virtual_hearing_repository_spec.rb b/spec/repositories/virtual_hearing_repository_spec.rb
index 58da5138a96..b1b1a00f0a8 100644
--- a/spec/repositories/virtual_hearing_repository_spec.rb
+++ b/spec/repositories/virtual_hearing_repository_spec.rb
@@ -64,7 +64,7 @@
       end
 
       context "for a virtual hearing created with new link generation" do
-        let(:virtual_hearing) { create(:virtual_hearing, :link_generation_initialized, hearing: hearing) }
+        let(:virtual_hearing) { create(:virtual_hearing, :initialized, hearing: hearing) }
 
         it "does not return the virtual hearing" do
           expect(subject).to eq []
@@ -130,7 +130,7 @@
       end
 
       context "for a virtual hearing created with new link generation" do
-        let(:virtual_hearing) { create(:virtual_hearing, :link_generation_initialized, hearing: hearing) }
+        let(:virtual_hearing) { create(:virtual_hearing, :initialized, hearing: hearing) }
 
         it "does not return the virtual hearing" do
           expect(subject).to eq []
@@ -192,7 +192,7 @@
       let!(:vh_with_all_pending_emails) do
         create(
           :virtual_hearing,
-          :link_generation_initialized,
+          :initialized,
           status: :active,
           hearing: create(:hearing)
         )
@@ -200,7 +200,7 @@
       let!(:vh_in_good_state) do
         create(
           :virtual_hearing,
-          :link_generation_initialized,
+          :initialized,
           :all_emails_sent,
           hearing: create(:hearing)
         )
diff --git a/spec/requests/hearing_day_spec.rb b/spec/requests/hearing_day_spec.rb
index de86b004e56..77c00b9d507 100644
--- a/spec/requests/hearing_day_spec.rb
+++ b/spec/requests/hearing_day_spec.rb
@@ -150,11 +150,6 @@
   end
 
   describe "Show a hearing day with its children hearings" do
-    before do
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_PIN_KEY").and_return "mysecretkey"
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_HOST").and_return "example.va.gov"
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_PATH").and_return "/sample"
-    end
     let!(:regional_office) do
       create(:staff, stafkey: "RO13", stc4: 11)
     end
diff --git a/spec/serializers/conference_link_serializer_spec.rb b/spec/serializers/conference_link_serializer_spec.rb
index f5eec748e9a..7c78076ea1b 100644
--- a/spec/serializers/conference_link_serializer_spec.rb
+++ b/spec/serializers/conference_link_serializer_spec.rb
@@ -11,16 +11,9 @@
   end
 
   let(:hearing_day) { create(:hearing_day) }
-  let(:conference_link) { create(:conference_link, hearing_day_id: hearing_day.id) }
-
-  context "Converting conference link to hash" do
-    subject { described_class.new(conference_link) }
-    before do
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_PIN_KEY").and_return "mysecretkey"
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_HOST").and_return "example.va.gov"
-      allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_PATH").and_return "/sample"
-    end
+  let(:hearing) { create(:hearing) }
 
+  shared_examples "Serialized conferenced link attributes meet expectations" do
     it "calling serializable_hash gets result" do
       expect(subject.serializable_hash[:data][:attributes]).not_to eq(nil)
     end
@@ -38,6 +31,22 @@
     end
   end
 
+  context "Converting conference link to hash" do
+    subject { described_class.new(conference_link) }
+
+    context "With a Pexip conference link" do
+      let(:conference_link) { create(:pexip_conference_link, hearing_day: hearing_day) }
+
+      include_examples "Serialized conferenced link attributes meet expectations"
+    end
+
+    context "With a Webex conference link" do
+      let(:conference_link) { create(:webex_conference_link, hearing: hearing) }
+
+      include_examples "Serialized conferenced link attributes meet expectations"
+    end
+  end
+
   context "No conference link is passed in" do
     subject { described_class.new(nil) }
 
diff --git a/spec/services/external_api/pexip_service_spec.rb b/spec/services/external_api/pexip_service_spec.rb
index 7e86a3ae7aa..43c9cacf4c7 100644
--- a/spec/services/external_api/pexip_service_spec.rb
+++ b/spec/services/external_api/pexip_service_spec.rb
@@ -29,14 +29,18 @@
         "enable_overlay_text": true,
         "force_presenter_into_main": true,
         "ivr_theme": "/api/admin/configuration/v1/ivr_theme/13/",
-        "guest_pin": "5678901234#",
+        "guest_pin": "5678901",
         "name": "BVA1111111",
-        "pin": "1234567#",
+        "pin": "1234567",
         "tag": "CASEFLOW"
       }
     end
 
-    subject { pexip_service.create_conference(host_pin: "1234567#", guest_pin: "5678901234#", name: "1111111") }
+    let(:virtual_hearing) do
+      create(:virtual_hearing, host_pin: "1234567", guest_pin: "5678901", alias: "1111111")
+    end
+
+    subject { pexip_service.create_conference(virtual_hearing) }
 
     let(:success_create_resp) do
       HTTPI::Response.new(201, { "Location" => "api/admin/configuration/v1/conference/1234" }, {})
@@ -89,8 +93,11 @@
   end
 
   describe "#delete_conference" do
-    subject { pexip_service.delete_conference(conference_id: "123") }
+    let(:virtual_hearing) do
+      create(:virtual_hearing, conference_id: "123")
+    end
 
+    subject { pexip_service.delete_conference(virtual_hearing) }
     let(:success_del_resp) { HTTPI::Response.new(204, {}, {}) }
     let(:error_del_resp) { HTTPI::Response.new(404, {}, {}) }
 
diff --git a/spec/services/external_api/webex_service_spec.rb b/spec/services/external_api/webex_service_spec.rb
new file mode 100644
index 00000000000..bb37a637b58
--- /dev/null
+++ b/spec/services/external_api/webex_service_spec.rb
@@ -0,0 +1,241 @@
+# frozen_string_literal: true
+
+describe ExternalApi::WebexService do
+  let(:host) { "fake-broker." }
+  let(:port) { "0000" }
+  let(:aud) { "1234abcd" }
+  let(:apikey) { SecureRandom.uuid.to_s }
+  let(:domain) { "gov.fake.com" }
+  let(:api_endpoint) { "/api/v2/fake" }
+  let(:query) { nil }
+  let(:webex_service) do
+    ExternalApi::WebexService.new(
+      host: host,
+      domain: domain,
+      api_endpoint: api_endpoint,
+      aud: aud,
+      apikey: apikey,
+      port: port,
+      query: query
+    )
+  end
+  let(:success_response) do
+    HTTPI::Response.new(200, {}, {})
+  end
+  let(:error_response) do
+    HTTPI::Response.new(400, {}, {})
+  end
+
+  describe "webex requests" do
+    let(:virtual_hearing) do
+      create(:virtual_hearing)
+    end
+
+    shared_examples "calls webex service and returns appropriate success and error respones" do
+      it "calls send_webex_request and passes the correct body" do
+        allow(webex_service).to receive(:send_webex_request).with(body, method).and_return(success_response)
+        expect(webex_service).to receive(:send_webex_request).with(body, method)
+        subject
+      end
+
+      it "returns a successful instance of CreateResponse class" do
+        allow(webex_service).to receive(:send_webex_request).with(body, method).and_return(success_response)
+
+        expect(subject).to be_instance_of(response_type)
+        expect(subject.code).to eq(200)
+        expect(subject.success?).to eq(true)
+      end
+
+      it "returns error response" do
+        allow(webex_service).to receive(:send_webex_request).with(body, method).and_return(error_response)
+
+        expect(subject.code).to eq(400)
+        expect(subject.success?).to eq(false)
+        expect(subject.error).to eq(Caseflow::Error::WebexBadRequestError.new(code: 400))
+      end
+    end
+
+    describe "create conference" do
+      let(:body) do
+        {
+          "jwt": {
+            "sub": virtual_hearing.subject_for_conference,
+            "nbf": virtual_hearing.hearing.scheduled_for.beginning_of_day.to_i,
+            "exp": virtual_hearing.hearing.scheduled_for.end_of_day.to_i
+          },
+          "aud": aud,
+          "numHost": 2,
+          "provideShortUrls": true,
+          "verticalType": "gen"
+        }
+      end
+      let(:method) { "POST" }
+      let(:response_type) { ExternalApi::WebexService::CreateResponse }
+
+      subject { webex_service.create_conference(virtual_hearing) }
+
+      include_examples "calls webex service and returns appropriate success and error respones"
+
+      context "with fakes" do
+        let(:webex_service) do
+          Fakes::WebexService.new
+        end
+
+        it "creates a conference" do
+          expect(subject.code).to eq(200)
+          expect(JSON.parse(subject.resp.body)["baseUrl"]).to eq("https://instant-usgov.webex.com/visit/")
+          subject
+        end
+      end
+    end
+
+    describe "delete conference" do
+      let(:body) do
+        {
+          "jwt": {
+            "sub": virtual_hearing.subject_for_conference,
+            "nbf": 0,
+            "exp": 0
+          },
+          "aud": aud,
+          "numHost": 2,
+          "provideShortUrls": true,
+          "verticalType": "gen"
+        }
+      end
+      let(:method) { "POST" }
+      let(:response_type) { ExternalApi::WebexService::DeleteResponse }
+
+      subject { webex_service.delete_conference(virtual_hearing) }
+
+      include_examples "calls webex service and returns appropriate success and error respones"
+
+      context "with fakes" do
+        let(:webex_service) do
+          Fakes::WebexService.new
+        end
+
+        it "deletes a conference" do
+          expect(subject.code).to eq(200)
+          expect(JSON.parse(subject.resp.body)["baseUrl"]).to eq("https://instant-usgov.webex.com/visit/")
+          subject
+        end
+      end
+    end
+
+    describe "get recordings list" do
+      let(:query) do
+        max = 100
+        id = "f91b6edce9864428af084977b7c68291_I_166641849979635652"
+        { "max": max, "id": id }
+      end
+      let(:body) { nil }
+      let(:method) { "GET" }
+      let(:response_type) { ExternalApi::WebexService::RecordingsListResponse }
+
+      subject { webex_service.fetch_recordings_list }
+
+      include_examples "calls webex service and returns appropriate success and error respones"
+
+      context "with fakes" do
+        let(:webex_service) do
+          Fakes::WebexService.new
+        end
+
+        it "gets a list of recordings objects with associated id and host email" do
+          expect(subject.code).to eq(200)
+          expect(subject.recordings.first.id).to eq("4f914b1dfe3c4d11a61730f18c0f5387")
+          expect(subject.recordings.first.host_email).to eq("john.andersen@example.com")
+          expect(subject.recordings.second.id).to eq("3324fb76946249cfa07fc30b3ccbf580")
+          expect(subject.recordings.second.host_email).to eq("john.andersen@example.com")
+          expect(subject.recordings.third.id).to eq("42b80117a2a74dcf9863bf06264f8075")
+          expect(subject.recordings.third.host_email).to eq("john.andersen@example.com")
+          subject
+        end
+      end
+    end
+
+    describe "get recording details" do
+      let(:query) do
+        id = "4f914b1dfe3c4d11a61730f18c0f5387"
+        { "id": id }
+      end
+      let(:body) { nil }
+      let(:method) { "GET" }
+      let(:recording_id) { "fake_id" }
+      let(:response_type) { ExternalApi::WebexService::RecordingDetailsResponse }
+
+      subject { webex_service.fetch_recording_details(recording_id) }
+
+      include_examples "calls webex service and returns appropriate success and error respones"
+
+      context "with fakes" do
+        let(:webex_service) do
+          Fakes::WebexService.new
+        end
+
+        it "gets a list of ids" do
+          expect(subject.code).to eq(200)
+          expect(subject.mp4_link).to eq("https://www.learningcontainer.com/mp4-sample-video-files-download/#")
+          expect(subject.vtt_link).to eq("https://www.capsubservices.com/assets/downloads/web/WebVTT.vtt")
+          expect(subject.mp3_link).to eq("https://freetestdata.com/audio-files/mp3/")
+          expect(subject.topic).to eq("Webex meeting-20240520 2030-1")
+          subject
+        end
+      end
+    end
+
+    describe "get rooms list" do
+      let(:body) { nil }
+      let(:method) { "GET" }
+      let(:response_type) { ExternalApi::WebexService::RoomsListResponse }
+
+      subject { webex_service.fetch_rooms_list }
+
+      include_examples "calls webex service and returns appropriate success and error respones"
+
+      context "with fakes" do
+        let(:webex_service) do
+          Fakes::WebexService.new
+        end
+        let(:room_id) do
+          "Y2lzY29zcGFyazovL3VybjpURUFNOnVzLWdvdi13ZXN0LTFfYTEvUk9PTS85YTZjZTRjMC0xNmM5LTExZWYtYjIxOC1iMWE5YTQ2"
+        end
+        let(:room_title) { "Virtual Visit - 221218-977_933_Hearing-20240508 1426" }
+
+        it "gets a list of room objects with ids and titles" do
+          expect(subject.code).to eq(200)
+          expect(subject.rooms.all?(ExternalApi::WebexService::RoomsListResponse::Room)).to eq(true)
+          room = subject.rooms.first
+          expect(room.id).to eq(room_id)
+          expect(room.title).to eq(room_title)
+          subject
+        end
+      end
+    end
+
+    describe "get room details" do
+      let(:body) { nil }
+      let(:method) { "GET" }
+      let(:response_type) { ExternalApi::WebexService::RoomDetailsResponse }
+      let(:room_id) { "fake_id" }
+
+      subject { webex_service.fetch_room_details(room_id) }
+
+      include_examples "calls webex service and returns appropriate success and error respones"
+
+      context "with fakes" do
+        let(:webex_service) do
+          Fakes::WebexService.new
+        end
+        let(:meeting_id) { "f91b6edce9864428af084977b7c68291_I_166641849979635652" }
+
+        it "get meeting id from room details" do
+          expect(subject.code).to eq(200)
+          expect(subject.meeting_id).to eq(meeting_id)
+          subject
+        end
+      end
+    end
+  end
+end
diff --git a/spec/services/stuck_virtual_hearings_checker_spec.rb b/spec/services/stuck_virtual_hearings_checker_spec.rb
index 15ada3afc21..4075e4521cd 100644
--- a/spec/services/stuck_virtual_hearings_checker_spec.rb
+++ b/spec/services/stuck_virtual_hearings_checker_spec.rb
@@ -77,6 +77,8 @@
   end
 
   context "there is a virtual hearing where all emails haven't sent" do
+    before { stub_const("ENV", ENV.to_hash.merge("VIRTUAL_HEARING_PIN_KEY" => nil)) }
+
     let!(:virtual_hearing) do
       create(
         :virtual_hearing, :initialized, :all_emails_sent,
@@ -86,7 +88,7 @@
     end
     let!(:virtual_hearing_no_emails) do
       create(
-        :virtual_hearing, :initialized,
+        :virtual_hearing,
         updated_at: Time.zone.now - 3.hours,
         hearing: create(:hearing, hearing_day: hearing_day, regional_office: "RO13")
       )
@@ -99,7 +101,7 @@
       expect(report_lines).to include("Found 1 stuck virtual hearing: ")
       pending_line = report_lines[1]
       expect(pending_line).to include "VirtualHearing.find(#{virtual_hearing_no_emails.id})"
-      expect(pending_line).to include "last attempted: never"
+      expect(pending_line).to include "less than a minute ago"
       display_scheduled_for = virtual_hearing_no_emails.hearing.scheduled_for.strftime("%a %m/%d")
       expect(pending_line).to include "scheduled for: #{display_scheduled_for}"
       expect(pending_line).to include "updated by: #{virtual_hearing_no_emails.updated_by.css_id}"
@@ -113,13 +115,16 @@
     let(:scheduled_time) { (time_now - 20.hours).strftime("%I:%M%p") }
     let!(:virtual_hearing_no_emails) do
       create(
-        :virtual_hearing, :initialized,
+        :virtual_hearing,
         updated_at: time_now - 3.hours,
         hearing: create(:hearing, hearing_day: hearing_day, regional_office: "RO13", scheduled_time: scheduled_time)
       )
     end
 
-    before { Timecop.freeze(time_now) }
+    before do
+      Timecop.freeze(time_now)
+      stub_const("ENV", ENV.to_hash.merge("VIRTUAL_HEARING_PIN_KEY" => nil))
+    end
     after { Timecop.return }
 
     it "includes the hearing in the report", :aggregate_failures do
@@ -129,7 +134,7 @@
       expect(report_lines).to include("Found 1 stuck virtual hearing: ")
       pending_line = report_lines[1]
       expect(pending_line).to include "VirtualHearing.find(#{virtual_hearing_no_emails.id})"
-      expect(pending_line).to include "last attempted: never"
+      expect(pending_line).to include "less than a minute ago"
       display_scheduled_for = virtual_hearing_no_emails.hearing.scheduled_for.strftime("%a %m/%d")
       expect(pending_line).to include "scheduled for: #{display_scheduled_for}"
       expect(pending_line).to include "updated by: #{virtual_hearing_no_emails.updated_by.css_id}"
@@ -138,9 +143,11 @@
   end
 
   context "there is an eligible legacy virtual hearing" do
+    before { stub_const("ENV", ENV.to_hash.merge("VIRTUAL_HEARING_PIN_KEY" => nil)) }
+
     let!(:virtual_hearing_no_emails) do
       create(
-        :virtual_hearing, :initialized,
+        :virtual_hearing,
         updated_at: Time.zone.now - 3.hours,
         hearing: create(:legacy_hearing, hearing_day: hearing_day, regional_office: "RO13")
       )
@@ -153,54 +160,11 @@
       expect(report_lines).to include("Found 1 stuck virtual hearing: ")
       pending_line = report_lines[1]
       expect(pending_line).to include "VirtualHearing.find(#{virtual_hearing_no_emails.id})"
-      expect(pending_line).to include "last attempted: never"
+      expect(pending_line).to include "less than a minute ago"
       display_scheduled_for = virtual_hearing_no_emails.hearing.scheduled_for.strftime("%a %m/%d")
       expect(pending_line).to include "scheduled for: #{display_scheduled_for}"
       expect(pending_line).to include "updated by: #{virtual_hearing_no_emails.updated_by.css_id}"
       expect(pending_line).to include "VACOLS ID: #{virtual_hearing_no_emails.hearing.vacols_id}"
     end
   end
-
-  context "there are virtual hearings with pending conference and all emails haven't sent" do
-    let!(:virtual_hearing) do
-      create(
-        :virtual_hearing, :initialized, :all_emails_sent,
-        updated_at: Time.zone.now - 3.hours,
-        hearing: create(:hearing, regional_office: "RO13")
-      )
-    end
-
-    let!(:virtual_hearing_pending) do
-      create(
-        :virtual_hearing, :all_emails_sent,
-        updated_at: Time.zone.now - 3.hours,
-        hearing: create(:hearing, regional_office: "RO13")
-      )
-    end
-
-    let!(:virtual_hearing_no_emails) do
-      create(
-        :virtual_hearing, :initialized,
-        updated_at: Time.zone.now - 3.hours,
-        hearing: create(:hearing, hearing_day: hearing_day, regional_office: "RO13")
-      )
-    end
-
-    it "builds a report containing one where all emails haven't sent" do
-      virtual_hearing_pending.establishment.attempted!
-      virtual_hearing_no_emails.establishment.update!(attempted_at: 4.days.ago)
-
-      subject.call
-
-      report_lines = subject.report.split("\n")
-      expect(report_lines).to include("Found 1 stuck virtual hearing: ")
-      pending_line = report_lines[1]
-      expect(pending_line).to include "VirtualHearing.find(#{virtual_hearing_no_emails.id})"
-      expect(pending_line).to match(/last attempted\:( about | )4 days ago/)
-      display_scheduled_for = virtual_hearing_no_emails.hearing.scheduled_for.strftime("%a %m/%d")
-      expect(pending_line).to include "scheduled for: #{display_scheduled_for}"
-      expect(pending_line).to include "updated by: #{virtual_hearing_no_emails.updated_by.css_id}"
-      expect(pending_line).to include "UUID: #{virtual_hearing_no_emails.hearing.uuid}"
-    end
-  end
 end
diff --git a/spec/services/virtual_hearings/link_service_spec.rb b/spec/services/virtual_hearings/pexip_link_service_spec.rb
similarity index 78%
rename from spec/services/virtual_hearings/link_service_spec.rb
rename to spec/services/virtual_hearings/pexip_link_service_spec.rb
index 9feef35a647..31755772337 100644
--- a/spec/services/virtual_hearings/link_service_spec.rb
+++ b/spec/services/virtual_hearings/pexip_link_service_spec.rb
@@ -1,9 +1,9 @@
 # frozen_string_literal: true
 
-describe VirtualHearings::LinkService do
-  URL_HOST = "example.va.gov"
-  URL_PATH = "/sample"
-  PIN_KEY = "mysecretkey"
+describe VirtualHearings::PexipLinkService do
+  URL_HOST = ENV["VIRTUAL_HEARING_URL_HOST"]
+  URL_PATH = ENV["VIRTUAL_HEARING_URL_PATH"]
+  PIN_KEY = ENV["VIRTUAL_HEARING_PIN_KEY"]
 
   before do
     allow(ENV).to receive(:[]).and_call_original
@@ -13,44 +13,35 @@
   describe ".host_link" do
     context "pin key env variable is missing" do
       before do
-        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_HOST").and_return URL_HOST
-        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_PATH").and_return URL_PATH
+        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_PIN_KEY").and_return nil
       end
 
       it "raises the missing PIN key error" do
-        expect { described_class.new.host_link }.to raise_error VirtualHearings::LinkService::PINKeyMissingError
+        expect { described_class.new.host_link }.to raise_error VirtualHearings::PexipLinkService::PINKeyMissingError
       end
     end
 
     context "url host env variable is missing" do
       before do
-        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_PIN_KEY").and_return PIN_KEY
-        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_PATH").and_return URL_PATH
+        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_HOST").and_return nil
       end
 
       it "raises the missing host error" do
-        expect { described_class.new.host_link }.to raise_error VirtualHearings::LinkService::URLHostMissingError
+        expect { described_class.new.host_link }.to raise_error VirtualHearings::PexipLinkService::URLHostMissingError
       end
     end
 
     context "url path env variable is missing" do
       before do
-        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_PIN_KEY").and_return PIN_KEY
-        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_HOST").and_return URL_HOST
+        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_PATH").and_return nil
       end
 
       it "raises the missing path error" do
-        expect { described_class.new.host_link }.to raise_error VirtualHearings::LinkService::URLPathMissingError
+        expect { described_class.new.host_link }.to raise_error VirtualHearings::PexipLinkService::URLPathMissingError
       end
     end
 
     context "all env variables are present" do
-      before do
-        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_PIN_KEY").and_return PIN_KEY
-        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_HOST").and_return URL_HOST
-        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_PATH").and_return URL_PATH
-      end
-
       context "the sequence returns '0000001'" do
         before do
           allow(VirtualHearings::SequenceConferenceId).to receive(:next).and_return "0000001"
@@ -95,12 +86,6 @@
 
   describe ".guest_link" do
     context "all env variables are present" do
-      before do
-        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_PIN_KEY").and_return PIN_KEY
-        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_HOST").and_return URL_HOST
-        allow(ENV).to receive(:[]).with("VIRTUAL_HEARING_URL_PATH").and_return URL_PATH
-      end
-
       context "the sequence returns '0000001'" do
         before do
           allow(VirtualHearings::SequenceConferenceId).to receive(:next).and_return "0000001"
diff --git a/spec/support/shared_context/models/hearings/shared_context_conference_link.rb b/spec/support/shared_context/models/hearings/shared_context_conference_link.rb
new file mode 100644
index 00000000000..2272f2c4bca
--- /dev/null
+++ b/spec/support/shared_context/models/hearings/shared_context_conference_link.rb
@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+RSpec.shared_context "Enable both conference services" do
+  before do
+    FeatureToggle.enable!(:pexip_conference_service)
+    FeatureToggle.enable!(:webex_conference_service)
+  end
+
+  after do
+    FeatureToggle.disable!(:pexip_conference_service)
+    FeatureToggle.disable!(:webex_conference_service)
+  end
+end
diff --git a/spec/workflows/transcription_transformer_spec.rb b/spec/workflows/transcription_transformer_spec.rb
new file mode 100644
index 00000000000..c9b629ea6c2
--- /dev/null
+++ b/spec/workflows/transcription_transformer_spec.rb
@@ -0,0 +1,80 @@
+# frozen_string_literal: true
+
+require "rails_helper"
+
+describe TranscriptionTransformer do
+  let(:hearing_info) { { date: Time.zone.today, judge: "John Smith", appeal_id: "100000001" } }
+  let(:subject) { transformer.call }
+  let(:file_name) { ["foo", ".vtt"] }
+  let(:file) { Tempfile.new(file_name) }
+  let(:rtf_path) { file.path.gsub("vtt", "rtf") }
+  let(:csv_path) { file.path.gsub("vtt", "csv") }
+
+  describe "#call" do
+    context "errors" do
+      context "vtt doesn't exist" do
+        let(:path) { "/this/does/not/exist" }
+        let(:transformer) { TranscriptionTransformer.new(path, hearing_info) }
+
+        it "raises a HearingConversionError" do
+          expect { subject }.to raise_error(TranscriptionTransformer::FileConversionError)
+        end
+      end
+
+      context "file is malformed or unreadable" do
+        let(:file_name) { ["foo", ".vtt"] }
+        let(:file) { Tempfile.new(file_name) }
+        let(:transformer) { TranscriptionTransformer.new(file.path, hearing_info) }
+        it "raises a HearingConversionError" do
+          expect { subject }.to raise_error(TranscriptionTransformer::FileConversionError)
+        end
+      end
+    end
+  end
+
+  context "file already exists" do
+    let(:transformer) { TranscriptionTransformer.new(file.path, hearing_info) }
+    before do
+      File.open(rtf_path, "w")
+    end
+
+    it "will only return the existing rtf path without processing" do
+      expect(WebVTT).to_not receive(:read)
+      expect(subject).to eq([rtf_path])
+    end
+
+    it "will only return the existing csv path without processing" do
+      File.open(csv_path, "w")
+      expect(transformer).to_not receive(:build_csv)
+      expect(subject).to eq([rtf_path, csv_path])
+    end
+  end
+
+  describe "successful conversion" do
+    let(:transformer) { TranscriptionTransformer.new(file.path, hearing_info) }
+    let(:doc) { RTF::Document.new(RTF::Font.new(RTF::Font::ROMAN, "Times New Roman")) }
+
+    before do
+      allow_any_instance_of(TranscriptionTransformer).to receive(:convert_to_rtf).and_return(rtf_path)
+    end
+
+    it "returns the file path of rtf" do
+      allow(WebVTT).to receive(:read).and_return(file)
+      allow(transformer).to receive(:create_transcription_pages).and_return(doc)
+      subject
+    end
+
+    describe "csv creation" do
+      it "will not create csv if no errors detected" do
+        expect(transformer).to_not receive(:build_csv)
+        expect(subject).to eq([rtf_path])
+      end
+
+      it "will create csv if errors are detected" do
+        transformer.instance_variable_set(:@length, 1000)
+        transformer.instance_variable_set(:@error_count, 2)
+        expect(subject).to eq([rtf_path, csv_path])
+      end
+    end
+  end
+end