Estou tentando obter uma página html básica trabalhando com o serviço html do google. A partir de agora eu tenho:

<div>
<h1>Welcome to some random page</h1>
<p>Please select a date below:</p>
<input type="date" name="classDate" onselect="google.script.run.dateSelect()">
</div>

Em um arquivo html normal, posso escolher uma data em uma pequena exibição de calendário, mas neste aplicativo da web do google não consigo fazer isso. Vejo que o 'serviço de interface do usuário' do google tem um datepicker (https://developers.google.com/apps-script/reference/ui/date-picker ), mas não entendo como inseri-lo no meu aplicativo da web. Como faço para aparecer o pequeno calendário neste aplicativo da web do google? - Selecionador de data da interface do usuário ou não.

Eu adicionei o seletor de datas ao meu arquivo code.gs, mas ele ainda não aparece.

function doGet(request) {
  return HtmlService.createHtmlOutputFromFile('index');
}

function dateSelect() {
  var app = UiApp.createApplication();
  var handler = app.createServerHandler("change");
  var date = app.createDatePicker().setPixelSize(150, 150).addValueChangeHandler(handler).setId("date");
  app.add(date);
  return app;
}