Not getting the Script of Block from editor.getComponents()

>  this.editor.BlockManager.add('dob-mmyy-pii',  {
        id: 'dob-mmyy',
        label: `DOB (MM, YYYY) (PII)`,
        category: 'Forms',
        attributes: {class:'fa fa-birthday-cake'},
        content : {
          content :  `<div>
            <label>DOB (Month and Year)</label>
            <input  name='dob' class="form-control">
          </div>`,
          script : function(){
           
            $( $(this).find('input[name="dob"]') ).datepicker({
              changeMonth: true,
              changeYear: true,
              showButtonPanel: true,
              dateFormat: 'MM yy',
              onClose: function(dateText, inst) { 
                  console.log("inst",inst)
                  $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1));
              },
              beforeShow:function(){
                setTimeout(()=>{$('.ui-datepicker-calendar').css("display", "none").hide();
                }, 1);
              },
              onChangeMonthYear:function(){
                setTimeout(()=>{$('.ui-datepicker-calendar').css("display", "none").hide();
                }, 1);
              
              }
            })
          }
        }
    });

and doing editor.getComponents() this is what I'm getting.

`[{"tagName":"div","type":"","name":"","removable":true,"draggable":true,"droppable":true,"badgable":true,"stylable":true,"stylable-require":"","style-signature":"","unstylable":"","highlightable":true,"copyable":true,"resizable":false,"editable":false,"layerable":true,"selectable":true,"hoverable":true,"void":false,"state":"","status":"selected","content":"<div>\n            <label>DOB (Month and Year)</label>\n            <input  name='dob' class=\"form-control\">\n          </div>","icon":"","style":"","classes":[],"attributes":{"id":"ixm7"},"traits":[{"type":"text","label":"","name":"id","min":"","max":"","unit":"","step":1,"value":"ixm7","default":"","placeholder":"eg. Text here","changeProp":0,"options":[]},{"type":"text","label":"","name":"title","min":"","max":"","unit":"","step":1,"value":"","default":"","placeholder":"eg. Text here","changeProp":0,"options":[]}],"propagate":"","components":[]}]`

I don't find the script I've defined in the block, please let me know if I'm doing something wrong.

Edit:
Found a bug similar to mine: [#1569](https://github.com/artf/grapesjs/issues/1569) but the link given there doesn't cover my issue.