Webサイト上で

「カレンダーで予約の空き状況を確認して、空きがあるところの日程が一番早いものを選択する」

という動作をさせたいと思っています。

カレンダーは月別、月曜スタート表示です。

空き状況は〇（空席あり）、△（残りわずか）、×（空席なし）でカレンダーに表示されます。

指定した月のカレンダーを表示し、〇または△が表示されているものの中から、日付が一番早いものを選択してクリックするようにしたいです。

〇と△どちらを優先にするかの決まりはありません。

「予約可能な最短の日付」を選択できるようにしたいと考えています。

WebサイトはChromeまたはEdgeで表示します。IE非対応です。

画像マッチングで候補を「〇」と「△」にして検索することは可能でしょうか？

もし可能でしたら、ご教授いただければと思います。

宜しくお願いいたします。