Google Spreadsheet 指定のセルをクリックしたら

Question

グーグルスプレッドシートで指定のセルをクリックしたら'DatePicker（カレンダー）'を表示してカレンダーで選択した日付をセルに入力したいんですが、可能でしょうか？
コード.gs

var app = SpreadsheetApp;
 
function onOpen(e){
    showContentApp();
}
 
function showContentApp(){
    var html = HtmlService.createHtmlOutputFromFile('DatePicker').setTitle('Date Picker').setWidth(320).setHeight(320);
    app.getActiveSpreadsheet().show(html);
}
 
function setRangeValue(arg){
    app.getActiveRange().setValue(arg);
}

DatePicker.html

<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons.css">
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/dot-luv/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>
<script>
    $(function(){
        $("#datepicker").datepicker({
            onSelect: function(dateText, inst) {
                google.script.run.setRangeValue(dateText);
            }
        });
    });
</script>
<div id="datepicker"></div>

ただいまの現状としては、
①セルの選択ができない！
②シートを開いた（再読み込み）時点でポップアップが表示され、日付を選択しても入力されない
です。
皆様の御助力お願いいたします！

Answer 1

HTMLサービスを使い慣れていないので、もっといい方法があるかとは思いますが、一応私なりの解答をいたします。

Google Apps Script自体には、onClick的な動きをするものがないので、
onEdit()やメニューバーからの関数呼び出しを使うといった方法が考えられると思います。

Answer 2

特にプログラミングは不要で、単に上部のメニューバーから「データ」→「入力規則」→条件を日付に設定、です。

Comments

[nisioisn]

おはようございます！
ご意見ありがとございます！
私の文が言葉足らずでした、申し訳ありません。
私としては、jQuery UIのDatepickerを使ってセルに日付を入力するスクリプトを作りたいと思っています。
参考ページは
https://www.ka-net.org/blog/?p=4273
になります。
他にご提案ありましたら、どうぞよろしくお願い致します。