Emoji plugin won't render for input in view

[RailsCod3rFuture]

Can you help me figure out why it's not loading. I followed all of the steps that you have listed.

    
<div class="form-group">
       <div class="col-6">
         <p class="emoji-picker-container">
           <%= f.input :name, class: 'form-control', data: {emojiable: true} %>
         </p>
       </div>
     </div>
     <div class="form-group">
       <div class="col-6">
         <%= f.input :start_time, class: 'form-control' %>
       </div>
       <div class="col-2">
         <%= f.input :am_or_pm, prompt: 'AM or PM?', collection: ["AM", "PM"], class: 'form-control', label: false %>
       </div>
     </div>

     <div class="form-group">
       <div class="col-5">
         <%= f.button :submit, class: 'calendar-meeting-btn-purple', data: { disable_with: 'Creating record!...'}  %>
       </div>
     </div>
 <% end %>
</div>

<script type="text/javascript">
   $(document).on('turbolinks:load', function () {
       $(function () {
           window.emojiPicker = new EmojiPicker({
               emojiable_selector: '[data-emojiable=true]',
               assetsPath: '/assets/emoji_picker',
               popupButtonClasses: 'fa fa-smile-o'
           });
           window.emojiPicker.discover();
       });
   });
</script>