【WordPress】ContactForm7 Datepickerでカレンダーアイコンを表示する

Question

前提・実現したいこと

どなたか同じ事をされた方がいらっしゃいましたら教えて下さい。

現在ContactForm7＋ContactForm7 Datepickerで申し込みフォームを作成しています。
一通り設定も終わり、下の画像のように表示されています。

日付の入力欄をクリックするとカレンダーが表示され、日付を選択する事もできています。

この状態でも使えなくはないのですが、できれば入力Formの右側にFont Awesomeなどのカレンダーアイコンを入れ、
そこをクリックする事でカレンダーを表示できる仕組みにしたいと考えています。

この様な場合、どの様に実装すれば良いのでしょうか？
JavaScriptの知識も殆どないです。CSSで疑似要素にするなど素人なりに思いつく範囲で試したのですがうまくいきません。
どなたかご教示頂けますと幸いです。よろしくお願いします。

該当のソースコード

<tr>
　<td class="titlebox">タイトル [必須]</td>
　<td class="answerbox">[date* date-753 class:calendar date-format:mm/dd/yy first-day:0 placeholder "例：2019/01/01 "]
  </td>
</tr>

試したこと

CSSでなんとかならないかと考え、
Form内（ショートコード内）に<i class="fa fa-calendar" aria-hidden="true"></i>を入れて右側寄せをしたり、
class:calendarに:beforeでFont Awesomeのアイコン表示し、右寄せも試してみましたが何れも動作しませんでした。

補足情報

できれば入力欄外にアイコンを表示したいのですが、複雑であれば入力欄内に表示＋右寄せでも可能です。

Answer 1

ContactForm7 で、

<tr>
　<td class="titlebox">タイトル [必須]</td>
　<td class="answerbox">[date* date-753 class:calendar date-format:mm/dd/yy first-day:0 placeholder "例：2019/01/01 "]
  </td>
</tr>

とフォームを作成していて、

アイコンの表示が入力欄外に表示で OK なら

<tr>
　<td class="titlebox">タイトル [必須]</td>
　<td class="answerbox">[date* date-753 class:calendar date-format:mm/dd/yy first-day:0 placeholder "例：2019/01/01 "] <span onclick="myFunc()"><i class="fa fa-calendar" aria-hidden="true"></i></span>
  </td>
</tr>

JavaScript は、適当な場所に記載

<script>
function myFunc(){
  documtnt.forms[0].<フィールド名>.focus();
}
</script>

のように Contact Form7 のショートコードの後にそのまま記載すれば入力欄の右側にアイコンが表示されるので、あとは、JavaScript を使って onclickで focus()すれば、よいのではないでしょうか？

例：

Comments

[tomyy]

CHERRY様

回答ありがとうございます。
仰る通り、その方法でカレンダーのアイコンは表示されます。
しかしながら、そのままではカレンダーアイコンをクリックしてもDatepickerのカレンダーが表示されません。
（form内をクリックすると表示されます）
ここをアイコンクリックで表示させたいと考えております。
分かりにくい説明となり申し訳ございません。
引き続き何か方法がございましたらよろしくお願い致します。

[CHERRY]

追記しました。

[tomyy]

CHERRY様

追記有難うございます、返答遅くなり申し訳ございません。
”<script>
function myFunc(){
document.forms[0].date-753.focus();
}
</script>”
この様に試してみたのですが、どうもうまくいきません。
"Uncaught ReferenceError: myFunc is not defined at HTMLSpanElement.onclick"
この様なエラーが出ております。scriptタグの設置場所など思いつく範囲では試したのですが、
jsについて知識がなく、解決できませんでした。
フィールド名の指定が違うのでしょうか？